Skip to the content
Products
App Builder
Mobile app builder to create an app in 3 steps.
Android App Maker
iPhone App Maker
Convert Website to App
AI App Generator
Website Builder
Website builder to create a websites in minutes
AI Website Builder
Business Website Builder
Ecommerce Website Builder
Tools
AI Name Generator
AI Slogan Generator
AI Text Generator
Scheduling Software
Free Online Calculator
AI Title Generator
AI Quiz Maker
AI Worksheet Maker
AI Writing Generator
AI Content Generator
AI Code Generator
AI UI Design Generator
AI Code Checker
AI Blog Post Generator
AI Product Description Generator
AI Description Generator
AI Bio Generator
AI Caption Generator
AI Quote Generator
AI Form Builder
AI QR Code Generator
AI Barcode Generator
AI Keyword Generator
AI Image to Quiz Generator
AI FAQ Generator
AI Question Generator
Website Accessibility Checker
AI Landing Page Generator
AI Paragraph Generator
AI Summary Generator
SSL Checker
DNS Checker
Web Hosting
Website Checker
Plagiarism Checker
Backlink Checker
Domain Transfer
Domain Name Generator
Contact Us
Help
Pricing
Reseller
AI Templates
Join
Log in
Home
Templates
Business
Best Consulting Coaching Website Template
Best Consulting & Coaching website template
Use this template
<div class="app-header live-view" style=""> <section class="header-block container p-0 py-3"> <div class="row"> <div class="col-12 col-md-5 col-lg-5 d-flex align-items-center justify-content-center justify-content-md-start justify-content-lg-start"> <div class="d-flex align-items-center mb-3 mb-lg-0 mb-md-0"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/services.png" class="logo" id="logo" style="padding-right: 10px; height: 60px;"> <span class="title display-6 fw-bold" id="title" style="color: rgb(0, 0, 0);">Zeke</span> </div> </div> <div class="col-12 col-md-7 col-lg-7 d-flex"> <div class="d-flex flex-column flex-md-row flex-lg-row align-items-center mx-auto mx-lg-0 mx-md-0 ms-md-auto ms-lg-auto"> <div class="social" id="social"><a class="fa fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(0, 0, 0); border-color: rgb(0, 0, 0);" rel="noopener"></a><a class="fa fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(0, 0, 0); border-color: rgb(0, 0, 0);" rel="noopener"></a><a class="fa fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(0, 0, 0); border-color: rgb(0, 0, 0);" rel="noopener"></a><a class="fa fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(0, 0, 0); border-color: rgb(0, 0, 0);" rel="noopener"></a></div> <a class="btn btn-secondary border-0 ms-3 me-3 me-md-0 me-lg-0 ms-md-3 ms-lg-3 shadow-sm mt-3 mt-lg-0 mt-md-0 d-none" id="button" style="color: rgb(255, 255, 255);">Get Started</a> </div> </div> </div> </section> </div> <div class="app-blocks live-view"><section class="block container-fluid p-0 m-0 id-633abf4f91e0a92d1e42516f 62f23f706ccaa067206103d9" id="id-633abf4f91e0a92d1e42516f" style="color: rgb(255, 255, 255); background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/agency-1.jpg"); background-size: cover;"> <div data-type="main" class="container text-center pt-self-20 pe-self-20 pb-self-20 ps-self-20"><div class="repeat"> <div class="row list-item d-block d-lg-flex item"> <div class="col d-flex flex-column justify-content-center position-relative justify-content-lg-center" style="aspect-ratio:2/1"> <div class="slider-subtitle fs-5 text-capitalize list-element text">Unlimited Posibilities</div> <div class="slider-title fw-bold display-1 my-3 text-capitalize list-element heading" style="font-size: 66px;">Start Your Journey</div> <div class="slider-description list-element text">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below Food, <br>in the end, in our own tradition, is something holy.</div> <div class="slider-button"> <a class="btn rounded-pill btn-md rounded-0 mt-4 text-capitalize px-4 py-3 me-2 list-element link pt-self-20 pe-self-40 pb-self-20 ps-self-40" href="#" style="color: rgb(13, 12, 12); background-color: rgb(255, 207, 77); background-image: inherit;">GET STARTED TODAY</a> <a class="btn rounded-pill btn-md rounded-0 mt-4 text-capitalize px-4 py-3 list-element hide-item link" href="#" style="color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); background-image: inherit;">Google Play</a> </div> </div> <img class="list-element w-100 img-style col hide-item image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/food-img-01.png");"> </div> </div></div> </section><section class="block container-fluid p-0 m-0 id-633cfddba55920691b0be3fb 62fb6eddecf96818eb6bc438" id="id-633cfddba55920691b0be3fb" style="background-color: rgb(247, 247, 247); background-image: inherit;"> <div data-type="main" class="container text-center p-self-10"> <div class="w-100 text-center"> <div class="description mb-1 hide-item text" style="color: rgb(115, 115, 115);">Open your eyes for this incredible place</div> <div class="title text-uppercase mb-4 hide-item heading h1" style="color: rgb(72, 72, 72);">MAGIC LOCATION</div> </div> <div class="align-items-center justify-content-center row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-6"><div class="col repeat"> <div class="d-inline-block list-item w-100 p-3 item pt-self-10 pe-self-20 pb-self-10 ps-self-20"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-2x1.png" alt="" class="list-element img-fluid w-100 image contain" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/agency-2.png");"> </div> </div><div class="col repeat"> <div class="d-inline-block list-item w-100 p-3 item pt-self-10 pe-self-20 pb-self-10 ps-self-20"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-2x1.png" alt="" class="list-element img-fluid w-100 image contain" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/agency-5.png");"> </div> </div><div class="col repeat"> <div class="d-inline-block list-item w-100 p-3 item pt-self-10 pe-self-20 pb-self-10 ps-self-20"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-2x1.png" alt="" class="list-element img-fluid w-100 image contain" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/agency-7.png");"> </div> </div><div class="col repeat"> <div class="d-inline-block list-item w-100 p-3 item pt-self-10 pe-self-20 pb-self-10 ps-self-20"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-2x1.png" alt="" class="list-element img-fluid w-100 image contain" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/agency-8.png");"> </div> </div></div> </div> </section><section class="block container-fluid p-0 m-0 id-633eba00af2df42e7b63bd70 62fb6ee2388d1027d71e780c" id="id-633eba00af2df42e7b63bd70"> <div data-type="main" class="container text-start pt-self-50 pe-self-50 pb-self-50 ps-self-50"> <div class="row align-items-lg-center d-block d-lg-flex"> <div class="col"> <div class="title-base"> <div class="m-0 text">Some interesting information about us and our club</div> <div class="title mb-4 heading h2">Section Heading For <br>Great Conversion</div> </div> <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit <br><br>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div> <div><a class="btn p-0 border-0 mb-3 mt-3 link pt-self-20 pe-self-40 pb-self-20 ps-self-40" style="color: rgb(0, 0, 0); background-color: rgb(255, 207, 77); background-image: inherit;">GET STARTED</a> </div> <img class="mt-3 hide-item image cover" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/sign-2.png" alt=""> </div> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x2.png" alt="" class="col mt-4 mt-lg-0 image contain" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/agency-4.jpg");"> </div> </div> </section><section class="block container-fluid p-0 m-0 id-633eba00af2df42e7b63bd70 62fb6ee2388d1027d71e780c flex-row-reverse" id="id-633eba00af2df42e7b63bd70" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/agency-3.jpg"); background-size: cover;"> <div data-type="main" class="container text-start pt-self-100 pe-self-50 pb-self-100 ps-self-50"> <div class="row align-items-lg-center d-block d-lg-flex"> <div class="col"> <div class="title-base"> <div class="m-0 text">Some interesting information about us and our club</div> <div class="title mb-4 heading h2">Section Heading For <br>Great Conversion</div> </div> <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit <br><br>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div> <div><a class="btn p-0 border-0 mb-3 mt-3 link pt-self-20 pe-self-40 pb-self-20 ps-self-40" style="color: rgb(0, 0, 0); background-color: rgb(255, 207, 77); background-image: inherit;">GET STARTED</a> </div> <img class="mt-3 hide-item image cover" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/sign-2.png" alt=""> </div> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x2.png" alt="" class="col mt-4 mt-lg-0 image contain" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/transparent-img.png");"> </div> </div> </section><section class="block container-fluid p-0 m-0 id-63085fb787f13e30fa27bcd4 62fb6ed28a368027784c0f76" id="id-63085fb787f13e30fa27bcd4" style="color: rgb(68, 68, 68);"> <div data-type="main" class="container text-center pt-self-80 pe-self-0 pb-self-80 ps-self-0"> <div class="w-100 mx-auto mb-5"> <h1 class="mb-2 section-title heading h4" style="font-size: 36px;">Simply Clean & Elegant</h1> <p class="section-subtitle text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam <br>nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat</p> </div> <div class="row justify-content-center row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4"><div class="col repeat"> <div class="list-item item mt-self-0 me-self-0 mb-self-16 ms-self-0 p-self-10"> <div class="m-wrapper"> <div class="photo-wrapper"> <i class="icons list-element icon fa fa-light fa-apple-whole"></i> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" class="list-element w-100 hide-item image cover" alt="m-wrapper Photo" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/user-1.jpeg");"> </div> <h3 class="m-title list-element heading">Matt Walden</h3> <div class="d-block mb-2 m-date list-element hide-item text">13 APRIL 2014</div> <div class="m-content list-element text mt-self-10 me-self-0 mb-self-0 ms-self-0" style="color: rgb(130, 130, 130);">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> <div class="social list-element hide-item" style="color: rgb(85, 85, 85);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a></div> <div class="button w-100"><a href="#" title="Read More" class="btn mt-self-20 mb-self-20 border-0 rounded-0 list-element link pt-self-10 pe-self-20 pb-self-10 ps-self-20" style="color: rgb(15, 15, 15); background-color: rgb(255, 207, 77); background-image: inherit;">Read More</a></div> </div> </div> </div><div class="col repeat"> <div class="list-item item mt-self-0 me-self-0 mb-self-16 ms-self-0 p-self-10"> <div class="m-wrapper"> <div class="photo-wrapper"> <i class="icons list-element icon fa fal fa-album-circle-user"></i> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" class="list-element w-100 hide-item image cover" alt="m-wrapper Photo" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/user-1.jpeg");"> </div> <h3 class="m-title list-element heading">Matt Walden</h3> <div class="d-block mb-2 m-date list-element hide-item text">13 APRIL 2014</div> <div class="m-content list-element text mt-self-10 me-self-0 mb-self-0 ms-self-0" style="color: rgb(130, 130, 130);">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> <div class="social list-element hide-item" style="color: rgb(85, 85, 85);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a></div> <div class="button w-100"><a href="#" title="Read More" class="btn mt-self-20 mb-self-20 border-0 rounded-0 list-element link pt-self-10 pe-self-20 pb-self-10 ps-self-20" style="color: rgb(15, 15, 15); background-color: rgb(255, 207, 77); background-image: inherit;">Read More</a></div> </div> </div> </div><div class="col repeat"> <div class="list-item item mt-self-0 me-self-0 mb-self-16 ms-self-0 p-self-10"> <div class="m-wrapper"> <div class="photo-wrapper"> <i class="icons list-element icon fa fat fa-alien-8bit"></i> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" class="list-element w-100 hide-item image cover" alt="m-wrapper Photo" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/user-1.jpeg");"> </div> <h3 class="m-title list-element heading">Matt Walden</h3> <div class="d-block mb-2 m-date list-element hide-item text">13 APRIL 2014</div> <div class="m-content list-element text mt-self-10 me-self-0 mb-self-0 ms-self-0" style="color: rgb(130, 130, 130);">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> <div class="social list-element hide-item" style="color: rgb(85, 85, 85);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a></div> <div class="button w-100"><a href="#" title="Read More" class="btn mt-self-20 mb-self-20 border-0 rounded-0 list-element link pt-self-10 pe-self-20 pb-self-10 ps-self-20" style="color: rgb(15, 15, 15); background-color: rgb(255, 207, 77); background-image: inherit;">Read More</a></div> </div> </div> </div><div class="col repeat"> <div class="list-item item mt-self-0 me-self-0 mb-self-16 ms-self-0 p-self-10"> <div class="m-wrapper"> <div class="photo-wrapper"> <i class="icons list-element icon fa fat fa-apartment"></i> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" class="list-element w-100 hide-item image cover" alt="m-wrapper Photo" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/user-1.jpeg");"> </div> <h3 class="m-title list-element heading">Matt Walden</h3> <div class="d-block mb-2 m-date list-element hide-item text">13 APRIL 2014</div> <div class="m-content list-element text mt-self-10 me-self-0 mb-self-0 ms-self-0" style="color: rgb(130, 130, 130);">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> <div class="social list-element hide-item" style="color: rgb(85, 85, 85);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a></div> <div class="button w-100"><a href="#" title="Read More" class="btn mt-self-20 mb-self-20 border-0 rounded-0 list-element link pt-self-10 pe-self-20 pb-self-10 ps-self-20" style="color: rgb(15, 15, 15); background-color: rgb(255, 207, 77); background-image: inherit;">Read More</a></div> </div> </div> </div><div class="col repeat"> <div class="list-item item mt-self-0 me-self-0 mb-self-16 ms-self-0 p-self-10"> <div class="m-wrapper"> <div class="photo-wrapper"> <i class="icons list-element icon fa fal fa-airplay"></i> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" class="list-element w-100 hide-item image cover" alt="m-wrapper Photo" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/user-1.jpeg");"> </div> <h3 class="m-title list-element heading">Matt Walden</h3> <div class="d-block mb-2 m-date list-element hide-item text">13 APRIL 2014</div> <div class="m-content list-element text mt-self-10 me-self-0 mb-self-0 ms-self-0" style="color: rgb(130, 130, 130);">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> <div class="social list-element hide-item" style="color: rgb(85, 85, 85);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a></div> <div class="button w-100"><a href="#" title="Read More" class="btn mt-self-20 mb-self-20 border-0 rounded-0 list-element link pt-self-10 pe-self-20 pb-self-10 ps-self-20" style="color: rgb(15, 15, 15); background-color: rgb(255, 207, 77); background-image: inherit;">Read More</a></div> </div> </div> </div><div class="col repeat"> <div class="list-item item mt-self-0 me-self-0 mb-self-16 ms-self-0 p-self-10"> <div class="m-wrapper"> <div class="photo-wrapper"> <i class="icons list-element icon fa fal fa-angle"></i> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" class="list-element w-100 hide-item image cover" alt="m-wrapper Photo" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/user-1.jpeg");"> </div> <h3 class="m-title list-element heading">Matt Walden</h3> <div class="d-block mb-2 m-date list-element hide-item text">13 APRIL 2014</div> <div class="m-content list-element text mt-self-10 me-self-0 mb-self-0 ms-self-0" style="color: rgb(130, 130, 130);">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> <div class="social list-element hide-item" style="color: rgb(85, 85, 85);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a></div> <div class="button w-100"><a href="#" title="Read More" class="btn mt-self-20 mb-self-20 border-0 rounded-0 list-element link pt-self-10 pe-self-20 pb-self-10 ps-self-20" style="color: rgb(15, 15, 15); background-color: rgb(255, 207, 77); background-image: inherit;">Read More</a></div> </div> </div> </div><div class="col repeat"> <div class="list-item item mt-self-0 me-self-0 mb-self-16 ms-self-0 p-self-10"> <div class="m-wrapper"> <div class="photo-wrapper"> <i class="icons list-element icon fa fa-light fa-apple-whole"></i> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" class="list-element w-100 hide-item image cover" alt="m-wrapper Photo" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/user-1.jpeg");"> </div> <h3 class="m-title list-element heading">Matt Walden</h3> <div class="d-block mb-2 m-date list-element hide-item text">13 APRIL 2014</div> <div class="m-content list-element text mt-self-10 me-self-0 mb-self-0 ms-self-0" style="color: rgb(130, 130, 130);">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> <div class="social list-element hide-item" style="color: rgb(85, 85, 85);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a></div> <div class="button w-100"><a href="#" title="Read More" class="btn mt-self-20 mb-self-20 border-0 rounded-0 list-element link pt-self-10 pe-self-20 pb-self-10 ps-self-20" style="color: rgb(15, 15, 15); background-color: rgb(255, 207, 77); background-image: inherit;">Read More</a></div> </div> </div> </div><div class="col repeat"> <div class="list-item item mt-self-0 me-self-0 mb-self-16 ms-self-0 p-self-10"> <div class="m-wrapper"> <div class="photo-wrapper"> <i class="icons list-element icon fa fal fa-anchor-lock"></i> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" class="list-element w-100 hide-item image cover" alt="m-wrapper Photo" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/user-1.jpeg");"> </div> <h3 class="m-title list-element heading">Matt Walden</h3> <div class="d-block mb-2 m-date list-element hide-item text">13 APRIL 2014</div> <div class="m-content list-element text mt-self-10 me-self-0 mb-self-0 ms-self-0" style="color: rgb(130, 130, 130);">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> <div class="social list-element hide-item" style="color: rgb(85, 85, 85);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a></div> <div class="button w-100"><a href="#" title="Read More" class="btn mt-self-20 mb-self-20 border-0 rounded-0 list-element link pt-self-10 pe-self-20 pb-self-10 ps-self-20" style="color: rgb(15, 15, 15); background-color: rgb(255, 207, 77); background-image: inherit;">Read More</a></div> </div> </div> </div></div> </div> </section><section class="block container-fluid p-0 m-0 id-6343f0dc04954b72800dadea 62fb6ebfd43cd5020b313553" id="id-6343f0dc04954b72800dadea" style="background-color: rgb(240, 249, 255); background-image: inherit;"> <div data-type="main" class="container-fluid text-center pt-self-60 pe-self-20 pb-self-80 ps-self-20"> <div class="w-100 text-center mb-5"> <div class="description mb-1 text">Get in touch with us</div> <div class="title mb-4 fw-bold heading">CONTACTS</div> </div> <div class="row"> <div class="col-md-8 mx-auto"> <p class="text">Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua. Utenim ad minim veniam quis nostrudo.<br><br><b>Location:</b> Mountain View CA 94043<br><b>Phone:</b> +02 3525425669</p> <div class="row mt-5"> <div class="col-md-8 mx-auto"> <div class="fw-bold mb-3 heading" style="font-size:24px">SCHEDULES</div> <ul class="list-texts list-texts-justified"><li class="repeat"> <div class="row list-item item"> <div class="col list-element text" style="text-align:left"><b>Monday - Friday:</b></div> <span class="col list-element text" style="text-align:right">11.00 - 24.00</span> </div> </li><li class="repeat"> <div class="row list-item item"> <div class="col list-element text" style="text-align:left"><b>Saturday:</b></div> <span class="col list-element text" style="text-align:right">11.00 - 24.00</span> </div> </li><li class="repeat"> <div class="row list-item item"> <div class="col list-element text" style="text-align:left"><b>Sunday:</b></div> <span class="col list-element text" style="text-align:right">11.00 - 24.00</span> </div> </li></ul> </div> </div> </div> </div> </div> </section></div> <div class="app-footer live-view"><section class="block container-fluid p-0 m-0 id-footer4 footer" id="id-footer4" style="color: rgb(255, 255, 255); background-color: rgb(46, 84, 153); background-image: inherit;"> <footer data-type="main" class="container text-start ps-self-20 pt-self-40 pe-self-20 pb-self-25"> <div class="footer-container"> <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4"> <div class="col mb-5 mb-lg-0"> <h4 class="heading h3">Join Us</h4> <div class="text m-self-0 p-self-0">Reference site about Lorem Ipsum, giving information on its origins.</div> <div class="social mt-3" style="color: rgb(255, 255, 255);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a></div> <div class="d-flex align-items-center mt-4"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x1.png" alt="Image" height="30" class="mb-3 image contain" style="background-image: url("https://templates.pbodev.info/images/media/appstore.png");"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x1.png" alt="Image" class="ms-3 mb-3 image contain" height="30" style="background-image: url("https://templates.pbodev.info/images/media/googleplay.png");"> </div> </div> <div class="col mb-5 mb-lg-0"> <h4 class="heading h3">Menu</h4> <div class="lh-lg text m-self-0 p-self-0"><a href="#">Home</a><br><a href="#">Our Work</a><br><a href="#">About the Company</a><br><a href="#">Contact Us</a><br><a href="#">FAQ</a></div> </div> <div class="col mb-5 mb-lg-0"> <h4 class="heading h3">Quick Link</h4> <div class="lh-lg text m-self-0 p-self-0"><a href="#">Blog</a><br><a href="#">Newsletter</a><br><a href="#">RSS Feed</a><br><a href="#">Privacy Policy</a><br><a href="#">Terms & Conditions</a></div> </div> <div class="col mb-3 mb-lg-0"> <h4 class="heading h3">Contact Us</h4> <div class="text m-self-0 p-self-0">123BE. Example Street Ashland,<br> United States,<br>USA 12345 <br><br><strong>Phone:</strong> +1 1234 5678 01 <br><strong>Email:</strong> contact@example.com</div> </div> </div> <div class="text-center border-top pt-4 pb-0 mt-2 text ms-self-0 mt-self-10 me-self-0 mb-self-0 ps-self-0 pt-self-20 pe-self-0 pb-self-0" style="border-color:rgba(255,255,255,.2) !important">©2022 Copyright</div> </div> </footer> </section></div> </div> </section>'>
