Photographer Demo

<!DOCTYPE html> <html > <head>  <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="generator" content="Mobirise v4.11.0, mobirise.com"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <link rel="shortcut icon" href="../assets/images/logo2-1.png" type="image/x-icon"> <meta name="description" content="New PhotoM4 HTML Template - Download Now!"> <title>Photographer Demo - PhotoM4</title> <link rel="stylesheet" href="../assets/web/assets/mobirise-icons/mobirise-icons.css"> <link rel="stylesheet" href="../assets/web/assets/mobirise-icons2/mobirise2.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/formstyler/jquery.formstyler.css"> <link rel="stylesheet" href="../assets/formstyler/jquery.formstyler.theme.css"> <link rel="stylesheet" href="../assets/datepicker/jquery.datetimepicker.min.css"> <link rel="stylesheet" href="../assets/socicon/css/styles.css"> <link rel="stylesheet" href="../assets/theme/css/style.css"> <link rel="stylesheet" href="../assets/gallery/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>    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PFK425" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <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>    <section class="menu cid-ryfQpXufii" once="menu" id="menu01-1u"> <nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center navbar-fixed-top navbar-toggleable-sm bg-color transparent"> <div class="icon-wrap align-right"> <a href="https://mobirise.co/"><span class="top-icon mbr-iconfont mbr-iconfont-btn socicon-facebook socicon"></span></a> <a href="https://mobirise.co/"><span class="top-icon mbr-iconfont mbr-iconfont-btn socicon-vkontakte socicon"></span></a> <a href="https://mobirise.co/"><span class="top-icon mbr-iconfont mbr-iconfont-btn socicon-instagram socicon"></span></a> <a href="https://mobirise.co/"><span class="top-icon mbr-iconfont mbr-iconfont-btn socicon-twitter socicon"></span></a> </div> <div class="menu-wrap"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <div class="hamburger"> <span></span> <span></span> <span></span> <span></span> </div> </button> <div class="menu-logo"> <div class="navbar-brand"> <span class="navbar-caption-wrap"><a class="navbar-caption text-white display-2" href="index.html"> PhotoM4</a></span> </div> </div> <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-white display-4" href="index.html"> HOME </a> </li> <li class="nav-item dropdown"><a class="nav-link link text-white dropdown-toggle display-4" href="https://mobirise.co" aria-expanded="true" data-toggle="dropdown-submenu"> LIVE DEMO</a><div class="dropdown-menu"><a class="text-white dropdown-item display-4" href="photographer.html" aria-expanded="false">Photographer</a><a class="text-white dropdown-item display-4" href="photostudio.html" aria-expanded="false">Photo Studio</a><a class="text-white dropdown-item display-4" href="photographyshop.html" aria-expanded="false">Photography Shop</a><a class="text-white dropdown-item display-4" href="photoworkshop.html" aria-expanded="false">Photo Workshop</a><a class="text-white dropdown-item display-4" href="photocourses.html" aria-expanded="false">Photographer Courses</a></div></li> <li class="nav-item dropdown"><a class="nav-link link text-white dropdown-toggle display-4" href="https://mobirise.co" data-toggle="dropdown-submenu" aria-expanded="false"> LIVE DEMO BLOCKS</a><div class="dropdown-menu"><a class="text-white dropdown-item display-4" href="features.html">Headers and Features</a><a class="text-white dropdown-item display-4" href="content.html" aria-expanded="false">Content and Shop</a><a class="text-white dropdown-item display-4" href="pricing.html" aria-expanded="false">Pricing and Countres</a><a class="text-white dropdown-item display-4" href="team.html" aria-expanded="false">Team and Testimonials</a><a class="text-white dropdown-item display-4" href="images.html" aria-expanded="false">Progress and Images</a><a class="text-white dropdown-item display-4" href="slider.html" aria-expanded="false">Slider and Video</a><a class="text-white dropdown-item display-4" href="forms.html" aria-expanded="false">Socials and Forms</a><a class="text-white dropdown-item display-4" href="maps.html" aria-expanded="false">Maps and Footers</a></div></li></ul> <div class="navbar-buttons mbr-section-btn"><a class="btn btn-sm btn-white-outline display-4" href="https://my.mobirise.com/buy.php?p=74">Buy Now</a></div> </div> </div> </nav> </section> <section class="cid-ryfVoezGd9 mbr-parallax-background" id="header03-1x"> <div class="mbr-overlay" style="opacity: 0.5; background-color: rgb(0, 0, 0);"></div> <div class="container align-center"> <div class="row justify-content-md-center"> <div class="mbr-white col-md-10 col-lg-6"> <h1 class="mbr-section-title mbr-semibold pb-3 mbr-fonts-style display-1">Photographer</h1> <h3 class="mbr-section-subtitle mbr-semibold align-center mbr-light mbr-fonts-style display-5">ABOUT ME</h3> <p class="mbr-text pb-3 mbr-fonts-style display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu dui non diam eleifend egestas id a ligula. Proin interdum vehicula neque sit amet scelerisque. Nulla imperdiet mollis libero, in efficitur ligula.</p> </div> </div> </div> </section> <section class="features1 cid-rygX3CnJrG" id="features01-26"> <div class="container"> <div class="row"> <div class="card col-12 col-md-6 col-lg-4"> <div class="card-img pb-3"> <span class="mbr-iconfont mobi-mbri-camera mobi-mbri"></span> </div> <div class="card-box"> <h4 class="card-title align-center py-3 mbr-bold mbr-fonts-style display-5">Photo Sessions</h4> <p class="mbr-text align-center mbr-fonts-style display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ullamcorper elementum felis in bibendum. Proin vitae turpis ipsum.</p> <h5 class="link align-center py-3 mbr-fonts-style display-7"><a href="#" class="text-black"> READ MORE</a></h5> </div> </div> <div class="card col-12 col-md-6 col-lg-4"> <div class="card-img pb-3"> <span class="mbr-iconfont mobi-mbri-idea mobi-mbri"></span> </div> <div class="card-box"> <h4 class="card-title align-center py-3 mbr-bold mbr-fonts-style display-5"> Occasions </h4> <p class="mbr-text align-center mbr-fonts-style display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ullamcorper elementum felis in bibendum. Proin vitae turpis ipsum.</p> <h5 class="link align-center py-3 mbr-fonts-style display-7"><a href="#" class="text-black"> READ MORE</a></h5> </div> </div> <div class="card col-12 col-md-6 col-lg-4"> <div class="card-img pb-3"> <span class="mbr-iconfont mobi-mbri-image-gallery mobi-mbri"></span> </div> <div class="card-box"> <h4 class="card-title align-center py-3 mbr-bold mbr-fonts-style display-5"> Coverage </h4> <p class="mbr-text align-center mbr-fonts-style display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ullamcorper elementum felis in bibendum. Proin vitae turpis ipsum.</p> <h5 class="link align-center py-3 mbr-fonts-style display-7"><a href="#" class="text-black"> READ MORE</a></h5> </div> </div> </div> </div> </section> <section class="header3 cid-rygY1mTaK1" id="content02-2d"> <div class="container-fluid"> <div class="row"> <div class="col-md-12 col-lg-6"> <div class="mbr-figure"> <img src="../assets/images/02.jpg" alt="Mobirise"> </div> </div> <div class="col-md-12 col-lg-6 py-5 m-auto"> <div class="media-content"> <h1 class="mbr-section-title align-left mbr-bold mbr-black pb-3 mbr-fonts-style display-2">My Story</h1> <h3 class="mbr-section-subtitle mbr-semibold align-left mbr-black mbr-light pb-3 mbr-fonts-style display-5">Creative Photography</h3> <div class="mbr-section-text mbr-black pb-3 "> <p class="mbr-text align-left mbr-fonts-style display-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget lectus eu ex ornare porta euismod a libero. Phasellus vehicula placerat enim at egestas. Aliquam suscipit felis in massa hendrerit tristique. In augue diam, pellentesque nec pulvinar in, sagittis ac nulla. Sed eu lectus vitae justo vehicula viverra. Aenean vel urna vitae massa consequat blandit. Quisque sodales sapien vitae malesuada ultricies. Curabitur pretium ipsum non nunc facilisis semper. </p> </div> <div class="mbr-section-btn align-left"><a class="btn btn-md btn-black-outline display-4" href="https://mobirise.co">View More</a></div> </div> </div> </div> </div> </section> <section class="cid-ryh1xGeAGG" id="content04-2g"> <div class="container align-center"> <div class="row justify-content-md-center"> <div class="mbr-black col-md-10 col-lg-6"> <h3 class="mbr-section-subtitle mbr-semibold align-center mbr-light mbr-fonts-style display-5">PORTFOLIO</h3> <h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style display-1">Showcase</h1> </div> </div> </div> </section> <section class="mbr-gallery mbr-slider-carousel cid-ryh1vZDG9x" id="image02-2f"> <div class="container"> <div><div class="mbr-gallery-filter container gallery-filter-active"><ul buttons="0"><li class="mbr-gallery-filter-all"><a class="btn btn-md btn-primary-outline active display-7" href="">All</a></li></ul></div><div class="mbr-gallery-row"><div class="mbr-gallery-layout-default"><div><div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Awesome"><div href="#lb-image02-2f" data-slide-to="0" data-toggle="modal"><img src="../assets/images/gallery00.jpg" alt="" title=""><span class="icon-focus"></span><span class="mbr-gallery-title mbr-fonts-style display-7">Type caption here</span></div></div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Responsive"><div href="#lb-image02-2f" data-slide-to="1" data-toggle="modal"><img src="../assets/images/gallery01.jpg" alt="" title=""><span class="icon-focus"></span><span class="mbr-gallery-title mbr-fonts-style display-7">Type caption here</span></div></div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Creative"><div href="#lb-image02-2f" data-slide-to="2" data-toggle="modal"><img src="../assets/images/gallery02.jpg" alt="" title=""><span class="icon-focus"></span><span class="mbr-gallery-title mbr-fonts-style display-7">Type caption here</span></div></div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Animated"><div href="#lb-image02-2f" data-slide-to="3" data-toggle="modal"><img src="../assets/images/gallery03.jpg" alt="" title=""><span class="icon-focus"></span><span class="mbr-gallery-title mbr-fonts-style display-7">Type caption here</span></div></div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Awesome"><div href="#lb-image02-2f" data-slide-to="4" data-toggle="modal"><img src="../assets/images/gallery04.jpg" alt="" title=""><span class="icon-focus"></span><span class="mbr-gallery-title mbr-fonts-style display-7">Type caption here</span></div></div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Awesome"><div href="#lb-image02-2f" data-slide-to="5" data-toggle="modal"><img src="../assets/images/gallery05.jpg" alt="" title=""><span class="icon-focus"></span><span class="mbr-gallery-title mbr-fonts-style display-7">Type caption here</span></div></div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Responsive"><div href="#lb-image02-2f" data-slide-to="6" data-toggle="modal"><img src="../assets/images/gallery06.jpg" alt="" title=""><span class="icon-focus"></span><span class="mbr-gallery-title mbr-fonts-style display-7">Type caption here</span></div></div><div class="mbr-gallery-item mbr-gallery-item--p2" data-video-url="false" data-tags="Animated"><div href="#lb-image02-2f" data-slide-to="7" data-toggle="modal"><img src="../assets/images/gallery07.jpg" alt="" title=""><span class="icon-focus"></span><span class="mbr-gallery-title mbr-fonts-style display-7">Type caption here</span></div></div></div></div><div class="clearfix"></div></div></div><div data-app-prevent-settings="" class="mbr-slider modal fade carousel slide" tabindex="-1" data-keyboard="true" data-interval="false" id="lb-image02-2f"><div class="modal-dialog"><div class="modal-content"><div class="modal-body"><div class="carousel-inner"><div class="carousel-item active"><img src="../assets/images/gallery00.jpg" alt="" title=""></div><div class="carousel-item"><img src="../assets/images/gallery01.jpg" alt="" title=""></div><div class="carousel-item"><img src="../assets/images/gallery02.jpg" alt="" title=""></div><div class="carousel-item"><img src="../assets/images/gallery03.jpg" alt="" title=""></div><div class="carousel-item"><img src="../assets/images/gallery04.jpg" alt="" title=""></div><div class="carousel-item"><img src="../assets/images/gallery05.jpg" alt="" title=""></div><div class="carousel-item"><img src="../assets/images/gallery06.jpg" alt="" title=""></div><div class="carousel-item"><img src="../assets/images/gallery07.jpg" alt="" title=""></div></div><a class="carousel-control carousel-control-prev" role="button" data-slide="prev" href="#lb-image02-2f"><span class="mbri-left mbr-iconfont" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="carousel-control carousel-control-next" role="button" data-slide="next" href="#lb-image02-2f"><span class="mbri-right mbr-iconfont" aria-hidden="true"></span><span class="sr-only">Next</span></a><a class="close" href="#" role="button" data-dismiss="modal"><span class="sr-only">Close</span></a></div></div></div></div></div> </div> </section> <section class="features3 cid-ryh2wRa0yb" id="features04-2h"> <div class="container-fluid"> <div class="media-container-row"> <div class="card p-3 col-12 col-md-6 col-lg-3"> <div class="card-wrapper card1"> <div class="card-box"> <h4 class="card-title align-left mbr-semibold mbr-white mbr-fonts-style display-5">Showcases </h4> <p class="mbr-text align-left mbr-white mbr-fonts-style display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac feugiat neque.</p> <div class="mbr-section-btn"><a href="https://mobirise.co" class="btn btn-md btn-white-outline display-4">View More</a> </div> </div> </div> </div> <div class="card p-3 col-12 col-md-6 col-lg-3"> <div class="card-wrapper card2"> <div class="card-box"> <h4 class="card-title align-left mbr-semibold mbr-white mbr-fonts-style display-5"> Coverage</h4> <p class="mbr-text align-left mbr-white mbr-fonts-style display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac feugiat neque.</p> <div class="mbr-section-btn"><a href="https://mobirise.co" class="btn btn-md btn-white-outline display-4">View More</a> </div> </div> </div> </div> <div class="card p-3 col-12 col-md-6 col-lg-3"> <div class="card-wrapper card3"> <div class="card-box"> <h4 class="card-title align-left mbr-semibold mbr-white mbr-fonts-style display-5"> Photography</h4> <p class="mbr-text align-left mbr-white mbr-fonts-style display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac feugiat neque.</p> <div class="mbr-section-btn"><a href="https://mobirise.co" class="btn btn-md btn-white-outline display-4">View More</a> </div> </div> </div> </div> <div class="card p-3 col-12 col-md-6 col-lg-3"> <div class="card-wrapper card4"> <div class="card-box"> <h4 class="card-title align-left mbr-semibold mbr-white mbr-fonts-style display-5"> Occasions</h4> <p class="mbr-text align-left mbr-white mbr-fonts-style display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac feugiat neque.</p> <div class="mbr-section-btn"><a href="https://mobirise.co" class="btn btn-md btn-white-outline display-4">View More</a> </div> </div> </div> </div> </div> </div> </section> <section class="progress-bars2 counters cid-ryh32inLhO" id="progress-bars03-2l"> <div class="container"> <div class="row pt-2"> <div class="card align-center col-12 col-md-6 col-lg-4"> <div class="card-img pb-4"> <span class="mbr-iconfont icon1 mobi-mbri-globe mobi-mbri"></span> </div> <div class="card-text"> <h3 class="count pt-3 pb-4 mbr-bold mbr-fonts-style display-1"> 2937 </h3> <h4 class="mbr-content-title pb-3 mbr-bold mbr-fonts-style display-5">Photography</h4> <p class="mbr-content-text mbr-fonts-style display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ullamcorper elementum felis in bibendum.</p> </div> </div> <div class="card align-center col-12 col-md-6 col-lg-4"> <div class="card-img pb-4"> <span class="mbr-iconfont icon2 mobi-mbri-globe-2 mobi-mbri"></span> </div> <div class="card-text"> <h3 class="count pt-3 pb-4 mbr-bold mbr-fonts-style display-1"> 1286 </h3> <h4 class="mbr-content-title pb-3 mbr-bold mbr-fonts-style display-5">Videography</h4> <p class="mbr-content-text mbr-fonts-style display-7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ullamcorper elementum felis in bibendum. </p> </div> </div> <div class="progress_elements col-lg-4 col-md-12"> <div class="progress1 pb-4"> <div class="title-wrap"> <div class="progressbar-title mbr-fonts-style display-7"> <p> Photography</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="100"> </progress> </div> <div class="progress2 pb-4"> <div class="title-wrap"> <div class="progressbar-title mbr-fonts-style display-7"> <p> Design</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="90"> </progress> </div> <div class="progress3 pb-4"> <div class="title-wrap"> <div class="progressbar-title mbr-fonts-style display-7"> <p> Art</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="80"> </progress> </div> <div class="progress4 pb-4"> <div class="title-wrap"> <div class="progressbar-title mbr-fonts-style display-7"> <p> Coverage</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 class="progress5 pb-4"> <div class="title-wrap"> <div class="progressbar-title mbr-fonts-style display-7"> <p> Videography</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="60"> </progress> </div> </div> </div> </div> </section> <section class="pricing-table1 cid-rygXIwzGDZ" id="pricing-tables01-27"> <div class="mbr-overlay" style="opacity: 0.3; background-color: rgb(0, 0, 0);"> </div> <div class="container"> <div class="row"> <div class="plan col-12 justify-content-center col-lg-4"> <div class="plan-header card1 text-center"> <h3 class="plan-title mbr-white pb-2 mbr-fonts-style display-2"> Basic </h3> <div class="plan-price"> <span class="price-value mbr-white mbr-fonts-style display-5"> $ </span> <span class="price-figure mbr-white mbr-fonts-style display-2"> 10</span> <small class="price-term mbr-white mbr-fonts-style display-5"> 99</small> <h4 class="month mbr-white pt-4 mbr-fonts-style display-5"> MONTHLY </h4> </div> </div> <div class="plan-body"> <div class="plan-list align-center"> <ul class="list-group list-group-flush mbr-fonts-style display-7"> <li class="list-group-item">Engagement session</li> <li class="list-group-item">20 - 8x10 prints of your choosing</li> <li class="list-group-item">16x20 gallery wrapped canvas!</li> <li class="list-group-item">High resolution digital images</li> <li class="list-group-item">Full rights to prints</li> </ul> </div> <div class="mbr-section-btn text-center pt-4"><a href="https://mobirise.co" class="btn btn-black-outline display-4">Purchase</a></div> </div> </div> <div class="plan col-12 justify-content-center col-lg-4"> <div class="plan-header card2 text-center"> <h3 class="plan-title mbr-white pb-2 mbr-fonts-style display-2"> Premium </h3> <div class="plan-price"> <span class="price-value mbr-white mbr-fonts-style display-5"> $ </span> <span class="price-figure mbr-white mbr-fonts-style display-2">30</span> <small class="price-term mbr-white mbr-fonts-style display-5"> 99</small> <h4 class="month mbr-white pt-4 mbr-fonts-style display-5"> MONTHLY </h4> </div> </div> <div class="plan-body"> <div class="plan-list align-center"> <ul class="list-group list-group-flush mbr-fonts-style display-7"> <li class="list-group-item">Engagement session</li> <li class="list-group-item">Photo Album</li> <li class="list-group-item">20 - 8x10 prints of your choosing</li> <li class="list-group-item">16x20 gallery wrapped canvas!</li> <li class="list-group-item">High resolution digital images</li> <li class="list-group-item">Full rights to prints</li> <li class="list-group-item">Free retouching!</li> </ul> </div> <div class="mbr-section-btn text-center pt-4"><a href="https://mobirise.co" class="btn btn-black-outline display-4">Purchase</a></div> </div> </div> <div class="plan col-12 justify-content-center col-lg-4"> <div class="plan-header card3 text-center"> <h3 class="plan-title mbr-white pb-2 mbr-fonts-style display-2"> Standard </h3> <div class="plan-price"> <span class="price-value mbr-white mbr-fonts-style display-5"> $ </span> <span class="price-figure mbr-white mbr-fonts-style display-2"> 20</span> <small class="price-term mbr-white mbr-fonts-style display-5"> 99</small> <h4 class="month mbr-white pt-4 mbr-fonts-style display-5"> MONTHLY </h4> </div> </div> <div class="plan-body"> <div class="plan-list align-center"> <ul class="list-group list-group-flush mbr-fonts-style display-7"> <li class="list-group-item">Engagement session</li> <li class="list-group-item">Photo Album</li> <li class="list-group-item">20 - 8x10 prints of your choosing</li> <li class="list-group-item">16x20 gallery wrapped canvas!</li> <li class="list-group-item">Full rights to prints</li> <li class="list-group-item">Free retouching!</li> </ul> </div> <div class="mbr-section-btn text-center pt-4"><a href="https://mobirise.co" class="btn btn-black-outline display-4">Purchase</a></div> </div> </div> </div> </div> </section> <section class="carouse2 slide testimonials-slider cid-rygXMnd65j" data-interval="false" id="testimonials-slider01-28"> <div class="container 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-8"> <div class="user_image"> <img src="../assets/images/face1.jpg"> </div> <div class="user_text pb-1"> <p class="mbr-fonts-style mbr-regular display-2"> Lorem ipsum dolor sit amet, consectetur adipisicing</p> </div> <p class="user_name pb-1 mbr-fonts-style display-7">ANN GRAYSON</p> <p class="user_status mbr-fonts-style display-7">DESIGNER</p> </div> </div><div class="carousel-item"> <div class="user col-md-8"> <div class="user_image"> <img src="../assets/images/face2.jpg"> </div> <div class="user_text pb-1"> <p class="mbr-fonts-style mbr-regular display-2"> Lorem ipsum dolor sit amet, consectetur adipisicing</p> </div> <p class="user_name pb-1 mbr-fonts-style display-7">JESSICA GRAY</p> <p class="user_status mbr-fonts-style display-7">PHOTOGRAPHER</p> </div> </div><div class="carousel-item"> <div class="user col-md-8"> <div class="user_image"> <img src="../assets/images/face3.jpg"> </div> <div class="user_text pb-1"> <p class="mbr-fonts-style mbr-regular display-2"> Lorem ipsum dolor sit amet, consectetur adipisicing</p> </div> <p class="user_name pb-1 mbr-fonts-style display-7">JASON BROWN</p> <p class="user_status mbr-fonts-style display-7">MANAGER</p> </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="cid-ryh2Lb3FBX" id="image07-2i"> <div class="container-fluid"> <div class="row"> <div class="card col-lg-3 col-md-6"> <div class="image-block"> <img src="../assets/images/background1.jpg" alt="Mobirise"> <figcaption class="mbr-figure-caption mbr-figure-caption-over"> <div class="wrap"> <h4 class="mbr-white align-center mbr-fonts-style display-7"> ARTWORK</h4> </div> </figcaption> </div> </div> <div class="card col-lg-3 col-md-6"> <div class="image-block"> <img src="../assets/images/background2.jpg" alt="Mobirise"> <figcaption class="mbr-figure-caption mbr-figure-caption-over"> <div class="wrap"> <h4 class="mbr-white align-center mbr-fonts-style display-7"> PHOTOGRAPHY</h4> </div> </figcaption> </div> </div> <div class="card col-lg-3 col-md-6"> <div class="image-block"> <img src="../assets/images/background3.jpg" alt="Mobirise"> <figcaption class="mbr-figure-caption mbr-figure-caption-over"> <div class="wrap"> <h4 class="mbr-white align-center mbr-fonts-style display-7"> COVERAGE</h4> </div> </figcaption> </div> </div> <div class="card col-lg-3 col-md-6"> <div class="image-block"> <img src="../assets/images/background4.jpg" alt="Mobirise"> <figcaption class="mbr-figure-caption mbr-figure-caption-over"> <div class="wrap"> <h4 class="mbr-white align-center mbr-fonts-style display-7"> ARTWORK</h4> </div> </figcaption> </div> </div> </div> </div> </section> <section class="form cid-rygXSVeoSA" id="form02-2b"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-12 mx-auto mbr-form" data-form-type="formoid">  <form action="https://mobirise.com/" method="POST" class="mbr-form form-with-styler" data-form-title="Form Name"><input type="hidden" name="email" data-form-email="true" value="T5ewD8/rlydhikkmCrdRrqc6my3qtahw+S/QfYAiry0ctlTuVG9Em/zipgGKdEezaytDaXT/53hAYJrQ3WmohvorKpKIBEtf4WF4TM/Z+mn/T0TBDfzqD9dYiVCaztf6.GbLoQbVFjRbYeF3ayH25yhxOsZGdRs5UAV8qIl3L0lBAB1bThSbLnEKjtRyLlrS7D1AguVGEo8ERj7gcxBiljriqZMjrjZkFq4MyCYk2+o5L0p9B4FQavY/Q8AS6EBOI"> <div class="form-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 form-row"> <div class="col-lg-12 col-md-12 col-sm-12 form-group"> <div class="form-row"> <div class="col"> <span class="mbr-iconfont mobi-mbri-user-2 mobi-mbri"></span> <input type="text" name="nameFirst" placeholder="First Name" data-form-field="nameFirst" class="form-control text-multiple" value="" id="nameFirst-form02-2b"> </div> <div class="col"> <span class="mbr-iconfont mobi-mbri-user-2 mobi-mbri"></span> <input type="text" name="nameLast" placeholder="Last Name" data-form-field="nameLast" class="form-control text-multiple" value="" id="nameLast-form02-2b"> </div> </div> </div> <div class="col-lg-6 col-md-12 col-sm-12 form-group" data-for="email"> <span class="mbr-iconfont mobi-mbri-letter mobi-mbri"></span> <input type="email" name="email" placeholder="Email" data-form-field="email" class="form-control display-7" value="" id="email-form02-2b"> </div> <div class="col-lg-6 col-md-12 col-sm-12 form-group" style="" data-for="phone"> <span class="mbr-iconfont mobi-mbri-phone mobi-mbri"></span> <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-form02-2b"> </div> <div data-for="subject" class="col-lg-12 col-md-12 col-sm-12 form-group"> <span class="mbr-iconfont mobi-mbri-contact-form mobi-mbri"></span> <input type="text" name="subject" placeholder="Subject" data-form-field="subject" class="form-control display-7" value="" id="subject-form02-2b"> </div> <div class="col-lg-12 col-md-12 col-sm-12 form-group" data-for="message"> <span class="mbr-iconfont mobi-mbri-contact-form mobi-mbri"></span> <textarea name="message" placeholder="Message" data-form-field="message" class="form-control display-7" id="message-form02-2b"></textarea> </div> <div class="col-lg-12 col-md-12 col-sm-12 form-group" data-for="how" style=""> <span class="mbr-iconfont mobi-mbri-contact-form mobi-mbri"></span> <input type="text" name="how" placeholder="How did your hear about us" data-form-field="how" class="form-control display-7" value="" id="how-form02-2b"> </div> <div class="col-auto m-auto"><button type="submit" class="btn btn-black display-7">Send</button></div> </div> </form>  </div> <div class="col-md-12 col-lg-6"> <div class="media-content"> <h1 class="mbr-section-title align-left mbr-bold mbr-black pb-3 mbr-fonts-style display-2">Visit us</h1> <h3 class="mbr-section-subtitle mbr-bold align-left mbr-black mbr-light pb-3 mbr-fonts-style display-7">WE鈥橠 LOVE TO HEAR WHAT YOU THINK</h3> <div class="mbr-section-text mbr-black pb-3 "> <p class="mbr-text align-left mbr-fonts-style display-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget lectus eu ex ornare porta euismod a libero. Phasellus vehicula placerat enim at egestas. Aliquam suscipit felis in massa hendrerit tristique.</p> <p class="text2 pt-2 align-left mbr-fonts-style display-7"><strong>Our Address</strong><br> <br>Company Name <br>Address 1 , Address 2 <br>Street Name , Zip <br>City , Country <br> <br>Tel: +123 456 7890</p> </div> </div> </div> </div> </div> </section> <section class="header3 cid-rygXSogRcW" id="social01-2a"> <div class="container"> <div class="mbr-section-btn align-center pb-3"><a class="btn btn-sm btn-black display-4" href="https://mobirise.co"><span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span>FOLLOW US</a></div> <div class="row mbr-jc-c"> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/01.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/02.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/03.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/04.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/background1.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/background2.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/background3.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/background4.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/background5.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/background4.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/background3.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/background2.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/04.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/03.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/02.jpg" alt="Mobirise"> </div> </div> <div class="item col-6 col-md-3 col-lg-x"> <div class="img-wrap"> <span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span> <img src="../assets/images/01.jpg" alt="Mobirise"> </div> </div> </div> </div> </section> <section class="map1 cid-ryh2PRAzBY" id="map01-2k"> <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> </section> <section once="footers" class="cid-ryh2PglCOu" id="footer01-2j"> <div class="container"> <div class="media-container-row align-center mbr-white"> <div class="col-12"> <p class="mbr-text mb-0 mbr-fonts-style display-7"> 漏 Copyright 2019 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/vimeoplayer/jquery.mb.vimeo_player.js"></script> <script src="../assets/parallax/jarallax.min.js"></script> <script src="../assets/masonry/masonry.pkgd.min.js"></script> <script src="../assets/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="../assets/bootstrapcarouselswipe/bootstrap-carousel-swipe.js"></script> <script src="../assets/dropdown/js/nav-dropdown.js"></script> <script src="../assets/dropdown/js/navbar-dropdown.js"></script> <script src="../assets/smoothscroll/smooth-scroll.js"></script> <script src="../assets/viewportchecker/jquery.viewportchecker.js"></script> <script src="../assets/mbr-testimonials-slider/mbr-testimonials-slider.js"></script> <script src="../assets/touchswipe/jquery.touch-swipe.min.js"></script> <script src="../assets/formstyler/jquery.formstyler.js"></script> <script src="../assets/formstyler/jquery.formstyler.min.js"></script> <script src="../assets/datepicker/jquery.datetimepicker.full.js"></script> <script src="../assets/theme/js/script.js"></script> <script src="../assets/slidervideo/script.js"></script> <script src="../assets/formoid/formoid.min.js"></script> <script src="../assets/gallery/player.min.js"></script> <script src="../assets/gallery/script.js"></script> </body> </html>

CINXE.COM

Photographer Demo - PhotoM4