-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbrewer.html
165 lines (128 loc) · 7.55 KB
/
brewer.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html>
<head>
<title>Brewer & Lormand | Home</title>
<meta charset="utf-8">
<!-- below is used for bootstrap command -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- link of bootstrap file -->
<link rel="stylesheet" href="E:\coding projects\web site\bootstrap-5.0.0-beta3-dist\css\bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<!-- in below command in place of href we give our css file location -->
<link rel="stylesheet" href="css/brewer.css">
<!-- to add icons in our html -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- giving location of some java script files -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="header">
<img id="logo" src="https://64.media.tumblr.com/cb78b55380d0057b8f2234ec5278e9d5/400e590e31b2e337-8a/s1280x1920/eaf3275b0f0c627374e0903efcb3801ba44718b5.jpg" alt="Brewer Logo">
<nav>
<a href="brewer.html" target="_blank">Home</a>
<a href="service.html" target="_blank">Service</a>
<a href="resources.html" target="_blank">Resources</a>
<a href="contact.html" target="_blank">Contact us</a>
</nav>
</div>
<div id="design" class="col-lg-12 col-md-24 col-sm-36">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="https://cdn.pixabay.com/photo/2015/03/27/20/50/rendering-695172_1280.jpg" alt="airplanes" style="height:600px;
width:1800px;" >
</div>
<div class="item">
<img src="https://cdn.pixabay.com/photo/2018/08/14/13/23/ocean-3605547__340.jpg" alt="sea-1499628_1280" style="height:600px; width:1800px;">
</div>
<div class="item">
<img src="https://cdn.pixabay.com/photo/2013/07/18/20/26/sea-164989_1280.jpg" style="height:600px; width:1800px;">
</div>
<div class="item">
<img src="https://cdn.pixabay.com/photo/2013/12/17/20/10/bubbles-230014_1280.jpg" style="height:600px; width:1800px;">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="text">
<h1>
Legal representation for varios immigration matters.
</h1>
<p>
The immigration process allows priority to foreign nationals who
<br>
have a close family relationship with a US citizen or LPR, have
<br>
needed work skills, have refugee or asylee status, or are native of
<br>
countries with low immigration rates to the US
</p>
<button>
Read More
</button>
</div>
</div>
<!-- content starts -->
<div class="content">
<section id="work" class="col-lg-4 col-md-6 col-sm-12">
<img src="https://cdn.pixabay.com/photo/2016/04/19/21/16/frog-1339916__340.jpg">
<h2>Work Visas</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum ipsa fugit cupiditate. Eius quasi iure beatae, nostrum deserunt, deleniti, qui illum ut odio consequatur eum dolor ullam! Amet, nulla nisi. Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque cupiditate totam repellendus odit earum quo eius, illo necessitatibus. Quia et rem quibusdam ad hic quo similique! Eos rerum aperiam fugiat.</p>
<button>Read More</button>
</section>
<section id="work" class="col-lg-4 col-md-6 col-sm-12">
<img src="https://cdn.pixabay.com/photo/2017/04/25/06/15/father-and-son-2258681__340.jpg" style="height: 317px;">
<h2>Family</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias possimus a ea cumque suscipit eligendi maiores, hic odit dolor! Velit amet placeat voluptate numquam consequuntur hic ea explicabo harum excepturi. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea quisquam cum atque doloribus maxime fugiat explicabo, possimus autem et in provident rerum magnam quaerat error sunt. Commodi consequatur quod dolorum!</p>
<button>Read More</button>
</section>
<section id="work" class="col-lg-4 col-md-12 col-sm-12">
<img src="https://cdn.pixabay.com/photo/2018/09/09/22/24/bremen-3665697__340.jpg">
<h2>Citizenship</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum nemo error quibusdam voluptate, atque unde praesentium voluptatem odit corporis. Facilis odit delectus expedita optio. Vel illum aut eum! Officia, atque. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum sed repellat non. Odio omnis dolorum nam ipsum molestiae soluta eos. Repudiandae maxime quod tempore illo placeat delectus nemo dolor officiis!</p>
<button>Read More</button>
</section>
</div>
<!-- footer starting -->
<div class="footer">
<section id="end1" class="col-lg-3 col-md-6 col-sm-9">
<h2>Brewer & Lormand</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum ipsa fugit cupiditate. Eius quasi iure beatae, nostrum deserunt, deleniti, qui illum ut odio consequatur eum dolor ullam! Amet, nulla nisi.
<br><br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque cupiditate totam repellendus odit earum quo eius, illo necessitatibus. Quia et rem quibusdam ad hic quo similique! Eos rerum aperiam fugiat.</p>
</section>
<section id="end" class="col-lg-3 col-md-6 col-sm-9">
<h2>Dallas office</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias possimus a ea cumque suscipit eligendi maiores, hic odit dolor! Velit amet placeat voluptate numquam consequuntur hic ea explicabo harum excepturi. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea quisquam cum atque doloribus maxime fugiat explicabo, possimus autem et in provident rerum magnam quaerat error sunt. Commodi consequatur quod dolorum!</p>
</section>
<section id="end" class="col-lg-3 col-md-6 col-sm-9">
<h2>New Oreleus Office</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum nemo error quibusdam voluptate, atque unde praesentium voluptatem odit corporis. Facilis odit delectus expedita optio. Velillum aut eum! Officia, atque. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum sed repellat non. Odio omnis dolorum nam ipsum molestiae soluta eos. Repudiandae maxime quod tempore illo placeat delectus nemo dolor officiis!</p>
</section>
<section id="end" class="col-lg-3 col-md-6 col-sm-9">
<h2>Follow us</h2>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-google"></a>
</section>
</div>
</body>
</html>