CINXE.COM
DesignerM4 - Portfolio Site Demo
<!DOCTYPE html> <html > <head> <!-- Site made with Mobirise Website Builder v5.0.2, https://mobirise.com --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="generator" content="Mobirise v5.0.2, mobirise.com"> <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="New DesignerM4 Theme HTML Template - Download Now!"> <title>DesignerM4 - Portfolio Site Demo</title> <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css"> <link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css"> <link rel="stylesheet" href="assets/tether/tether.min.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="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css"> </head> <body> <section class="menu menu1 cid-s8WN7NjDdJ" once="menu" id="menu1-0"> <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-black display-5" href="https://mobiri.se">DesignerM4</a></span> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-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 nav-right" data-app-modern-menu="true"> <li class="nav-item"><a class="nav-link link text-black display-4" href="#" aria-expanded="true"> Home</a></li> <li class="nav-item"><a class="nav-link link text-black display-4" href="#" aria-expanded="true">Features</a></li> <li class="nav-item"><a class="nav-link link text-black display-4" href="#" aria-expanded="true">About</a></li> <li class="nav-item"><a class="nav-link link text-black display-4" href="#" aria-expanded="true"> Works</a></li> <li class="nav-item"><a class="nav-link link text-black display-4" href="https://mobiri.se"> Portfolio</a></li> <li class="nav-item"><a class="nav-link link text-black display-4" href="https://mobiri.se">Contacts</a> </li> </ul> </div> </div> </nav> </section> <section class="header1 cid-s8WN8WYLOz" id="header01-1"> <div class="align-center container"> <div class="row"> <div class="col-12 col-md-12 col-lg-12"> <h1 class="mbr-section-title align-left mbr-fonts-style mb-5 display-1"><strong><a href="#" class="text-primary">Designer</a><br>Porfolio Site</strong></h1> <p class="mbr-text align-left mbr-fonts-style pb-5 display-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a semper metus, vel pretium quam.<br></p> <div class="align-left mbr-section-btn"><a class="btn btn-lg btn-black-outline display-4" href="https://mobiri.se">Contact Us</a></div> </div> </div> </div> <div class="icons-wrapper"> <div class="icon-wrapper"> <span class="mbr-iconfont socicon-behance socicon"></span> </div> <div class="icon-wrapper"> <span class="mbr-iconfont socicon-dribbble socicon"></span> </div> <div class="icon-wrapper"> <span class="mbr-iconfont socicon-facebook socicon"></span> </div> <div class="icon-wrapper"> <span class="mbr-iconfont socicon-twitter socicon"></span> </div> </div> </section> <section class="counters1 counters cid-s8XeIziAPT mbr-parallax-background" id="countres01-4"> <div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(255, 255, 255);"> </div> <div class="container"> <div class="row jc-e"> <div class="col-lg-8 mb-5"> <h2 class="title align-left mb-5 mbr-fonts-style display-2"><strong>小reate unique <br>designs for your brand</strong></h2> </div> <div class="col-lg-5"> <div class="row"> <div class="card align-left mb-5 col-12 col-lg-6 col-md-6"> <div class="panel-item"> <div class="card-img"> <h3 class="count align-left mbr-fonts-style display-2">43</h3> </div> <div class="card-text"> <h4 class="mbr-content-title mbr-fonts-style display-7">Complete Projects</h4> </div> </div> </div> <div class="card align-left mb-5 col-12 col-lg-6 col-md-6"> <div class="panel-item"> <div class="card-img"> <h3 class="count align-left mbr-fonts-style display-2"> 31</h3> </div> <div class="card-text"> <h4 class="mbr-content-title mbr-fonts-style display-7"> Creative Design</h4> </div> </div> </div> <div class="card align-left mb-5 col-12 col-lg-6 col-md-6"> <div class="panel-item"> <div class="card-img"> <h3 class="count align-left mbr-fonts-style display-2"> 52</h3> </div> <div class="card-text"> <h4 class="mbr-content-title mbr-fonts-style display-7">Happy Clients</h4> </div> </div> </div> <div class="card align-left mb-5 col-12 col-lg-6 col-md-6"> <div class="panel-item"> <div class="card-img"> <h3 class="count align-left mbr-fonts-style display-2">23</h3> </div> <div class="card-texts"> <h4 class="mbr-content-title mbr-fonts-style display-7">Big Brands</h4> </div> </div> </div> </div> </div> </div> </div> </section> <section class="features10 cid-s8XgpbhZNg" id="features010-d"> <div class="container"> <div class="row justify-content-center"> <div class="col-sm-6 col-lg-4"> <div class="card-wrap"> <div class="image-wrap"> <img src="assets/images/background1.jpg"> </div> <div class="content-wrap"> <h5 class="mbr-section-title card-title mbr-fonts-style align-left display-4">Design</h5> <h6 class="mbr-role mbr-fonts-style align-left mb-2 display-5"><strong>Product Design</strong></h6> </div> </div> </div> <div class="col-sm-6 col-lg-4"> <div class="card-wrap card2"> <div class="image-wrap"> <img src="assets/images/background4.jpg"> </div> <div class="content-wrap"> <h5 class="mbr-section-title card-title mbr-fonts-style align-left display-4"> Creative</h5> <h6 class="mbr-role mbr-fonts-style align-left mb-2 display-5"><strong>Art Creative</strong></h6> </div> </div> </div> <div class="col-sm-6 col-lg-4"> <div class="card-wrap"> <div class="image-wrap"> <img src="assets/images/product1.jpg"> </div> <div class="content-wrap"> <h5 class="mbr-section-title card-title mbr-fonts-style align-left display-4"> Branding</h5> <h6 class="mbr-role mbr-fonts-style align-left mb-2 display-5"><strong>Product Brand</strong></h6> </div> </div> </div> </div> </div> </section> <section class="features6 cid-s8XeElbghg" id="features06-3"> <div class="container"> <div class="row"> <div class="col-lg-3"> <div class="row row-center"> <div class="card p-3 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/background4.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4"> Creative</h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Art Design</strong> </p> </div> </div> </div> </div> </div> <div class="col-lg-6"> <div class="row"> <div class="card p-3 col-lg-6 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/background1.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4"> Design</h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Shoes Brand</strong> </p> </div> </div> </div> <div class="card p-3 col-lg-6 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/product2.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4"> Branding</h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Product Design</strong></p> </div> </div> </div> <div class="card p-3 col-lg-12 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/product5.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4"> Design</h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Web Design</strong> </p> </div> </div> </div> </div> </div> <div class="col-lg-3"> <div class="row"> <div class="card p-3 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/product3.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4"> Design</h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Art Design</strong><br></p> </div> </div> </div> <div class="card p-3 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/product1.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4">Brand </h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Creative Design</strong></p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="progress-bars1 cid-s8XeLFijPd" id="progress-bars01-5"> <div class="container"> <div class="row"> <div class="col-md-12 col-lg-6 text-elements pb-4 md-pb"> <h3 class="mbr-section-subtitle mbr-fonts-style align-left mb-3 display-4">MY SKILLS</h3> <h4 class="section-content-title pb-3 align-left mbr-fonts-style display-2"><strong>Build modern experiences</strong> </h4> <p class="section-content-text align-left mbr-fonts-style display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elitdo eiusmod temporeum dicant partem scripserit. Lorem ipsum dolor sit amet, consec tetur adipiscing elit adipiscing elitdo. </p> </div> <div class="progress_elements col-md-12 col-lg-6 pt-4"> <div class="progress1 pb-5"> <div class="title-wrap"> <div class="progressbar-title mbr-fonts-style display-7"> <p>Product Branding <br></p> </div> <div class="progress_value mbr-fonts-style display-7"> <div class="progressbar-number"> </div> <span>%</span> </div> </div> <progress class="progress progress-primary " max="100" value="92"> </progress> </div> <div class="progress2 pb-5"> <div class="title-wrap"> <div class="progressbar-title mbr-fonts-style display-7"> <p>Graphic Design <br></p> </div> <div class="progress_value mbr-fonts-style display-7"> <div class="progressbar-number"> </div> <span>%</span> </div> </div> <progress class="progress progress-primary" max="100" value="71"> </progress> </div> <div class="progress3 pb-5"> <div class="title-wrap"> <div class="progressbar-title mbr-fonts-style display-7"> <p>Market Research <br></p> </div> <div class="progress_value mbr-fonts-style display-7"> <div class="progressbar-number"> </div> <span>%</span> </div> </div> <progress class="progress progress-primary" max="100" value="53"> </progress> </div> <div class="progress4 pb-5"> <div class="title-wrap"> <div class="progressbar-title mbr-fonts-style display-7"> <p>Media Promotion <br></p> </div> <div class="progress_value mbr-fonts-style display-7"> <div class="progressbar-number"> </div> <span>%</span> </div> </div> <progress class="progress progress-primary" max="100" value="70"> </progress> </div> </div> </div> </div> </section> <section class="features2 cid-s8XgDaVoVa" id="features02-f"> <div class="container"> <div class="row"> <div class="col-lg-4"> <div class="row"> <div class="card p-3 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/background1.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4"> Design</h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Shoes Brand</strong> </p> </div> </div> </div> <div class="card p-3 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/product2.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4"> Branding</h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Product Design</strong></p> </div> </div> </div> </div> </div> <div class="col-lg-4"> <div class="row row-center"> <div class="card p-3 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/background4.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4"> Creative</h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Art Design</strong> </p> </div> </div> </div> </div> </div> <div class="col-lg-4"> <div class="row"> <div class="card p-3 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/product3.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4"> Design</h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Product Brand</strong></p> </div> </div> </div> <div class="card p-3 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/product1.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4">Brand </h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Creative Design</strong></p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="features5 cid-s8XhrNzhxY" id="features05-g"> <div class="container"> <div class="mbr-section-head row"> <div class="col-12"> <h3 class="mbr-section-subtitle mbr-fonts-style align-left mb-3 display-4">AWARDS & HONORS</h3> <h2 class="mbr-section-title mbr-fonts-style align-left mb-5 display-2"><strong>More than 14 <br>international awards </strong></h2> </div> </div> <div class="row mt-4"> <div class="col-lg-3 col-md-6 col-12"> <div class="card-wrapper"> <div class="card-box align-left"> <h5 class="card-subtitle mbr-fonts-style align-left display-5">2016</h5> <h4 class="card-title mbr-fonts-style align-left display-5"><strong>Interior design</strong></h4> <p class="mbr-text mbr-fonts-style mb-3 display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <div class="link-wrap"> </div> </div> </div> </div> <div class="col-lg-3 col-md-6 col-12"> <div class="card-wrapper"> <div class="card-box align-left"> <h5 class="card-subtitle mbr-fonts-style align-left display-5">2017</h5> <h4 class="card-title mbr-fonts-style align-left display-5"><strong>Web design</strong></h4> <p class="mbr-text mbr-fonts-style mb-3 display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <div class="link-wrap"> </div> </div> </div> </div> <div class="col-lg-3 col-md-6 col-12"> <div class="card-wrapper"> <div class="card-box align-left"> <h5 class="card-subtitle mbr-fonts-style align-left display-5">2018</h5> <h4 class="card-title mbr-fonts-style align-left display-5"><strong>Brand Creation</strong></h4> <p class="mbr-text mbr-fonts-style mb-3 display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <div class="link-wrap"> </div> </div> </div> </div> <div class="col-lg-3 col-md-6 col-12"> <div class="card-wrapper"> <div class="card-box align-left"> <h5 class="card-subtitle mbr-fonts-style align-left display-5">2018</h5> <h4 class="card-title mbr-fonts-style align-left display-5"><strong>Photo Design</strong></h4> <p class="mbr-text mbr-fonts-style mb-3 display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <div class="link-wrap"> </div> </div> </div> </div> <div class="col-lg-3 col-md-6 col-12"> <div class="card-wrapper"> <div class="card-box align-left"> <h5 class="card-subtitle mbr-fonts-style align-left display-5">2019</h5> <h4 class="card-title mbr-fonts-style align-left display-5"><strong>Art Creative</strong></h4> <p class="mbr-text mbr-fonts-style mb-3 display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <div class="link-wrap"> </div> </div> </div> </div> <div class="col-lg-3 col-md-6 col-12"> <div class="card-wrapper"> <div class="card-box align-left"> <h5 class="card-subtitle mbr-fonts-style align-left display-5">2019</h5> <h4 class="card-title mbr-fonts-style align-left display-5"><strong>Interior design</strong></h4> <p class="mbr-text mbr-fonts-style mb-3 display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <div class="link-wrap"> </div> </div> </div> </div> <div class="col-lg-3 col-md-6 col-12"> <div class="card-wrapper"> <div class="card-box align-left"> <h5 class="card-subtitle mbr-fonts-style align-left display-5">2020</h5> <h4 class="card-title mbr-fonts-style align-left display-5"><strong>Web design</strong></h4> <p class="mbr-text mbr-fonts-style mb-3 display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <div class="link-wrap"> </div> </div> </div> </div> <div class="col-lg-3 col-md-6 col-12"> <div class="card-wrapper"> <div class="card-box align-left"> <h5 class="card-subtitle mbr-fonts-style align-left display-5">2020</h5> <h4 class="card-title mbr-fonts-style align-left display-5"><strong>Product Design</strong></h4> <p class="mbr-text mbr-fonts-style mb-3 display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <div class="link-wrap"> </div> </div> </div> </div> </div> </div> </section> <section class="features4 cid-s8XhyqjNEB" id="features04-h"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="row row-center"> <div class="card p-3 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/background1.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4"> Design</h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Shoes Brand</strong> </p> </div> </div> </div> </div> </div> <div class="col-lg-6"> <div class="row row-center"> <div class="card p-3 col-lg-12 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/background5.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4"> Creative</h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Art Design</strong> </p> </div> </div> </div> <div class="card p-3 col-lg-6 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/product2.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4"> Brand</h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Product Design</strong> </p> </div> </div> </div> <div class="card p-3 col-lg-6 col-12"> <div class="card-wrapper"> <div class="card-img"> <img src="assets/images/product4.jpg"> </div> <div class="card-box"> <h4 class="card-title align-center mbr-white mbr-fonts-style display-4"> Creative</h4> <p class="mbr-text align-center mbr-white mbr-fonts-style display-5"><strong>Brand Design</strong> </p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="contacts2 cid-s8XeQBvHsp" id="contacts02-6"> <div class="container"> <div class="row justify-content-center"> <div class="title col-md-12 col-lg-12"> <h3 class="mbr-section-title mbr-fonts-style align-left pb-5 display-5">Let鈥檚 get in touch, it's just as easy as writing an email:</h3> <div class="align-wrapper align-left"> <h4 class="mbr-section-text align-left mbr-fonts-style mb-4 display-2"><strong> hello@yoursite.com</strong></h4> </div> </div> </div> </div> </section> <section class="video1 cid-s8XhLaqV5G mbr-parallax-background" id="video01-j"> <div class="mbr-overlay" style="opacity: 0; background-color: rgb(255, 255, 255);"> </div> <div class="align-center container"> <div class="mbr-section-head"> </div> <div class="row justify-content-center mt-4"> <div class="col-12 col-lg-"> <div class="box"> <div class="mbr-media show-modal align-center" data-modal=".modalWindow"> <div class="icon-wrap"> <a class="" href="#"><span class="mbr-iconfont mobi-mbri-right mobi-mbri"></span></a> </div> </div> </div> </div> </div> </div> <div> <div class="modalWindow" style="display: none;"> <div class="modalWindow-container"> <div class="modalWindow-video-container"> <div class="modalWindow-video"> <iframe width="100%" height="100%" frameborder="0" allowfullscreen="1" data-src="https://www.youtube.com/watch?v=VA8PzkQa8d8"></iframe> </div> <a class="close" role="button" data-dismiss="modal"> <span aria-hidden="true" class="mbr-iconfont mobi-mbri-close mobi-mbri closeModal"></span> <span class="sr-only">Close</span> </a> </div> </div> </div> </div> </section> <section class="carouse1 slide testimonials-slider cid-s8XhG3qU3G" data-interval="false" id="testimonials01-i"> <div class="container pt-5 text-center"> <div class="carousel slide" role="listbox" data-pause="true" data-keyboard="false" data-ride="carousel" data-interval="5000"> <div class="carousel-inner"> <div class="carousel-item"> <div class="user col-md-10 col-lg-8"> <div class="user_text pb-3"> <p class="mbr-fonts-style mbr-regular display-5"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper neque dapibus ipsum semper, sit amet luctus turpis porttitor. Ut libero ante, varius quis ligula in, aliquet consectetur tortor. Proin aliquet pretium rutrum quam mattis.</p> </div> <div class="user_image"> <img src="assets/images/team1.jpg"> </div> <h4 class="user_name mbr-bold mbr-fonts-style display-5">Peter Ronson</h4> <h3 class="user_status mbr-semibold mbr-fonts-style display-4">Designer</h3> </div> </div><div class="carousel-item"> <div class="user col-md-10 col-lg-8"> <div class="user_text pb-3"> <p class="mbr-fonts-style mbr-regular display-5"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper neque dapibus ipsum semper, sit amet luctus turpis porttitor. Ut libero ante, varius quis ligula in, aliquet consectetur tortor. Proin aliquet pretium rutrum quam mattis.</p> </div> <div class="user_image"> <img src="assets/images/team2.jpg"> </div> <h4 class="user_name mbr-bold mbr-fonts-style display-5">Jane Brown</h4> <h3 class="user_status mbr-semibold mbr-fonts-style display-4">Designer</h3> </div> </div><div class="carousel-item"> <div class="user col-md-10 col-lg-8"> <div class="user_text pb-3"> <p class="mbr-fonts-style mbr-regular display-5"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper neque dapibus ipsum semper, sit amet luctus turpis porttitor. Ut libero ante, varius quis ligula in, aliquet consectetur tortor. Proin aliquet pretium rutrum quam mattis.</p> </div> <div class="user_image"> <img src="assets/images/team3.jpg"> </div> <h4 class="user_name mbr-bold mbr-fonts-style display-5">Ann Stroud</h4> <h3 class="user_status mbr-semibold mbr-fonts-style display-4">Designer</h3> </div> </div></div> <ol class="carousel-indicators"> <li data-app-prevent-settings="" data-target="#slider1" class=" active" data-slide-to="0"></li> <li data-app-prevent-settings="" data-target="#slider1" data-slide-to="1"> </li> <li data-app-prevent-settings="" data-target="#slider1" data-slide-to="2"> </li> </ol> </div> </div> </section> <section class="map1 cid-s8XeT7p4iU" id="map01-8"> <div> <div class="google-map"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAEIpgj38KyLFELm2bK9Y7krBkz1K-cMq8&q=place_id:ChIJn6wOs6lZwokRLKy1iqRcoKw" allowfullscreen=""></iframe></div> </div> </section> <section class="footer1 cid-s8XeTELmcE" once="footers" id="footer02-9"> <div class="container"> <div class="media-container-row align-center mbr-white"> <div class="row row-copirayt"> <p class="mbr-text mb-0 mbr-fonts-style mbr-white align-left display-4"> 漏 Copyright 2025, Mobirise. All Rights Reserved. </p> </div> </div> </div> </section> <script src="assets/web/assets/jquery/jquery.min.js"></script> <script src="assets/popper/popper.min.js"></script> <script src="assets/tether/tether.min.js"></script> <script src="assets/bootstrap/js/bootstrap.min.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/dropdown/js/nav-dropdown.js"></script> <script src="assets/dropdown/js/navbar-dropdown.js"></script> <script src="assets/touchswipe/jquery.touch-swipe.min.js"></script> <script src="assets/viewportchecker/jquery.viewportchecker.js"></script> <script src="assets/parallax/jarallax.min.js"></script> <script src="assets/playervimeo/vimeo_player.js"></script> <script src="assets/bootstrapcarouselswipe/bootstrap-carousel-swipe.js"></script> <script src="assets/mbr-testimonials-slider/mbr-testimonials-slider.js"></script> <script src="assets/theme/js/script.js"></script> </body> </html>