CINXE.COM
GlassM5 Photographer Demo
<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <link rel="shortcut icon" href="assets/images/logo.png" type="image/x-icon"> <meta name="description" content="GlassM5 Theme Live Demo Site"> <title>GlassM5 Photographer Demo</title> <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css"> <link rel="stylesheet" href="assets/dropdown/css/style.css"> <link rel="stylesheet" href="assets/socicon/css/styles.css"> <link rel="stylesheet" href="assets/theme/css/style.css"> <link rel="stylesheet" href="assets/recaptcha.css"> <link rel="preload" href="https://fonts.googleapis.com/css?family=Lexend:100,300,400,500,600,700,800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lexend:100,300,400,500,600,700,800&display=swap"></noscript> <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css"> <!-- Google Tag Manager--> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PFK425');</script> <!-- End Google Tag Manager --> </head> <body> <!-- Google Tag Manager--> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PFK425" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager --> <section data-bs-version="5" class="menu menu1 cid-sz52OrCkah" once="menu" id="menu1-c"> <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg"> <div class="container-fluid"> <div class="navbar-brand"> <span class="navbar-caption-wrap"><a class="navbar-caption text-success display-5" href="#">GlassM5</a></span> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <div class="hamburger"> <span></span> <span></span> <span></span> <span></span> </div> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-success display-7" href="#" aria-expanded="false"> Home</a></li> <li class="nav-item"><a class="nav-link link text-success display-7" href="#" aria-expanded="false"> About us</a></li> <li class="nav-item"><a class="nav-link link text-success display-7" href="#"> Services</a></li> <li class="nav-item"><a class="nav-link link text-success display-7" href="#">Contacts</a> </li></ul> <div class="navbar-buttons mbr-section-btn"><a class="btn btn-primary display-4" href="#">Send message</a></div> </div> </div> </nav> </section> <section data-bs-version="5" class="header2 cid-sz51CvBpkK" id="header02-0"> <div class="align-center container"> <div class="row"> <div class="col-12 align-left col-lg-8"> <div class="card-wrapper"> <h1 class="mbr-section-title mbr-fonts-style mbr-white mb-4 display-1"><strong>Photographer</strong></h1> <p class="mbr-text mbr-white mbr-fonts-style display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ultrices risus eget nunc ullamcorper, ut consectetur eros mattis. Praesent lobortis in est sit amet pretium.</p> <div class="mbr-section-btn mt-4"><a class="btn btn-lg btn-primary display-4" href="#" style=" ">Read more</a></div> </div> </div> <div class="col-md-12 col-lg-4 my-auto"> <div class="image-wrapper"> <img src="assets/images/mbr.jpeg" alt=""> </div> </div> </div> </div> </section> <section data-bs-version="5" class="features2 cid-sz51Oyfrn1" id="features02-1"> <div class="container"> <div class="col-12 col-lg-8 m-auto pb-5"> <h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2 display-2"><strong>Our Services</strong></h5> </div> <div class="row"> <div class="card col-12 col-md-6 col-lg-4"> <div class="card-wrapper"> <div class="card-box align-center"> <div class="iconfont-wrapper"> <span class="mbr-iconfont mobi-mbri-idea mobi-mbri"></span> </div> <h5 class="card-title mbr-fonts-style display-7"><strong>Interior Photography</strong></h5> <p class="card-text mbr-fonts-style display-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu risus eget sapien pellentesque porttitor nec ut velit.</p> </div> </div> </div> <div class="card col-12 col-md-6 col-lg-4"> <div class="card-wrapper"> <div class="card-box align-center"> <div class="iconfont-wrapper"> <span class="mbr-iconfont mobi-mbri-user-2 mobi-mbri"></span> </div> <h5 class="card-title mbr-fonts-style display-7"><strong>Portrait Photo</strong></h5> <p class="card-text mbr-fonts-style display-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu risus eget sapien pellentesque porttitor nec ut velit.</p> </div> </div> </div> <div class="card col-12 col-md-6 col-lg-4"> <div class="card-wrapper"> <div class="card-box align-center"> <div class="iconfont-wrapper"> <span class="mbr-iconfont mobi-mbri-change-style mobi-mbri"></span> </div> <h5 class="card-title mbr-fonts-style display-7"><strong>Art Photo</strong></h5> <p class="card-text mbr-fonts-style display-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu risus eget sapien pellentesque porttitor nec ut velit.</p> </div> </div> </div> </div> </div> </section> <section data-bs-version="5" class="article5 cid-sz528Lv0MU" id="content05-4"> <div class="align-center container"> <div class="row"> <div class="col-md-12 col-lg-5 my-auto"> <div class="image-wrapper"> <img src="assets/images/mbr-1.jpeg" alt=""> </div> </div> <div class="col-12 my-auto align-left col-lg-7"> <div class="card-wrapper"> <h1 class="mbr-section-title mbr-fonts-style mbr-white mb-4 display-1"><strong>About Us</strong></h1> <div class="row"> <div class="col-lg-6"> <p class="mbr-text mbr-white mbr-fonts-style display-4"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ultrices risus eget nunc ullamcorper, ut consectetur eros mattis. Praesent lobortis in est sit amet pretium. </p> </div> <div class="col-lg-6"> <p class="mbr-text mbr-white mbr-fonts-style display-4"> Fusce ante libero, ultrices sed ullamcorper quis, volutpat in metus. Mauris pulvinar, neque in porttitor faucibus, tortor enim.</p> </div> </div> </div> </div> </div> </div> </section> <section data-bs-version="5" class="pricing2 cid-sz52wpUfhF" id="pricing02-a"> <div class="mbr-overlay" style="opacity: 0.3; background-color: rgb(255, 255, 255);"> </div> <div class="container"> <div class="row"> <div class="col-12 pb-5 col-lg-9"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-7">OUR PRICING</h3> <h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2 display-5"><strong>Lorem ipsum dolor sit amet consectetur.</strong></h5> </div> </div> <div class="row"> <div class="card col-12 col-md-6 col-lg-4"> <div class="card-wrapper"> <div class="card-box align-left"> <h4 class="card-price pb-3 mbr-fonts-style display-1"><strong>$39</strong></h4> <h5 class="card-title mbr-fonts-style display-5"><strong>Start</strong></h5> <p class="card-text mbr-fonts-style display-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu risus sapien pellentesque.</p> <div class="mbr-section-btn mt-3"> <a class="btn btn-lg btn-primary display-4" href="#">Buy Now</a> </div> </div> </div> </div> <div class="card col-12 col-md-6 col-lg-4"> <div class="card-wrapper"> <div class="card-box align-left"> <h4 class="card-price pb-3 mbr-fonts-style display-1"><strong>$59</strong></h4> <h5 class="card-title mbr-fonts-style display-5"><strong>Basic</strong></h5> <p class="card-text mbr-fonts-style display-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu risus sapien pellentesque.</p> <div class="mbr-section-btn mt-3"> <a class="btn btn-lg btn-primary display-4" href="#">Buy Now</a> </div> </div> </div> </div> <div class="card col-12 col-md-6 col-lg-4"> <div class="card-wrapper"> <div class="card-box align-left"> <h4 class="card-price pb-3 mbr-fonts-style display-1"><strong>$89</strong></h4> <h5 class="card-title mbr-fonts-style display-5"><strong>Pro</strong></h5> <p class="card-text mbr-fonts-style display-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu risus sapien pellentesque.</p> <div class="mbr-section-btn mt-3"> <a class="btn btn-lg btn-primary display-4" href="#">Buy Now</a> </div> </div> </div> </div> </div> </div> </section> <section data-bs-version="5" class="features6 cid-sz51ZxbhFN" id="features07-2"> <div class="container"> <div class="mbr-section-head"> <h4 class="mbr-section-title mbr-fonts-style align-left mb-0 display-7"> OUR WORKS</h4> <h5 class="mbr-section-subtitle mbr-fonts-style align-left mb-0 mt-2 display-5"><strong>Lorem ipsum dolor sit amet.</strong></h5> </div> <div class="row mt-4 justify-content-center"> <div class="item features-image 褋ol-12 col-md-6 col-lg-4"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/mbr-1.jpg" alt=""> </div> <div class="item-content align-left"> <h5 class="item-title align-left mbr-fonts-style display-7"><strong>Interior Photography</strong></h5> <p class="mbr-text align-left mbr-fonts-style m-0 display-4">Lorem ipsum dolor sit amet.</p> </div> </div> </div> <div class="item features-image 褋ol-12 col-md-6 col-lg-4"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/mbr-2.jpg" alt=""> </div> <div class="item-content align-left"> <h5 class="item-title align-left mbr-fonts-style display-7"><strong>Portrait Photo</strong></h5> <p class="mbr-text align-left mbr-fonts-style m-0 display-4">Lorem ipsum dolor sit amet.</p> </div> </div> </div> <div class="item features-image 褋ol-12 col-md-6 col-lg-4"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/mbr-3.jpg" alt=""> </div> <div class="item-content align-left"> <h5 class="item-title align-left mbr-fonts-style display-7"><strong>Art Photo</strong></h5> <p class="mbr-text align-left mbr-fonts-style m-0 display-4">Lorem ipsum dolor sit amet.</p> </div> </div> </div> </div> </div> </section> <section data-bs-version="5" class="progress-bars2 cid-sz54WouORU" id="progress02-f"> <div class="mbr-overlay" style="opacity: 0; background-color: rgb(255, 255, 255);"> </div> <div class="container"> <div class="row"> <div class="progress_elements m-auto col-md-12 col-lg-10"> <div class="card-wrapper"> <h3 class="section-content-subtitle pb-2 align-left mbr-fonts-style display-4"> PROGRESS</h3> <h4 class="section-content-title pb-2 align-left mbr-fonts-style display-2"><strong> Our Competence</strong></h4> <p class="section-content-text align-left pb-4 mbr-fonts-style display-4"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ultrices risus eget nunc ullamcorper, ut consectetur eros mattis. Praesent lobortis in est sit amet pretium. Fusce ante libero, ultrices sed ullamcorper quis, volutpat in metus. Mauris pulvinar, neque in porttitor faucibus.</p> <div class="progress1"> <div class="title-wrap"> <div class="progressbar-title mbr-fonts-style display-4"> <p>Interior Photography<br> </p> </div> <div class="progress_value mbr-fonts-style display-4"> <div class="progressbar-number"> </div> <span>%</span> </div> </div> <progress class="progress progress-primary " max="100" value="92"> </progress> </div> <div class="progress2 pt-4"> <div class="title-wrap"> <div class="progressbar-title mbr-fonts-style display-4"> <p>Portrait Photo<br></p> </div> <div class="progress_value mbr-fonts-style display-4"> <div class="progressbar-number"> </div> <span>%</span> </div> </div> <progress class="progress progress-primary" max="100" value="71"> </progress> </div> <div class="progress3 pt-4"> <div class="title-wrap"> <div class="progressbar-title mbr-fonts-style display-4"> <p>Art Photo<br></p> </div> <div class="progress_value mbr-fonts-style display-4"> <div class="progressbar-number"> </div> <span>%</span> </div> </div> <progress class="progress progress-primary" max="100" value="53"> </progress> </div> </div> </div> </div> </div> </section> <section data-bs-version="5" class="accordion2 cid-sz54YLvblQ" id="Accordion02-g"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-12 col-12 col-lg-6"> <h2 class="mbr-fonts-style mbr-section-title pb-3 mb-1 mbr-white mbr-semibold align-left display-2"><strong>Frequently </strong> <div><strong>Asked Questions</strong></div> </h2> <div class="content-block"> <div class="accordion-content"> <div id="bootstrap-accordion_7" class="panel-group accordionStyles accordion " role="tablist" aria-multiselectable="true"> <div class="card"> <div class="card-header" role="tab" id="headingOne"> <a role="button" class="collapsed panel-title" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse1_7" aria-expanded="false" aria-controls="collapse1"> <h4 class="mbr-fonts-style header-text mbr-white mbr-semibold display-7">Lorem ipsum dolor sit amet</h4> <span class="sign mbr-iconfont mobi-mbri-plus inactive"></span> </a> </div> <div id="collapse1_7" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_7"> <div class="panel-body pt-4"> <p class="mbr-fonts-style panel-text mbr-text mbr-white mb-3 mbr-regular display-4"> Lorem Ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus, voluptas explicabo molestiae tempore natus velit sed aliquam ut! Culpa asperiores, error ullam qui! Commodi nobis distinctio aperiam totam perferendis quas.</p> </div> </div> </div> <div class="card"> <div class="card-header" role="tab" id="headingTwo"> <a role="button" class="collapsed panel-title" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse2_7" aria-expanded="false" aria-controls="collapse2"> <h4 class="mbr-fonts-style header-text mbr-white mbr-semibold display-7">Maecenas vulputate in enim</h4> <span class="sign mbr-iconfont mobi-mbri-plus inactive"></span> </a> </div> <div id="collapse2_7" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingTwo" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_7"> <div class="panel-body pt-4"> <p class="mbr-fonts-style panel-text mbr-text mbr-white mb-3 mbr-regular display-4"> Lorem Ipsum dolor sit amet, consectetur adipisicing elit. Id ullam sint repellat! Aliquid, odio magni ab rem eos odit, deleniti laboriosam voluptas inventore, iste suscipit sed ipsa! Ut aliquam, alias.</p> </div> </div> </div> <div class="card"> <div class="card-header" role="tab" id="headingThree"> <a role="button" class="collapsed panel-title" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse3_7" aria-expanded="false" aria-controls="collapse3"> <h4 class="mbr-fonts-style header-text mbr-white mbr-semibold display-7">Curabitur ut venenatis urna</h4> <span class="sign mbr-iconfont mobi-mbri-plus inactive"></span> </a> </div> <div id="collapse3_7" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingThree" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_7"> <div class="panel-body pt-4"> <p class="mbr-fonts-style panel-text mbr-text mbr-white mb-3 mbr-regular display-4"> Lorem Ipsum dolor sit amet, consectetur adipisicing elit. Illum sed exercitationem reiciendis suscipit sunt enim, tempore ex debitis fuga dolorum aliquid ea libero atque optio. Molestiae ullam at, quasi alias.</p> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-12 col-lg-6 text-elements my-auto md-pb"> <div class="image-wrapper"> <img src="assets/images/mbr-4.jpg" alt=""> </div> </div> </div> </div> </section> <section data-bs-version="5" class="clients1 cid-sz52hQ3MIW" id="clients01-5"> <div class="images-container container"> <div class="mbr-section-head"> <h3 class="mbr-section-title mbr-fonts-style align-center mb-2 display-7"> OUR CLIENTS</h3> <h4 class="mbr-section-subtitle mbr-fonts-style align-center pb-4 display-5"><strong>We love to work with our clients</strong> </h4> </div> <div class="row justify-content-center mt-4"> <div class="col-md-4"> <div class="card-wrapper"> <img src="assets/images/1.png"> </div> </div> <div class="col-md-4"> <div class="card-wrapper"> <img src="assets/images/2.png"> </div> </div> <div class="col-md-4"> <div class="card-wrapper"> <img src="assets/images/3.png"> </div> </div> <div class="col-md-4"> <div class="card-wrapper"> <img src="assets/images/4.png"> </div> </div> <div class="col-md-4"> <div class="card-wrapper"> <img src="assets/images/5.png"> </div> </div> <div class="col-md-4"> <div class="card-wrapper"> <img src="assets/images/1.png"> </div> </div> </div> </div> </section> <section data-bs-version="5" class="contacts6 cid-sz52o0Z0ww" id="contacts06-6"> <div class="align-center container"> <div class="row justify-content-center"> <div class="col-12 align-left col-lg-10"> <div class="card-wrapper"> <h1 class="mbr-section-title mbr-fonts-style mbr-white mb-3 display-4">HAVE A NEW PROJECT IN MIND?</h1> <h2 class="mbr-section-subtitle mbr-fonts-style mbr-white mb-4 display-1"><strong> Say Hello</strong></h2> <p class="mbr-text mbr-white mbr-fonts-style display-7"> <a href="#" class="text-success">hello@yoursite.com</a> </p> </div> </div> </div> </div> </section> <section data-bs-version="5" class="map1 cid-sz52st4Y7Z" id="contacts01-8"> <div class="container"> <div class="google-map"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCNveGQ9bfpKFwWzQLLftrR9hNiHwdqQG8&q=350 5th Ave, New York, NY 10118" allowfullscreen=""></iframe></div> </div> </section> <section data-bs-version="5" class="testimonials1 cid-sz54G4LKIS" id="testimonials01-e"> <div class="mbr-overlay" style="opacity: 0.2; background-color: rgb(255, 255, 255);"></div> <div class="align-center container"> <div class="row"> <div class="col-md-12 col-lg-4 my-auto"> <div class="image-wrapper"> <img src="assets/images/team1.jpg" alt=""> </div> </div> <div class="col-12 my-auto align-left col-lg-8"> <div class="card-wrapper"> <h2 class="mbr-section-subtitle mbr-fonts-style mbr-white mb-4 display-5"> <strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam orci nisl, rhoncus viverra fringilla in, luctus vitae elit.</strong> </h2> <p class="mbr-text mbr-white mbr-semibold mbr-fonts-style display-4"> Gabriel Moreira </p> </div> </div> </div> </div> </section> <section data-bs-version="5" class="form1 cid-sz52ol8cdq" id="form01-7"> <div class="mbr-overlay"></div> <div class="container"> <div class="row"> <div class="col-lg-10 mx-auto" data-form-type="formoid"> <!--Formbuilder Form--> <form action="https://mobirise.eu/" method="POST" class="mbr-form form-with-styler" data-form-title="Form Name"><input type="hidden" name="email" data-form-email="true" value="ksaZGCsIleL6fEgnIf9zO/g37Z+1R68AqWnr0JMt+OTyb7GVjLrfyMh+Xdp7/GvKPmj4XltFyBENUbvyln6p7uqYD1pZWpkS6vSQGIF3mhNcykpKiOR/qHl2p/qjASly.wNM4G6uCCrJbQVpXsLZMVV3vetepJJKh9eUtCUZgTeVHySvR8NUOGlrha1+BeWlntePuUcXC0VmXfq0vZD8ozN3w3Ef1A0WKGdisk3XtAOWwBH7iEfKbkl/si2J1wjwt"> <div class="row"> <div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Thanks for filling out the form!</div> <div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12">Oops...! some problem!</div> </div> <div class="dragArea row"> <div class="col-lg-12 col-md-12 col-sm-12"> <h4 class="mbr-fonts-style display-5">Contact Us</h4> </div> <div class="col-lg-6 col-md-12 col-sm-12 form-group mb-3" data-for="name"> <input type="text" name="name" placeholder="Name" data-form-field="name" class="form-control display-7" value="" id="name-form01-7"> </div> <div data-for="email" class="col-lg-6 col-md-12 col-sm-12 form-group mb-3"> <input type="email" name="email" placeholder="Email" data-form-field="email" class="form-control display-7" value="" id="email-form01-7"> </div> <div data-for="subject" class="col-lg-6 col-md-12 col-sm-12 form-group mb-3"> <input type="text" name="subject" placeholder="Subject" data-form-field="subject" class="form-control display-7" value="" id="subject-form01-7"> </div> <div data-for="phone" class="col-lg-6 col-md-12 col-sm-12 form-group mb-3"> <input type="tel" name="phone" placeholder="Phone" data-form-field="phone" class="form-control display-7" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" value="" id="phone-form01-7"> </div> <div data-for="message" class="col-lg-12 col-md-12 col-sm-12 form-group mb-3"> <textarea name="message" placeholder="Message" data-form-field="message" class="form-control display-7" id="message-form01-7"></textarea> </div> <div class="col-auto"><button type="submit" class="btn btn-primary display-4">Send your message</button></div> </div> </form> <!--Formbuilder Form--> </div> </div> </div> </section> <section data-bs-version="5" class="footer1 cid-sz52xzhH9a" once="footers" id="footer02-b"> <div class="container"> <div class="row mbr-white"> <div class="col-12 col-md-6 col-lg-6"> <div class="wrapper"> <h5 class="mbr-section-subtitle mbr-fonts-style mb-2 display-7"> <strong>About Us</strong> </h5> <p class="mbr-text mbr-fonts-style mb-4 display-4"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ultrices risus eget nunc ullamcorper, ut consectetur eros mattis. Convallis fringilla arcu consequat condimentum lectus. </p> </div> </div> <div class="col-12 col-md-6 col-lg-2"> <h5 class="mbr-section-subtitle mbr-fonts-style mb-2 display-7"> <strong>Company</strong> </h5> <ul class="list mbr-fonts-style display-4"> <li class="mbr-text item-wrap"><a href="#" class="text-white">About</a></li> <li class="mbr-text item-wrap"><a href="#" class="text-white">Jobs</a></li> <li class="mbr-text item-wrap"><a href="#" class="text-white">Contacts</a></li> <li class="mbr-text item-wrap"><a href="#" class="text-white">Blog</a></li> </ul> </div> <div class="col-12 col-md-6 col-lg-2"> <h5 class="mbr-section-subtitle mbr-fonts-style mb-2 display-7"> <strong>Themes</strong> </h5> <ul class="list mbr-fonts-style display-4"> <li class="mbr-text item-wrap"><a href="#" class="text-white">Features</a></li> <li class="mbr-text item-wrap"><a href="#" class="text-white">Team</a></li> <li class="mbr-text item-wrap"><a href="#" class="text-white">Pricing</a></li> <li class="mbr-text item-wrap"><a href="#" class="text-white">Info</a></li> </ul> </div> <div class="col-12 col-md-6 col-lg-2"> <h5 class="mbr-section-subtitle mbr-fonts-style mb-2 display-7"> <strong>Support</strong> </h5> <ul class="list mbr-fonts-style display-4"> <li class="mbr-text item-wrap"><a href="#" class="text-white">Contacts</a></li> <li class="mbr-text item-wrap"><a href="#" class="text-white">Testimonials</a></li> <li class="mbr-text item-wrap"><a href="#" class="text-white">Terms of Service</a></li> <li class="mbr-text item-wrap"><a href="#" class="text-white">Help</a></li> </ul> </div> </div> </div> </section> <script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/ytplayer/index.js"></script> <script src="assets/mbr-switch-arrow/mbr-switch-arrow.js"></script> <script src="assets/theme/js/script.js"></script> <script src="assets/formoid/formoid.min.js"></script> </body> </html>