diff options
Diffstat (limited to 'src/main/resources/templates')
| -rw-r--r-- | src/main/resources/templates/about-us.html | 452 | ||||
| -rw-r--r-- | src/main/resources/templates/contact-us.html | 225 | ||||
| -rw-r--r-- | src/main/resources/templates/index.html | 371 | ||||
| -rw-r--r-- | src/main/resources/templates/typography.html | 347 |
4 files changed, 1395 insertions, 0 deletions
diff --git a/src/main/resources/templates/about-us.html b/src/main/resources/templates/about-us.html new file mode 100644 index 0000000..e6266e8 --- /dev/null +++ b/src/main/resources/templates/about-us.html @@ -0,0 +1,452 @@ +<!DOCTYPE html> +<html class="wide wow-animation" lang="en"> + <head> + <title>About Us</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 class="active"><a href="about-us.html">About Us</a> + </li> + <li><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>About Us</h2> + </div> + </div> + </section> + + <section class="section-66 section-md-90 section-xl-bottom-120"> + <div class="container"> + <h3>Who We Are</h3> + <div class="row row-40 justify-content-xl-between align-items-lg-center"> + <div class="col-md-6 col-xl-5 text-secondary"> + <div class="inset-md-right-15 inset-xl-right-0"> + <p>We do not see ourselves simply as 'lawyers' but will always strive to be our clients' trusted adviser whether that be in a commercial or personal context. We provide additional services well beyond those that might be expected of a law firm.</p> + <p> + Our core values are integrity and trust, the encouragement of innovation, teamwork and the continuing personal development of everyone at the firm. + + </p> + </div> + </div> + <div class="col-md-6"> + <ul class="list-progress"> + <li> + <p class="animated fadeIn">Adoption Law</p> + <div class="progress-bar-js progress-bar-horizontal progress-bar-sisal" data-value="70" data-stroke="4" data-easing="linear" data-counter="true" data-duration="1000" data-trail="100"></div> + </li> + <li> + <p class="animated fadeIn">Family Law</p> + <div class="progress-bar-js progress-bar-horizontal progress-bar-laser" data-value="54" data-stroke="4" data-easing="linear" data-counter="true" data-duration="1000" data-trail="100"></div> + </li> + <li> + <p class="animated fadeIn">Real Estate Law</p> + <div class="progress-bar-js progress-bar-horizontal progress-bar-fuscous-gray" data-value="87" data-stroke="4" data-easing="linear" data-counter="true" data-duration="1000" data-trail="100"></div> + </li> + <li> + <p class="animated fadeIn">Personal Injury Law</p> + <div class="progress-bar-js progress-bar-horizontal progress-bar-leather" data-value="90" data-stroke="4" data-easing="linear" data-counter="true" data-duration="1000" data-trail="100"></div> + </li> + </ul> + </div> + </div> + </div> + </section> + + <section class="section-60 section-lg-90 bg-whisper"> + <div class="container"> + <div class="row row-40 align-items-sm-end"> + <div class="col-sm-6 col-md-4 col-lg-3"> + <div class="thumbnail-variant-2-wrap"> + <div class="thumbnail thumbnail-variant-2"> + <figure class="thumbnail-image"><img src="../static/images/team-9-246x300.jpg" alt="" width="246" height="300"/> + </figure> + <div class="thumbnail-inner"> + <div class="link-group"><span class="novi-icon icon icon-xxs icon-primary material-icons-local_phone"></span><a class="link-white" href="tel:#">+1 (409) 987–5874</a></div> + <div class="link-group"><span class="novi-icon icon icon-xxs icon-primary fa-envelope-o"></span><a class="link-white" href="mailto:#">info@demolink.org</a></div> + </div> + <div class="thumbnail-caption"> + <p class="text-header"><a href="#">Amanda Smith</a></p> + <div class="divider divider-md bg-teak"></div> + <p class="text-caption">Paralegal</p> + </div> + </div> + </div> + </div> + <div class="col-sm-6 col-md-4 col-lg-3"> + <div class="thumbnail-variant-2-wrap"> + <div class="thumbnail thumbnail-variant-2"> + <figure class="thumbnail-image"><img src="../static/images/team-10-246x300.jpg" alt="" width="246" height="300"/> + </figure> + <div class="thumbnail-inner"> + <div class="link-group"><span class="novi-icon icon icon-xxs icon-primary material-icons-local_phone"></span><a class="link-white" href="tel:#">+1 (409) 987–5874</a></div> + <div class="link-group"><span class="novi-icon icon icon-xxs icon-primary fa-envelope-o"></span><a class="link-white" href="mailto:#">info@demolink.org</a></div> + </div> + <div class="thumbnail-caption"> + <p class="text-header"><a href="#">John Doe</a></p> + <div class="divider divider-md bg-teak"></div> + <p class="text-caption">Attorney</p> + </div> + </div> + </div> + </div> + <div class="col-sm-6 col-md-4 col-lg-3"> + <div class="thumbnail-variant-2-wrap"> + <div class="thumbnail thumbnail-variant-2"> + <figure class="thumbnail-image"><img src="../static/images/team-11-246x300.jpg" alt="" width="246" height="300"/> + </figure> + <div class="thumbnail-inner"> + <div class="link-group"><span class="novi-icon icon icon-xxs icon-primary material-icons-local_phone"></span><a class="link-white" href="tel:#">+1 (409) 987–5874</a></div> + <div class="link-group"><span class="novi-icon icon icon-xxs icon-primary fa-envelope-o"></span><a class="link-white" href="mailto:#">info@demolink.org</a></div> + </div> + <div class="thumbnail-caption"> + <p class="text-header"><a href="#">Vanessa Ives</a></p> + <div class="divider divider-md bg-teak"></div> + <p class="text-caption">Legal Assistant</p> + </div> + </div> + </div> + </div> + <div class="col-sm-6 col-md-12 col-lg-3 text-center"> + <div class="block-wrap-1"> + <div class="block-number">06</div> + <h3 class="text-normal">Experts</h3> + <p class="h5 h5-smaller text-style-4">in Their Fields</p> + <p>If you or your business is facing a legal challenge, contact us today to arrange a free initial consultation with an attorney.</p><a class="link link-group link-group-animated link-bold link-secondary" href="#"><span>Read more</span><span class="novi-icon icon icon-xxs icon-primary fa fa-angle-right"></span></a> + </div> + </div> + </div> + </div> + </section> + + <section class="section parallax-container bg-black" data-parallax-img="images/clients-testimonials-parallax-1.jpg"> + <div class="parallax-content"> + <div class="section-60 section-md-90 section-xl-120"> + <div class="container text-center"> + <div class="row row-40 justify-content-lg-center"> + <div class="col-sm-12"> + <h3>What People Say</h3> + </div> + <div class="col-lg-11 col-xl-9"> + <div class="owl-carousel-inverse"> + <div class="owl-carousel owl-nav-position-numbering" data-autoplay="true" data-items="1" data-stage-padding="0" data-loop="false" data-margin="30" data-nav="true" data-numbering="#owl-numbering-1" data-animation-in="fadeIn" data-animation-out="fadeOut"> + <div class="item"> + <blockquote class="quote-minimal quote-minimal-inverse"> + <div class="quote-body"> + <p> + <q>We have been very pleased with our experience with the LawExpert. Although we did not actually go to court, I felt that Amanda was more than ready to fight her best for us. Our whole experience with all of the staff was very easy and enjoyable. Thank you for your work!</q> + </p> + </div> + <div class="quote-meta"> + <cite>Mark Wilson</cite> + <p class="caption">Client</p> + </div> + </blockquote> + </div> + <div class="item"> + <blockquote class="quote-minimal quote-minimal-inverse"> + <div class="quote-body"> + <p> + <q>I am so glad we chose LawExpert law firm to represent us. We were in a very bad motorcycle accident. We were treated like family and were kept involved every step of the way. Thank you all who were involved in one way or other working our case!</q> + </p> + </div> + <div class="quote-meta"> + <cite>Kate Wilson</cite> + <p class="caption">Client</p> + </div> + </blockquote> + </div> + <div class="item"> + <blockquote class="quote-minimal quote-minimal-inverse"> + <div class="quote-body"> + <p> + <q>John and his staff were great with making us feel comfortable during the process. They kept us updated on our case progress and were very helpful with all of the paperwork we needed to complete. We are very pleased with the outcome of everything.</q> + </p> + </div> + <div class="quote-meta"> + <cite>Sam Cole</cite> + <p class="caption">Client</p> + </div> + </blockquote> + </div> + </div> + <div class="owl-numbering owl-numbering-default" id="owl-numbering-1"> + <div class="numbering-current"></div> + <div class="numbering-separator"></div> + <div class="numbering-count"></div> + </div> + </div> + </div> + </div> + </div> + </div> + </div> + </section> + + <section class="bg-whisper"> + <div class="container"> + <div class="row align-items-lg-end"> + <div class="offset-md-1 offset-lg-0 col-md-8 col-lg-6 col-xl-5"> + <div class="section-60 section-md-90"> + <div class="inset-md-left-100"> + <h3>Why Choose Us</h3> + </div> + <div class="inset-md-left-30 inset-md-right-30"> + <ul class="list-xl"> + <li> + <article class="icon-box-horizontal"> + <div class="unit unit-horizontal unit-spacing-md"> + <div class="unit-left"><span class="novi-icon icon icon-primary icon-lg mercury-icon-users"></span></div> + <div class="unit-body"> + <h5><a href="#">Our Beliefs</a></h5> + <p>Our firm is like family. We truly believe that each case is someone’s life and we need to treat it as such.</p> + </div> + </div> + </article> + + </li> + <li> + <article class="icon-box-horizontal"> + <div class="unit unit-horizontal unit-spacing-md"> + <div class="unit-left"><span class="novi-icon icon icon-primary icon-lg mercury-icon-lib"></span></div> + <div class="unit-body"> + <h5><a href="#">Rich Experience</a></h5> + <p>Experience gets the job done. LawExpert’s attorneys have more than 150 years of combined legal practice.</p> + </div> + </div> + </article> + + </li> + <li> + <article class="icon-box-horizontal"> + <div class="unit unit-horizontal unit-spacing-md"> + <div class="unit-left"><span class="novi-icon icon icon-primary icon-lg mercury-icon-briefcase"></span></div> + <div class="unit-body"> + <h5><a href="#">Great Results</a></h5> + <p>Results are only successful when we make a difference in your life. We’ll help you get the money and benefits.</p> + </div> + </div> + </article> + + </li> + </ul> + </div> + </div> + </div> + <div class="col-md-9 col-lg-6 col-xl-7 offset-top-30 offset-md-top-0 d-none d-lg-block"> + <div class="image-wrap-1"><img src="../static/images/about-1-670x578.png" alt="" width="670" height="578"/> + </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 diff --git a/src/main/resources/templates/contact-us.html b/src/main/resources/templates/contact-us.html new file mode 100644 index 0000000..e52fb4a --- /dev/null +++ b/src/main/resources/templates/contact-us.html @@ -0,0 +1,225 @@ +<!DOCTYPE html> +<html class="wide wow-animation" lang="en"> + <head> + <title>Kontaktlar</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" th:href="@{/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" th:href="@{/css/font-awesome.css}" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> + <link rel="stylesheet" th:href="@{/css/fonts.css}"> + <link rel="stylesheet" th:href="@{/css/bootstrap.css}"> + <link rel="stylesheet" th:href="@{/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="https://windows.microsoft.com/en-US/internet-explorer/"><img + th:src="@{/images/ie8-panel/warning_bar_0000_us.jpg}" src="" height="42" width="820" + alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a> + </div> + <script th:src="@{/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>Yuklanmoqda...</p> + </div> + </div> + <div class="page"> + <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:+998904300681" target="_blank">+998 (90) 430–06-81</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:barnoavezova@gmail.com" target="_blank">barnoavezova@gmail.com</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 material-icons-place"></span></div> + <div class="unit-body"><a class="link-dusty-gray" href="https://yandex.uz/maps/-/CHEiaDpD" target="_blank">Urganch, Baynalminalchi mahalla, Gurlan ko‘chasi, 104 uy</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-clock-o"></span></div> + <div class="unit-body">Ish tartibi: 10:00-18:00</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-telegram" href="https://t.me/notarius_avezova" target="_blank"></a></li> + <li><a class="novi-icon icon icon-circle icon-nobel-filled icon-xxs-smaller fa fa-facebook" href="https://www.facebook.com/avezova.barno/" target="_blank"></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="/"><img th:src="@{/images/logo.png}" src="" 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="/#register">Yozilish</a></div> + <ul class="rd-navbar-nav"> + <li><a href="/">Bosh sahifa</a></li> + <li class="active"><a th:href="@{contacts}">Kontaktlar</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>Men bilan bog'lanish</h2> + </div> + </div> + </section> + + <section class="section-60 section-md-top-90 section-md-bottom-100"> + <div class="container"> + <div class="row row-50 justify-content-lg-between"> + <div class="col-lg-5 col-xl-4"> + <div class="inset-lg-right-15 inset-xl-right-0"> + <div class="row row-30 row-md-40"> + <div class="col-md-10 col-lg-12"> + <h3>Meni Qanday Topish Mumkin</h3> + <p class="text-secondary"> + Agar sizda biron bir savol bo'lsa, shunchaki aloqa formasini to'ldiring, men sizga qisqa vaqt ichida javob beraman. Agar siz yaqin atrofda yashasangiz, mening qulay idoralarimdan biriga tashrif buyuring. + </p> + </div> + <div class="col-md-6 col-lg-12"> + <h5>Idora</h5> + <address class="contact-info"> + <dl class="list-terms-inline"> + <dt>Telefon</dt> + <dd><a class="link-primary" href="tel:+998904300681">+998 (90) 430–06-81</a></dd> + </dl> + <dl class="list-terms-inline"> + <dt>Email</dt> + <dd><a class="link-primary" href="mailto:barnoavezova@gmail.com">barnoavezova@gmail.com</a></dd> + </dl> + <dl class="list-terms-inline"> + <dt>Manzil</dt> + <dd><a class="link-primary" href="https://yandex.uz/maps/-/CHEiaDpD" target="_blank">Urganch, Baynalminalchi mahalla, Gurlan ko‘chasi, 104 uy</a></dd> + </dl> + <dl class="list-terms-inline"> + <dt>Ish tartibi</dt> + <dd>10:00-18:00</dd> + </dl> + </address> + </div> + </div> + </div> + </div> + <div class="col-lg-7 col-xl-6" id="register"> + <div style="position:relative;overflow:hidden;"><a href="https://yandex.uz/maps/105815/xorazm-province/" style="color:#eee;font-size:12px;position:absolute;top:0px;">Xorazm viloyati</a><a href="https://yandex.uz/maps/105815/xorazm-province/house/YkkYcAdlT0UDQFprfXl5cXVlYg==/?ll=60.608004%2C41.581333&utm_medium=mapframe&utm_source=maps&z=16" style="color:#eee;font-size:12px;position:absolute;top:14px;">Tadbirkorlar 4-tor koʻchasi, 72/2 — Yandex Xarita</a><iframe src="https://yandex.uz/map-widget/v1/?ll=60.608004%2C41.581333&mode=whatshere&utm_source=share&whatshere%5Bpoint%5D=60.605604%2C41.580966&whatshere%5Bzoom%5D=17&z=16" width="560" height="400" frameborder="1" allowfullscreen="true" style="position:relative;"></iframe></div> + </div> + </div></div> + </section> + + <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-4"> + <div class="inset-xl-right-20" style="max-width: 510px;"> + <a class="link link-group link-group-animated link-bold link-white" href="/#register"><span>Bepul maslahatlashish</span><span class="novi-icon icon icon-xxs icon-primary fa fa-angle-right"></span></a> + <p> + Agar siz yoki sizning biznesingiz ishonchli maslahat va malakali vakillikni talab qiladigan yuridik muammoga duch kelsangiz, notarius bilan bepul maslahatlashish uchun bugun biz bilan bog'laning. + </p> + </div> + </div> + <div class="col-md-6 col-lg-4 col-xl-4"> + <p class="h7">Tezkor havolalar</p> + <div class="row" style="max-width: 270px;"> + <div class="col-6"> + <ul class="list-marked-variant-2"> + <li><a href="/">Bosh sahifa</a></li> + </ul> + </div> + <div class="col-6"> + <ul class="list-marked-variant-2"> + <li><a th:href="@{contacts}">Kontaktlar</a></li> + </ul> + </div> + </div> + </div> + <div class="col-md-6 col-lg-4 col-xl-4"> + <p class="h7">Bog'lanish</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:+998904300681">+998 (90) 430–06-81</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:barnoavezova@gmail.com" target="_blank">barnoavezova@gmail.com</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="https://yandex.uz/maps/-/CHEiaDpD" target="_blank">Urganch, Baynalminalchi mahalla,<br> Gurlan ko‘chasi, 104 uy</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">Obuna boling:</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-telegram" href="https://t.me/notarius_avezova" target="_blank"></a></li> + <li><a class="novi-icon icon icon-circle icon-bright-gray-filled icon-xxs-smaller fa fa-facebook" href="https://www.facebook.com/avezova.barno/" target="_blank"></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>Avezova Barno. Barcha huquqlar himoyalangan.</span></p> + </div> + </div> + </div> + </div> + </footer> + + </div> + <div class="snackbars" id="form-output-global"></div> + <script th:src="@{/js/core.min.js}"></script> + <script th:src="@{/js/script.js}"></script> + </body> +</html>
\ No newline at end of file diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html new file mode 100644 index 0000000..8a12f3e --- /dev/null +++ b/src/main/resources/templates/index.html @@ -0,0 +1,371 @@ +<!DOCTYPE html> +<html class="wide wow-animation" lang="en"> + <head> + <title>Notarius Avezova Barno | Urganch shahar</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" th:href="@{/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" th:href="@{/css/font-awesome.css}" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> + <link rel="stylesheet" th:href="@{/css/fonts.css}"> + <link rel="stylesheet" th:href="@{/css/bootstrap.css}"> + <link rel="stylesheet" th:href="@{/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="https://windows.microsoft.com/en-US/internet-explorer/"><img + th:src="@{/images/ie8-panel/warning_bar_0000_us.jpg}" src="../static/images/ie8-panel/warning_bar_0000_us.jpg" height="42" width="820" + alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a> + </div> + <script th:src="@{/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>Yuklanmoqda...</p> + </div> + </div> + <div class="page"> + <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:+998904300681" target="_blank">+998 (90) 430–06-81</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:barnoavezova@gmail.com" target="_blank">barnoavezova@gmail.com</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 material-icons-place"></span></div> + <div class="unit-body"><a class="link-dusty-gray" href="https://yandex.uz/maps/-/CHEiaDpD" target="_blank">Urganch, Baynalminalchi mahalla, Gurlan ko‘chasi, 104 uy</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-clock-o"></span></div> + <div class="unit-body">Ish tartibi: 10:00-18:00</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-telegram" href="https://t.me/notarius_avezova" target="_blank"></a></li> + <li><a class="novi-icon icon icon-circle icon-nobel-filled icon-xxs-smaller fa fa-facebook" href="https://facebook.com/avezova.barno/" target="_blank"></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="/"><img th:src="@{/images/logo.png}" src="" 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="#register">Yozilish</a></div> + <ul class="rd-navbar-nav"> + <li class="active"><a href="/">Bosh sahifa</a></li> + <li><a th:href="@{contacts}">Kontaktlar</a></li> + </ul> + </div> + </div> + </div> + </div> + </nav> + </div> + </header> + + <section> + <div class="swiper-container swiper-slider swiper-variant-1 bg-black" data-loop="false" data-autoplay="5500" data-simulate-touch="true"> + <div class="swiper-wrapper text-center"> + <div class="swiper-slide" data-slide-bg="images/chill.jpg"> + <div class="swiper-slide-caption text-center"> + <div class="container"> + <div class="row justify-content-md-center"> + <div class="col-md-11 col-lg-10 col-xl-9"> + <div class="header-decorated" data-caption-animate="fadeInUp" data-caption-delay="0s"> + <h3 class="medium text-primary">Men Bilan</h3> + </div> + <h2 class="slider-header" data-caption-animate="fadeInUp" data-caption-delay="150">Siz Har Doim Bir Qadam Oldindasiz</h2> + <p class="text-bigger slider-text" data-caption-animate="fadeInUp" data-caption-delay="250">Mening strategiyalarim sizga juda murakkab huquqiy masalalarni hal qilishda yordam beradi.</p> + <div class="button-block" data-caption-animate="fadeInUp" data-caption-delay="400"><a class="button button-lg button-primary-outline-v2" href="#register">Bepul Yozilish</a></div> + </div> + </div> + </div> + </div> + </div> + <div class="swiper-slide" data-slide-bg="images/hand-shaking.jpg"> + <div class="swiper-slide-caption text-center"> + <div class="container"> + <div class="row justify-content-md-center"> + <div class="col-md-11 col-lg-10 col-xl-9"> + <div class="header-decorated" data-caption-animate="fadeInUp" data-caption-delay="0s"> + <h3 class="medium text-primary">Taklif Qilaman</h3> + </div> + <h2 class="slider-header" data-caption-animate="fadeInUp" data-caption-delay="150">Hamyonbop Va Samarali Yuridik Yordam</h2> + <p class="text-bigger slider-text" data-caption-animate="fadeInUp" data-caption-delay="250">Men zarur yuridik yordam ko'rsatishdan xursand bo'laman.</p> + <div class="button-block" data-caption-animate="fadeInUp" data-caption-delay="400"><a class="button button-lg button-primary-outline-v2" href="#register">Bepul Yozilish</a></div> + </div> + </div> + </div> + </div> + </div> + <div class="swiper-slide" data-slide-bg="images/consulting.jpg"> + <div class="swiper-slide-caption text-center"> + <div class="container"> + <div class="row justify-content-md-center"> + <div class="col-md-11 col-lg-10 col-xl-9"> + <div class="header-decorated" data-caption-animate="fadeInUp" data-caption-delay="0s"> + <h3 class="medium text-primary">Mening Xizmatlarim Bilan</h3> + </div> + <h2 class="slider-header" data-caption-animate="fadeInUp" data-caption-delay="150">Siz Keng Qamrovli Yuridik Yordamga Ega Bo'lasiz</h2> + <p class="text-bigger slider-text" data-caption-animate="fadeInUp" data-caption-delay="250">Huquqning turli sohalarida yuridik yordam ko'rsatishda ko'p yillik tajribam bor.</p> + <div class="button-block" data-caption-animate="fadeInUp" data-caption-delay="400"><a class="button button-lg button-primary-outline-v2" href="#register">Bepul Yozilish</a></div> + </div> + </div> + </div> + </div> + </div> + </div> + <div class="swiper-scrollbar d-lg-none"></div> + <div class="swiper-nav-wrap"> + <div class="swiper-button-prev"></div> + <div class="swiper-button-next"></div> + </div> + </div> + </section> + + <section class="section-50 section-md-75 section-xl-100"> + <div class="container"> + <div class="row row-40"> + <div class="col-md-6 col-lg-4 height-fill"> + <article class="icon-box"> + <div class="box-top"> + <div class="box-icon"><span class="novi-icon icon icon-primary icon-lg mercury-icon-briefcase"></span></div> + <div class="box-header"> + <h5>Tadbirkorlik huquqi</h5> + </div> + </div> + <div class="divider bg-accent"></div> + <div class="box-body"> + <p>Tadbirkorlik huquqi yangi korxonalarni yaratish va mavjud bo'lganda paydo bo'ladigan masalalar bilan shug'ullanadi.</p> + </div> + </article> + </div> + <div class="col-md-6 col-lg-4 height-fill"> + <article class="icon-box"> + <div class="box-top"> + <div class="box-icon"><span class="novi-icon icon icon-primary icon-lg mercury-icon-users"></span></div> + <div class="box-header"> + <h5>Oila huquqi</h5> + </div> + </div> + <div class="divider bg-accent"></div> + <div class="box-body"> + <p>Oila bo'yicha ajralish, aliment undirish yoki bolani vasiylik qilish uchun ariza berish.</p> + </div> + </article> + </div> + <div class="col-md-6 col-lg-4 height-fill"> + <article class="icon-box"> + <div class="box-top"> + <div class="box-icon"><span class="novi-icon icon icon-primary icon-lg mercury-icon-lib"></span></div> + <div class="box-header"> + <h5>Fuqarolik sudlovi</h5> + </div> + </div> + <div class="divider bg-accent"></div> + <div class="box-body"> + <p>Fuqarolik da'vosi - bu fuqarolik ishlarini sud tartibida hal qilish jarayoni.</p> + </div> + </article> + </div> + </div> + </div> + </section> + + <section class="bg-displaced-wrap section-50 section-md-75 section-xl-100"> + <div class="bg-displaced-body"> + <div class="container"> + <div class="inset-xl-left-70 inset-xl-right-70"> + <article class="box-cart bg-ebony-clay"> + <div class="box-cart-image"><img th:src="@{/images/notary-picture.jpg}" src="" alt="" width="342" height="338"/> + </div> + <div class="box-cart-body"> + <blockquote class="blockquote-complex blockquote-complex-inverse"> + <h3>Men haqimda</h3> + <p> + <q>Ishingizni meni qo'limga topshirsangiz, o'z ishingizni eng yaxshi natijaga erishishga intilgan professional qo'liga topshirasiz.</q> + </p> + <div class="quote-footer"> + <cite>Avezova Barno</cite><small>Notarius</small> + </div> + </blockquote> + <div class="button-wrap inset-md-left-70"><a class="button button-responsive button-medium button-primary-outline-v2" href="#register">Bepul yozilish</a></div> + </div> + </article> + </div> + </div> + </div> + <div class="bg-displaced bg-image" style="background-image: url(../static/images/home-1.jpg);"></div> + </section> + + <section class="bg-whisper section-50 section-md-75 section-xl-100" id="register"> + <div class="container"> + <div class="row"> + <div class="col-md-12 col-lg-12 col-xl-12"> + <div class="section-50 section-md-75 section-xl-100"> + <h3>Bepul yozilish</h3> + <form class="rd-mailform" method="post" th:action="@{/send-request}"> + <div class="row row-30"> + <div class="col-md-6"> + <div class="form-wrap"> + <input class="form-input" id="request-form-name" type="text" name="firstName" data-constraints="@Required"> + <label class="form-label" for="request-form-name">Ism</label> + </div> + </div> + <div class="col-md-6"> + <div class="form-wrap"> + <input class="form-input" id="request-form-phone" type="text" name="secondName" data-constraints="@Required"> + <label class="form-label" for="request-form-phone">Familiya</label> + </div> + </div> + <div class="col-md-6"> + <div class="form-wrap"> + <input class="form-input" id="request-form-number" type="text" name="number" pattern="^[+0-9]*$" data-constraints="@Required" value="+998"> + <label class="form-label" for="request-form-number">Nomer</label> + </div> + </div> + <div class="col-md-6"> + <div class="form-wrap form-wrap-outside"> + <select class="form-input select-filter" id="request-form-select" name="requestForm" data-minimum-results-for-search="Infinity"> + <option value="Moshina oldi sotdi">Moshina oldi sotdi</option> + <option value="Moshina oldi sotdi">Moshina oldi sotdi</option> + <option value="Moshinani boshqarish va sotishga ishonchnoma">Moshinani boshqarish va sotishga ishonchnoma</option> + <option value="Boshqa ishonchnomalar">Boshqa ishonchnomalar</option> + <option value="Uy oldi sotdi">Uy oldi sotdi</option> + <option value="Farzandni chet elga chiqarishga ariza">Farzandni chet elga chiqarishga ariza</option> + <option value="Garov va ipoteka shartnomalar">Garov va ipoteka shartnomalar</option> + <option value="Boshqa turdagi notarial harakatlar">Boshqa turdagi notarial harakatlar</option> + </select> + </div> + </div> + <div class="col-12"> + <div class="form-wrap"> + <textarea class="form-input" id="feedback-2-message" name="message" data-constraints="@Required"></textarea> + <label class="form-label" for="feedback-2-message">Xabar</label> + </div> + </div> + <div class="col-12"> + <div class="row"> + <div class="col-md-12"> + <button class="button button-block button-primary" type="submit">Bepul yozilish</button> + </div> + </div> + </div> + </div> + </form> + </div> + </div> + </div> + </div> + </section> + + <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-4"> + <div class="inset-xl-right-20" style="max-width: 510px;"> + <a class="link link-group link-group-animated link-bold link-white" href="#register"><span>Bepul maslahatlashish</span><span class="novi-icon icon icon-xxs icon-primary fa fa-angle-right"></span></a> + <p> + Agar siz yoki sizning biznesingiz ishonchli maslahat va malakali vakillikni talab qiladigan yuridik muammoga duch kelsangiz, notarius bilan bepul maslahatlashish uchun bugun men bilan bog'laning. + </p> + </div> + </div> + <div class="col-md-6 col-lg-4 col-xl-4"> + <p class="h7">Tezkor havolalar</p> + <div class="row" style="max-width: 270px;"> + <div class="col-6"> + <ul class="list-marked-variant-2"> + <li><a href="/">Bosh sahifa</a></li> + </ul> + </div> + <div class="col-6"> + <ul class="list-marked-variant-2"> + <li><a th:href="@{contacts}">Kontaktlar</a></li> + </ul> + </div> + </div> + </div> + <div class="col-md-6 col-lg-4 col-xl-4"> + <p class="h7">Bog'lanish</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:+998904300681">+998 (90) 430–06-81</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:barnoavezova@gmail.com" target="_blank">barnoavezova@gmail.com</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="https://yandex.uz/maps/-/CHEiaDpD" target="_blank">Urganch, Baynalminalchi mahalla,<br> Gurlan ko‘chasi, 104 uy</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">Obuna boling:</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-telegram" href="https://t.me/notarius_avezova" target="_blank"></a></li> + <li><a class="novi-icon icon icon-circle icon-bright-gray-filled icon-xxs-smaller fa fa-facebook" href="https://www.facebook.com/avezova.barno/" target="_blank"></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>Avezova Barno. Barcha huquqlar himoyalangan.</span></p> + </div> + </div> + </div> + </div> + </footer> + + </div> + <div class="snackbars" id="form-output-global"></div> + <script th:src="@{/js/core.min.js}"></script> + <script th:src="@{/js/script.js}"></script> + </body> +</html>
\ No newline at end of file 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 |