diff options
| author | AlisaLinUwU <alisalinuwu@gmail.com> | 2025-01-26 11:41:45 +0500 |
|---|---|---|
| committer | AlisaLinUwU <alisalinuwu@gmail.com> | 2025-01-26 11:41:45 +0500 |
| commit | 93fe6a825baa3c5141fb220256b2c0b1fc3da273 (patch) | |
| tree | b9cca4a0b970e8ee53a6465c1d2a572fb6dfb825 /src/main/resources/templates/typography.html | |
Initializemain
Diffstat (limited to 'src/main/resources/templates/typography.html')
| -rw-r--r-- | src/main/resources/templates/typography.html | 347 |
1 files changed, 347 insertions, 0 deletions
diff --git a/src/main/resources/templates/typography.html b/src/main/resources/templates/typography.html new file mode 100644 index 0000000..336335c --- /dev/null +++ b/src/main/resources/templates/typography.html @@ -0,0 +1,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>
\ No newline at end of file |