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
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
|
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Typography</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="../static/images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic%7CLato:300,300italic,400,400italic,700,900%7CMerriweather:700italic">
<link rel="stylesheet" href="../static/css/fonts.css">
<link rel="stylesheet" href="../static/css/bootstrap.css">
<link rel="stylesheet" href="../static/css/style.css">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;">
<a href="http://windows.microsoft.com/en-US/internet-explorer/"><img
src="../static/images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820"
alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a>
</div>
<script src="../static/js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="preloader">
<div class="preloader-body">
<div class="cssload-container">
<div class="cssload-speeding-wheel"> </div>
</div>
<p>Loading...</p>
</div>
</div>
<div class="page"><a class="section section-banner text-center d-none d-xl-block" href="https://www.templatemonster.com/intense-multipurpose-html-template.html" style="background-image: url(../static/images/banner/background-04-1920x60.jpg); background-image: -webkit-image-set( url(../static/images/banner/background-04-1920x60.jpg) 1x, url(../static/images/banner/background-04-3840x120.jpg) 2x )"><img src="../static/images/banner/foreground-04-1600x60.png" srcset="../static/images/banner/foreground-04-1600x6../static/images1x, images/banner/foreground-04-3200x120.png 2x" alt="" width="1600" height="310"></a>
<header class="page-head">
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-default" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-fixed" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-lg-stick-up-offset="53px" data-xl-stick-up-offset="53px" data-xxl-stick-up-offset="53px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
<div class="rd-navbar-inner">
<div class="rd-navbar-aside-wrap">
<div class="rd-navbar-aside">
<div class="rd-navbar-aside-toggle" data-rd-navbar-toggle=".rd-navbar-aside"><span></span></div>
<div class="rd-navbar-aside-content">
<ul class="rd-navbar-aside-group list-units">
<li>
<div class="unit unit-horizontal unit-spacing-xs align-items-center">
<div class="unit-left"><span class="novi-icon icon icon-xxs icon-primary material-icons-phone"></span></div>
<div class="unit-body"><a class="link-dusty-gray" href="tel:#">+1 (232) 349–8447</a></div>
</div>
</li>
<li>
<div class="unit unit-horizontal unit-spacing-xs align-items-center">
<div class="unit-left"><span class="novi-icon icon icon-xxs icon-primary fa-envelope-o"></span></div>
<div class="unit-body"><a class="link-dusty-gray" href="mailto:#">info@demolink.org</a></div>
</div>
</li>
</ul>
<div class="rd-navbar-aside-group">
<ul class="list-inline list-inline-reset">
<li><a class="novi-icon icon icon-circle icon-nobel-filled icon-xxs-smaller fa fa-facebook" href="#"></a></li>
<li><a class="novi-icon icon icon-circle icon-nobel-filled icon-xxs-smaller fa fa-twitter" href="#"></a></li>
<li><a class="novi-icon icon icon-circle icon-nobel-filled icon-xxs-smaller fa fa-google-plus" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="rd-navbar-group">
<div class="rd-navbar-panel">
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button><a class="rd-navbar-brand brand" href="index.html"><img src="../static/images/logo.png" alt="" width="143" height="27"/></a>
</div>
<div class="rd-navbar-nav-wrap">
<div class="rd-navbar-nav-inner">
<div class="rd-navbar-btn-wrap"><a class="button button-smaller button-primary-outline" href="#">Appointment</a></div>
<ul class="rd-navbar-nav">
<li><a href="index.html">Home</a>
</li>
<li><a href="about-us.html">About Us</a>
</li>
<li class="active"><a href="typography.html">Typography</a>
</li>
<li><a href="contact-us.html">Contacts</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<section class="section-30 section-md-40 section-lg-66 section-xl-bottom-90 bg-gray-dark page-title-wrap" style="background-image: url(../static/images/bg-image-1.jpg);">
<div class="container">
<div class="page-title">
<h2>Typography</h2>
</div>
</div>
</section>
<section class="section-35 section-md-top-75 section-md-bottom-50">
<div class="container">
<div class="row row-40">
<div class="col-md-6">
<h1>Heading 1</h1>
<div class="inset-lg-right-40 inset-xl-right-70">
<p>Dictum non consectetur a erat nam at lectus. Lacinia at quis risus sed vulputate odio ut enim blandit. Orci phasellus egestas tellus rutrum. Aenean et tortor at risus viverra adipiscing at. Lobortis feugiat vivamus at augue eget. </p>
</div>
</div>
<div class="col-md-6">
<h2>Heading 2</h2>
<div class="inset-lg-right-40 inset-xl-right-70">
<p>Dictum non consectetur a erat nam at lectus. Lacinia at quis risus sed vulputate odio ut enim blandit. Orci phasellus egestas tellus rutrum. Aenean et tortor at risus viverra adipiscing at. Lobortis feugiat vivamus at augue eget. </p>
</div>
</div>
<div class="col-md-6">
<h3>Heading 3</h3>
<div class="inset-lg-right-40 inset-xl-right-70">
<p>Dictum non consectetur a erat nam at lectus. Lacinia at quis risus sed vulputate odio ut enim blandit. Orci phasellus egestas tellus rutrum. Aenean et tortor at risus viverra adipiscing at. Lobortis feugiat vivamus at augue eget. </p>
</div>
</div>
<div class="col-md-6">
<h4>Heading 4</h4>
<div class="inset-lg-right-40 inset-xl-right-70">
<p>Dictum non consectetur a erat nam at lectus. Lacinia at quis risus sed vulputate odio ut enim blandit. Orci phasellus egestas tellus rutrum. Aenean et tortor at risus viverra adipiscing at. Lobortis feugiat vivamus at augue eget. </p>
</div>
</div>
<div class="col-md-6">
<h5>Heading 5</h5>
<div class="inset-lg-right-40 inset-xl-right-70">
<p>Dictum non consectetur a erat nam at lectus. Lacinia at quis risus sed vulputate odio ut enim blandit. Orci phasellus egestas tellus rutrum. Aenean et tortor at risus viverra adipiscing at. Lobortis feugiat vivamus at augue eget. </p>
</div>
</div>
<div class="col-md-6">
<h6>Heading 6</h6>
<div class="inset-lg-right-40 inset-xl-right-70">
<p>Dictum non consectetur a erat nam at lectus. Lacinia at quis risus sed vulputate odio ut enim blandit. Orci phasellus egestas tellus rutrum. Aenean et tortor at risus viverra adipiscing at. Lobortis feugiat vivamus at augue eget. </p>
</div>
</div>
</div>
</div>
</section>
<section class="section-35">
<div class="container">
<h3>Blockquote</h3>
<div class="quote-wrap" style="max-width: 530px;">
<blockquote class="quote-default">
<div class="quote-open">
<svg version="1.1" baseprofile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="21px" height="15px" viewbox="0 0 21 15" overflow="scroll" xml:space="preserve">
<path d="M9.597,10.412c0,1.306-0.473,2.399-1.418,3.277c-0.944,0.876-2.06,1.316-3.349,1.316 c-1.287,0-2.414-0.44-3.382-1.316C0.482,12.811,0,11.758,0,10.535c0-1.226,0.58-2.716,1.739-4.473L5.603,0H9.34L6.956,6.37 C8.716,7.145,9.597,8.493,9.597,10.412z M20.987,10.412c0,1.306-0.473,2.399-1.418,3.277c-0.944,0.876-2.06,1.316-3.35,1.316 c-1.288,0-2.415-0.44-3.381-1.316c-0.966-0.879-1.45-1.931-1.45-3.154c0-1.226,0.582-2.716,1.74-4.473L16.994,0h3.734l-2.382,6.37 C20.106,7.145,20.987,8.493,20.987,10.412z"></path>
</svg>
</div>
<div class="quote-body">
<p>
<q>It has been a pleasure doing business with you, keep up the exceptional work that you are doing!</q>
</p>
</div>
<div class="quote-close">
<svg version="1.1" baseprofile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="21px" height="15px" viewbox="0 0 21 15" overflow="scroll" xml:space="preserve">
<path d="M11.39,4.593c0-1.306,0.473-2.399,1.418-3.277C13.752,0.44,14.869,0,16.157,0c1.287,0,2.414,0.44,3.382,1.316 c0.966,0.879,1.448,1.931,1.448,3.154c0,1.226-0.58,2.716-1.739,4.473l-3.865,6.062h-3.737l2.384-6.37 C12.271,7.86,11.39,6.512,11.39,4.593z M0,4.593c0-1.306,0.473-2.399,1.418-3.277C2.362,0.44,3.478,0,4.768,0 c1.288,0,2.415,0.44,3.381,1.316c0.966,0.879,1.45,1.931,1.45,3.154c0,1.226-0.582,2.716-1.74,4.473l-3.865,6.062H0.259l2.382-6.37 C0.881,7.86,0,6.512,0,4.593z"></path>
</svg>
</div>
</blockquote>
</div>
</div>
</section>
<section class="section-md-50">
<div class="container">
<h3>Text Formatting</h3>
<div class="box-text"><a class="link link-primary-inline" href="#">Link text</a><a class="link link-primary-inline hover" href="#">Hover link text</a><a class="link link-primary-inline active" href="#">Press link</a><span class="mark">highlighted text</span><span class="text-strike">strickethrough text</span><span class="text-underline">underlined text.</span></div>
</div>
</section>
<section class="section-35">
<div class="container">
<h3>Image Centered</h3>
<figure><img src="../static/images/typography-1-1169x610.jpg" alt="" width="1169" height="610"/>
</figure>
<p class="text-secondary">Our priority is to measure our success based on the growth in the quality of our work and the complexity of our legal services.</p>
</div>
</section>
<section class="section-35 section-md-50">
<div class="container">
<h3>Image Right</h3>
<div class="row row-30 flex-row-md-reverse justify-content-lg-between">
<div class="col-md-6">
<figure><img src="../static/images/typography-2-570x386.jpg" alt="" width="570" height="386"/>
</figure>
</div>
<div class="col-md-6">
<div class="inset-lg-right-40 inset-xl-right-85 text-secondary">
<p>Our approach is practical and client-oriented, and we are committed to providing efficient, effective, and top-quality legal services. Other firms measure success by their growth in size. Our priority is to measure our success based on the growth in the quality of our work and the complexity of our legal services.</p>
<p>We endeavour to establish long-lasting relationships with our clients. Every assignment is preceded by a careful assessment of the work, costs and realistic results. We carry out our assignments in close consultation with the client. This goes some way to explaining why we are justifiably proud of our many long-standing and close client relationships. In the course of long-term engagements, each client has a specific contact attorney within the firm who is familiar with the client's business operations and maintains close communication with the client.</p>
</div>
</div>
</div>
</div>
</section>
<section class="section-40 section-md-bottom-100 section-xl-bottom-165">
<div class="container">
<h3>Image Left</h3>
<div class="row row-30 justify-content-lg-between">
<div class="col-md-6">
<figure><img src="../static/images/typography-3-570x386.jpg" alt="" width="570" height="386"/>
</figure>
</div>
<div class="col-md-6">
<div class="inset-lg-left-40 inset-xl-left-70 text-secondary">
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company.</p>
<p>We endeavour to establish long-lasting relationships with our clients. Every assignment is preceded by a careful assessment of the work, costs and realistic results. We carry out our assignments in close consultation with the client. This goes some way to explaining why we are justifiably proud of our many long-standing and close client relationships. In the course of long-term engagements, each client has a specific contact attorney within the firm who is familiar with the client's business operations and maintains close communication with the client.</p>
</div>
</div>
</div>
</div>
</section>
<a class="section section-banner" href="https://www.templatemonster.com/intense-multipurpose-html-template.html" style="background-image: url(../static/images/banner/background-03-1920x310.jpg); background-image: -webkit-image-set( url(../static/images/banner/background-03-1920x310.jpg) 1x, url(../static/images/banner/background-03-3840x620.jpg) 2x )"><img src="../static/images/banner/foreground-03-1600x310.png" srcset="../static/images/banner/foreground-03-1600x31../static/images1x, images/banner/foreground-03-3200x620.png 2x" alt="" width="1600" height="310"></a>
<footer class="page-foot bg-ebony-clay">
<div class="section-40 section-md-75">
<div class="container">
<div class="row justify-content-sm-center">
<div class="col-sm-9 col-md-11 col-xl-12">
<div class="row row-50">
<div class="col-md-6 col-lg-10 col-xl-3">
<div class="inset-xl-right-20" style="max-width: 510px;">
<a class="link link-group link-group-animated link-bold link-white" href="#"><span>Free Consultation</span><span class="novi-icon icon icon-xxs icon-primary fa fa-angle-right"></span></a>
<p>
If you or your business is facing a legal
challenge that calls for sound advice and skilled representation, contact us today to arrange a free consultation with an attorney.
</p>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3">
<p class="h7">Recent Posts</p>
<article class="post post-preview post-preview-inverse"><a href="#">
<div class="unit unit-horizontal unit-spacing-lg">
<div class="unit-left">
<figure class="post-image"><img src="../static/images/post-preview-4-70x70.jpg" alt="" width="70" height="70"/>
</figure>
</div>
<div class="unit-body">
<div class="post-header">
<p>Help Us Make the Law Accessible for Everyone</p>
</div>
<div class="post-meta">
<ul class="list-meta">
<li>
<time datetime="2019-06-23">June 23, 2019 </time>
</li>
<li>3 Comments</li>
</ul>
</div>
</div>
</div></a></article>
<article class="post post-preview post-preview-inverse"><a href="#">
<div class="unit unit-horizontal unit-spacing-lg">
<div class="unit-left">
<figure class="post-image"><img src="../static/images/post-preview-5-70x70.jpg" alt="" width="70" height="70"/>
</figure>
</div>
<div class="unit-body">
<div class="post-header">
<p>Legal Documents Every Landlord Needs </p>
</div>
<div class="post-meta">
<ul class="list-meta">
<li>
<time datetime="2019-06-23">June 20, 2019</time>
</li>
<li>3 Comments</li>
</ul>
</div>
</div>
</div></a></article>
</div>
<div class="col-md-6 col-lg-4 col-xl-3">
<p class="h7">Quick links</p>
<div class="row" style="max-width: 270px;">
<div class="col-6">
<ul class="list-marked-variant-2">
<li><a href="index.html">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
<div class="col-6">
<ul class="list-marked-variant-2">
<li><a href="about-us.html">About us</a></li>
<li><a href="contact-us.html">Contacts</a></li>
<li><a href="#">Appointment</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3">
<p class="h7">Contact us</p>
<address class="contact-info text-left">
<div class="unit unit-horizontal unit-spacing-md align-items-center">
<div class="unit-left"><span class="novi-icon icon icon-xs icon-storm-gray material-icons-phone"></span></div>
<div class="unit-body"><a class="link-white" href="tel:#">+123 234 984 47 45</a></div>
</div>
<div class="unit unit-horizontal unit-spacing-md align-items-center">
<div class="unit-left"><span class="novi-icon icon icon-xs icon-storm-gray fa fa-envelope-o"></span></div>
<div class="unit-body"><a class="link-white" href="mailto:#">info@demolink.org</a></div>
</div>
<div class="unit unit-horizontal unit-spacing-md">
<div class="unit-left"><span class="novi-icon icon icon-xs icon-storm-gray material-icons-place"></span></div>
<div class="unit-body"><a class="link-white d-inline" href="#">6036 Richmond hwy,<br>Alexandria, VA USA 22303</a></div>
</div>
</address>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<hr>
</div>
<div class="section-35">
<div class="container text-center">
<div class="row row-15 flex-md-row-reverse justify-content-md-between align-items-md-center">
<div class="col-md-6 text-md-right">
<div class="group-sm group-middle">
<p class="font-italic text-white">Follow Us:</p>
<ul class="list-inline list-inline-reset">
<li><a class="novi-icon icon icon-circle icon-bright-gray-filled icon-xxs-smaller fa fa-facebook" href="#"></a></li>
<li><a class="novi-icon icon icon-circle icon-bright-gray-filled icon-xxs-smaller fa fa-twitter" href="#"></a></li>
<li><a class="novi-icon icon icon-circle icon-bright-gray-filled icon-xxs-smaller fa fa-google-plus" href="#"></a></li>
</ul>
</div>
</div>
<div class="col-md-6 text-md-left">
<p class="rights text-white"><span class="copyright-year"></span><span> © </span><span>LawExpert. All Rights Reserved.</span>Design by <a href="https://www.templatemonster.com">TemplateMonster</a></p>
</div>
</div>
</div>
</div>
</footer>
</div>
<div class="snackbars" id="form-output-global"></div>
<script src="../static/js/core.min.js"></script>
<script src="../static/js/script.js"></script>
</body>
</html>
|
