-
Notifications
You must be signed in to change notification settings - Fork 0
/
single.html
244 lines (220 loc) · 14.3 KB
/
single.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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="shortcut icon" type="x-icon" href="img/logo 1.png">
<title>Single Page</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Law Firm Website Template" name="keywords">
<meta content="Law Firm Website Template" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,600;1,700;1,800&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
<!-- CSS Libraries -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<!-- Top Bar Start -->
<div class="top-bar">
<div class="container-fluid">
<div class="row">
<div class="col-lg-3">
<div class="logo">
<a href="index.html">
<!-- <img src="img/logo.jpg" alt="Logo"> -->
</a>
</div>
</div>
<div class="col-lg-9">
<div class="top-bar-right">
</div>
</div>
</div>
</div>
</div>
<!-- Top Bar End -->
<!-- Nav Bar Start -->
<div class="nav-bar">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<a href="file:///E:/NOM%20LAW%20LLP%20PROJECT/NOM%20LAW%20LLP/single.html"><img src="img/logo 1.png"alt="NOM LAW LLP" width="95" height="95"></a>
<a href="#" class="navbar-brand">MENU</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
<div class="navbar-nav mr-auto">
<a href="index.html" class="nav-item nav-link active">Home</a>
<a href="about.html" class="nav-item nav-link">About</a>
<a href="service.html" class="nav-item nav-link">Practice</a>
<a href="team.html" class="nav-item nav-link">Our Team</a>
<a href="portfolio.html" class="nav-item nav-link">Case Studies</a>
<a href="blog.html" class="nav-item nav-link"target=_blank">Blog Page</a>
<a href="contact.html" class="nav-item nav-link">Contact</a>
</div>
<div class="ml-auto">
<a class="btn" href="file:///E:/NOM%20LAW%20LLP%20PROJECT/NOM%20LAW%20LLP/contact.html">Get Appointment</a>
</div>
</div>
</nav>
</div>
</div>
<!-- Nav Bar End -->
<!-- Single Page Start -->
<div class="single">
<div class="container">
<div class="section-header">
<h2>This is Page Title</h2>
</div>
<div class="row">
<div class="col-12">
<img class="img-fluid rounded" src="img/single.jpg" alt="Image">
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non vulputate. Aliquam metus tortor, auctor id gravida condimentum, viverra quis sem. Curabitur non nisl nec nisi scelerisque maximus. Aenean consectetur convallis porttitor. Aliquam interdum at lacus non blandit. Nam congue molestie nibh in venenatis. Etiam non dui vel purus mollis consectetur. Sed at cursus lectus, sed iaculis lorem. Suspendisse venenatis est eu neque elementum, a accumsan tortor scelerisque. Nullam id erat arcu. Morbi suscipit commodo tortor non efficitur. Ut pretium sollicitudin lorem quis laoreet. Nulla vestibulum ante ut tellus hendrerit, ac condimentum sapien vehicula. Fusce dapibus, nulla non venenatis pretium, purus mauris vehicula elit, at posuere leo elit id augue. Donec ullamcorper tortor et tellus convallis maximus.
</p>
<ul class="ul-group">
<li>First list item</li>
<li>Second list item</li>
<li>Third list item</li>
<li>Fourth list item</li>
<li>Fifth list item</li>
</ul>
<p>
Mauris tempor et odio ut condimentum. Donec eleifend magna eu hendrerit lacinia. Praesent luctus diam ut rhoncus vulputate. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed ut metus efficitur, volutpat eros et, mollis enim. Sed quis tortor id erat iaculis sagittis. Aenean at pretium lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam sollicitudin vitae lacus id fermentum. Nullam sit amet tortor arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum nibh in dui congue, id faucibus lectus auctor. Nunc quis tincidunt odio, id finibus massa. Phasellus tincidunt libero est, in blandit turpis malesuada a. Quisque congue, mauris non consectetur tempus, arcu urna blandit arcu, ac finibus dolor ante ut nibh. Etiam congue dignissim sollicitudin.
</p>
<ol class="ol-group">
<li>First list item</li>
<li>Second list item</li>
<li>Third list item</li>
<li>Fourth list item</li>
<li>Fifth list item</li>
</ol>
<p>
Donec vel euismod tortor. Aenean euismod risus ac enim hendrerit, ac sagittis erat porta. Donec ultrices et massa at ullamcorper. Nam faucibus mattis mattis. Etiam a metus condimentum, pretium elit a, accumsan dui. Donec ipsum erat, ultricies ut ante vel, consequat elementum nibh. Vestibulum egestas id nunc lobortis bibendum. Aliquam odio ex, efficitur vitae risus vitae, iaculis suscipit justo. Nam eleifend orci nulla, in pulvinar risus eleifend sit amet
</p>
<ul class="list-group">
<li class="list-group-item">First list item</li>
<li class="list-group-item">Second list item</li>
<li class="list-group-item">Third list item</li>
<li class="list-group-item">Fourth list item</li>
<li class="list-group-item">Fifth list item</li>
</ul>
<p>
Aenean dolor nisi, ultrices vitae urna vitae, tristique auctor tortor. Cras eu aliquet metus. Nunc volutpat est nec convallis vulputate. Maecenas quis tortor molestie, maximus arcu mattis, vehicula orci. Curabitur consequat eu orci vel vulputate. In mollis purus in tellus consectetur, at tristique lacus gravida. Integer tempor mattis elit, eu mollis tellus pretium in. Duis id iaculis ipsum, eu tempus purus. Fusce euismod lacus quis felis eleifend egestas. Nam at dolor vitae risus varius mattis sed ut tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque diam nisl, interdum sit amet congue efficitur, ultrices id dolor.
</p>
<table class="table table-bordered">
<thead>
<tr>
<th>Table Head</th>
<th>Table Head</th>
<th>Table Head</th>
</tr>
</thead>
<tbody>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- Single Page End -->
<!-- Footer Start -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="footer-about">
<h2>About Us</h2>
<p>
Nom Law Advocates LLP is a top tier law firm in Nairobi,Kenya rendering a wide range of legal services and solutions for both domestic and international clientele
</p>
</div>
</div>
<div class="col-md-6 col-lg-8">
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="footer-link">
<h2>Useful Pages</h2>
<a href="about.html">About Us</a>
<a href="service.html">Practices</a>
<a href="team.html">Our Team</a>
<a href="portfolio.html">Case Studies</a>
<a href="">FAQs</a>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="footer-contact">
<h2>Get In Touch</h2>
<p><i class="fa fa-map-marker-alt"></i>Hazina Towers 5th floor, Nairobi, Kenya</p>
<p><i class="fa fa-phone-alt"></i>+254 704 199 720</p>
<p><i class="fa fa-envelope"></i>[email protected]</p>
<div class="footer-social">
<a href="https://nomlawllp.com/"><i class="fab fa-twitter"></i></a>
<a href="https://facebook.com/nomlawllp"><i class="fab fa-facebook-f"></i></a>
<a href="https://nomlawllp.com/"><i class="fab fa-linkedin-in"></i></a>
<a href="https://nomlawllp.com/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container footer-menu">
<div class="f-menu">
<a href="">Terms of use</a>
<a href="">Privacy policy</a>
<a href="">Cookies</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
<div class="container copyright">
<div class="row">
<div class="col-md-6">
<p>© NOM LAW Advocates LLP</a>, All Right Reserved.</p>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
</div>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>