Index - HeroBiz Bootstrap Template

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>Index - HeroBiz Bootstrap Template</title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="robots" content="noindex, nofollow">  <link href="assets/img/favicon.png" rel="icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">  <link href="https://fonts.googleapis.com" rel="preconnect"> <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap" rel="stylesheet">  <link href="../../vendors/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="../../vendors/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="../../vendors/aos/aos.css" rel="stylesheet"> <link href="../../vendors/glightbox/css/glightbox.min.css" rel="stylesheet"> <link href="../../vendors/swiper/swiper-bundle.min.css" rel="stylesheet">  <link href="assets/css/main.css" rel="stylesheet">  </head> <body class="index-page"> <header id="header" class="header d-flex align-items-center sticky-top"> <div class="container-fluid position-relative d-flex align-items-center justify-content-between"> <a href="index.html" class="logo d-flex align-items-center me-auto me-xl-0">   <h1 class="sitename">HeroBiz</h1> <span>.</span> </a> <nav id="navmenu" class="navmenu"> <ul> <li><a href="#hero" class="active">Home<br></a></li> <li><a href="#about">About</a></li> <li><a href="#services">Services</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#team">Team</a></li> <li><a href="blog.html">Blog</a></li> <li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a> <ul> <li><a href="#">Dropdown 1</a></li> <li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a> <ul> <li><a href="#">Deep Dropdown 1</a></li> <li><a href="#">Deep Dropdown 2</a></li> <li><a href="#">Deep Dropdown 3</a></li> <li><a href="#">Deep Dropdown 4</a></li> <li><a href="#">Deep Dropdown 5</a></li> </ul> </li> <li><a href="#">Dropdown 2</a></li> <li><a href="#">Dropdown 3</a></li> <li><a href="#">Dropdown 4</a></li> </ul> </li> <li><a href="#contact">Contact</a></li> </ul> <i class="mobile-nav-toggle d-xl-none bi bi-list"></i> </nav> <a class="btn-getstarted" href="index.html#about">Get Started</a> </div> </header> <main class="main">  <section id="hero" class="hero section"> <div class="container d-flex flex-column justify-content-center align-items-center text-center position-relative" data-aos="zoom-out"> <img src="assets/img/hero-img.svg" class="img-fluid animated" alt=""> <h1>Welcome to <span>HeroBiz</span></h1> <p>Et voluptate esse accusantium accusamus natus reiciendis quidem voluptates similique aut.</p> <div class="d-flex"> <a href="#about" class="btn-get-started scrollto">Get Started</a> <a href="https://www.youtube.com/watch?v=Y7f98aduVJ8" class="glightbox btn-watch-video d-flex align-items-center"><i class="bi bi-play-circle"></i><span>Watch Video</span></a> </div> </div> </section>  <section id="featured-services" class="featured-services section"> <div class="container"> <div class="row gy-4"> <div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="100"> <div class="service-item position-relative"> <div class="icon"><i class="bi bi-activity icon"></i></div> <h4><a href="" class="stretched-link">Lorem Ipsum</a></h4> <p>Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi</p> </div> </div> <div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="200"> <div class="service-item position-relative"> <div class="icon"><i class="bi bi-bounding-box-circles icon"></i></div> <h4><a href="" class="stretched-link">Sed ut perspici</a></h4> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore</p> </div> </div> <div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="300"> <div class="service-item position-relative"> <div class="icon"><i class="bi bi-calendar4-week icon"></i></div> <h4><a href="" class="stretched-link">Magni Dolores</a></h4> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia</p> </div> </div> <div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="400"> <div class="service-item position-relative"> <div class="icon"><i class="bi bi-broadcast icon"></i></div> <h4><a href="" class="stretched-link">Nemo Enim</a></h4> <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis</p> </div> </div> </div> </div> </section>  <section id="about" class="about section">  <div class="container section-title" data-aos="fade-up"> <h2>About Us</h2> <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p> </div> <div class="container" data-aos="fade-up"> <div class="row g-4 g-lg-5" data-aos="fade-up" data-aos-delay="200"> <div class="col-lg-5"> <div class="about-img"> <img src="assets/img/about-portrait.jpg" class="img-fluid" alt=""> </div> </div> <div class="col-lg-7"> <h3 class="pt-0 pt-lg-5">Neque officiis dolore maiores et exercitationem quae est seda lidera pat claero</h3>  <ul class="nav nav-pills mb-3"> <li><a class="nav-link active" data-bs-toggle="pill" href="#about-tab1">Saepe fuga</a></li> <li><a class="nav-link" data-bs-toggle="pill" href="#about-tab2">Voluptates</a></li> <li><a class="nav-link" data-bs-toggle="pill" href="#about-tab3">Corrupti</a></li> </ul>  <div class="tab-content"> <div class="tab-pane fade show active" id="about-tab1"> <p class="fst-italic">Consequuntur inventore voluptates consequatur aut vel et. Eos doloribus expedita. Sapiente atque consequatur minima nihil quae aspernatur quo suscipit voluptatem.</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Repudiandae rerum velit modi et officia quasi facilis</h4> </div> <p>Laborum omnis voluptates voluptas qui sit aliquam blanditiis. Sapiente minima commodi dolorum non eveniet magni quaerat nemo et.</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Incidunt non veritatis illum ea ut nisi</h4> </div> <p>Non quod totam minus repellendus autem sint velit. Rerum debitis facere soluta tenetur. Iure molestiae assumenda sunt qui inventore eligendi voluptates nisi at. Dolorem quo tempora. Quia et perferendis.</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Omnis ab quia nemo dignissimos rem eum quos..</h4> </div> <p>Eius alias aut cupiditate. Dolor voluptates animi ut blanditiis quos nam. Magnam officia aut ut alias quo explicabo ullam esse. Sunt magnam et dolorem eaque magnam odit enim quaerat. Vero error error voluptatem eum.</p> </div> <div class="tab-pane fade" id="about-tab2"> <p class="fst-italic">Consequuntur inventore voluptates consequatur aut vel et. Eos doloribus expedita. Sapiente atque consequatur minima nihil quae aspernatur quo suscipit voluptatem.</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Repudiandae rerum velit modi et officia quasi facilis</h4> </div> <p>Laborum omnis voluptates voluptas qui sit aliquam blanditiis. Sapiente minima commodi dolorum non eveniet magni quaerat nemo et.</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Incidunt non veritatis illum ea ut nisi</h4> </div> <p>Non quod totam minus repellendus autem sint velit. Rerum debitis facere soluta tenetur. Iure molestiae assumenda sunt qui inventore eligendi voluptates nisi at. Dolorem quo tempora. Quia et perferendis.</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Omnis ab quia nemo dignissimos rem eum quos..</h4> </div> <p>Eius alias aut cupiditate. Dolor voluptates animi ut blanditiis quos nam. Magnam officia aut ut alias quo explicabo ullam esse. Sunt magnam et dolorem eaque magnam odit enim quaerat. Vero error error voluptatem eum.</p> </div> <div class="tab-pane fade" id="about-tab3"> <p class="fst-italic">Consequuntur inventore voluptates consequatur aut vel et. Eos doloribus expedita. Sapiente atque consequatur minima nihil quae aspernatur quo suscipit voluptatem.</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Repudiandae rerum velit modi et officia quasi facilis</h4> </div> <p>Laborum omnis voluptates voluptas qui sit aliquam blanditiis. Sapiente minima commodi dolorum non eveniet magni quaerat nemo et.</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Incidunt non veritatis illum ea ut nisi</h4> </div> <p>Non quod totam minus repellendus autem sint velit. Rerum debitis facere soluta tenetur. Iure molestiae assumenda sunt qui inventore eligendi voluptates nisi at. Dolorem quo tempora. Quia et perferendis.</p> <div class="d-flex align-items-center mt-4"> <i class="bi bi-check2"></i> <h4>Omnis ab quia nemo dignissimos rem eum quos..</h4> </div> <p>Eius alias aut cupiditate. Dolor voluptates animi ut blanditiis quos nam. Magnam officia aut ut alias quo explicabo ullam esse. Sunt magnam et dolorem eaque magnam odit enim quaerat. Vero error error voluptatem eum.</p> </div> </div> </div> </div> </div> </section>  <section id="clients" class="clients section"> <div class="container" data-aos="fade-up"> <div class="row gy-4"> <div class="col-xl-2 col-md-3 col-6 client-logo"> <img src="assets/img/clients/client-1.png" class="img-fluid" alt=""> </div> <div class="col-xl-2 col-md-3 col-6 client-logo"> <img src="assets/img/clients/client-2.png" class="img-fluid" alt=""> </div> <div class="col-xl-2 col-md-3 col-6 client-logo"> <img src="assets/img/clients/client-3.png" class="img-fluid" alt=""> </div> <div class="col-xl-2 col-md-3 col-6 client-logo"> <img src="assets/img/clients/client-4.png" class="img-fluid" alt=""> </div> <div class="col-xl-2 col-md-3 col-6 client-logo"> <img src="assets/img/clients/client-5.png" class="img-fluid" alt=""> </div> <div class="col-xl-2 col-md-3 col-6 client-logo"> <img src="assets/img/clients/client-6.png" class="img-fluid" alt=""> </div> </div> </div> </section>  <section id="call-to-action" class="call-to-action section"> <div class="container" data-aos="zoom-out"> <div class="row g-5"> <div class="col-lg-8 col-md-6 content d-flex flex-column justify-content-center order-last order-md-first"> <h3>Alias sunt quas <em>Cupiditate</em> oluptas hic minima</h3> <p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <a class="cta-btn align-self-start" href="#">Call To Action</a> </div> <div class="col-lg-4 col-md-6 order-first order-md-last d-flex align-items-center"> <div class="img"> <img src="assets/img/cta.jpg" alt="" class="img-fluid"> </div> </div> </div> </div> </section>  <section id="onfocus" class="onfocus section dark-background"> <div class="container-fluid p-0" data-aos="fade-up"> <div class="row g-0"> <div class="col-lg-6 video-play position-relative"> <a href="https://www.youtube.com/watch?v=Y7f98aduVJ8" class="glightbox pulsating-play-btn"></a> </div> <div class="col-lg-6"> <div class="content d-flex flex-column justify-content-center h-100"> <h3>Voluptatem dignissimos provident quasi corporis</h3> <p class="fst-italic"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <ul> <li><i class="bi bi-check-circle"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li> <li><i class="bi bi-check-circle"></i> Duis aute irure dolor in reprehenderit in voluptate velit.</li> <li><i class="bi bi-check-circle"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla pariatur.</li> </ul> <a href="#" class="read-more align-self-start"><span>Read More</span><i class="bi bi-arrow-right"></i></a> </div> </div> </div> </div> </section>  <section id="features" class="features section"> <div class="container" data-aos="fade-up"> <ul class="nav nav-tabs row gy-4 d-flex"> <li class="nav-item col-6 col-md-4 col-lg-2"> <a class="nav-link active show" data-bs-toggle="tab" data-bs-target="#features-tab-1"> <i class="bi bi-binoculars" style="color: #0dcaf0;"></i> <h4>Modinest</h4> </a> </li> <li class="nav-item col-6 col-md-4 col-lg-2"> <a class="nav-link" data-bs-toggle="tab" data-bs-target="#features-tab-2"> <i class="bi bi-box-seam" style="color: #6610f2;"></i> <h4>Undaesenti</h4> </a> </li> <li class="nav-item col-6 col-md-4 col-lg-2"> <a class="nav-link" data-bs-toggle="tab" data-bs-target="#features-tab-3"> <i class="bi bi-brightness-high" style="color: #20c997;"></i> <h4>Pariatur</h4> </a> </li> <li class="nav-item col-6 col-md-4 col-lg-2"> <a class="nav-link" data-bs-toggle="tab" data-bs-target="#features-tab-4"> <i class="bi bi-command" style="color: #df1529;"></i> <h4>Nostrum</h4> </a> </li> <li class="nav-item col-6 col-md-4 col-lg-2"> <a class="nav-link" data-bs-toggle="tab" data-bs-target="#features-tab-5"> <i class="bi bi-easel" style="color: #0d6efd;"></i> <h4>Adipiscing</h4> </a> </li> <li class="nav-item col-6 col-md-4 col-lg-2"> <a class="nav-link" data-bs-toggle="tab" data-bs-target="#features-tab-6"> <i class="bi bi-map" style="color: #fd7e14;"></i> <h4>Reprehit</h4> </a> </li> </ul> <div class="tab-content"> <div class="tab-pane fade active show" id="features-tab-1"> <div class="row gy-4"> <div class="col-lg-8 order-2 order-lg-1" data-aos="fade-up" data-aos-delay="100"> <h3>Modinest</h3> <p class="fst-italic"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <ul> <li><i class="bi bi-check-circle-fill"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li> <li><i class="bi bi-check-circle-fill"></i> Duis aute irure dolor in reprehenderit in voluptate velit.</li> <li><i class="bi bi-check-circle-fill"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla pariatur.</li> </ul> <p> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p> </div> <div class="col-lg-4 order-1 order-lg-2 text-center" data-aos="fade-up" data-aos-delay="200"> <img src="assets/img/features-1.svg" alt="" class="img-fluid"> </div> </div> </div> <div class="tab-pane fade" id="features-tab-2"> <div class="row gy-4"> <div class="col-lg-8 order-2 order-lg-1"> <h3>Undaesenti</h3> <p> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p> <p class="fst-italic"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <ul> <li><i class="bi bi-check-circle-fill"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li> <li><i class="bi bi-check-circle-fill"></i> Duis aute irure dolor in reprehenderit in voluptate velit.</li> <li><i class="bi bi-check-circle-fill"></i> Provident mollitia neque rerum asperiores dolores quos qui a. Ipsum neque dolor voluptate nisi sed.</li> <li><i class="bi bi-check-circle-fill"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla pariatur.</li> </ul> </div> <div class="col-lg-4 order-1 order-lg-2 text-center"> <img src="assets/img/features-2.svg" alt="" class="img-fluid"> </div> </div> </div> <div class="tab-pane fade" id="features-tab-3"> <div class="row gy-4"> <div class="col-lg-8 order-2 order-lg-1"> <h3>Pariatur</h3> <p> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p> <ul> <li><i class="bi bi-check-circle-fill"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li> <li><i class="bi bi-check-circle-fill"></i> Duis aute irure dolor in reprehenderit in voluptate velit.</li> <li><i class="bi bi-check-circle-fill"></i> Provident mollitia neque rerum asperiores dolores quos qui a. Ipsum neque dolor voluptate nisi sed.</li> </ul> <p class="fst-italic"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> <div class="col-lg-4 order-1 order-lg-2 text-center"> <img src="assets/img/features-3.svg" alt="" class="img-fluid"> </div> </div> </div> <div class="tab-pane fade" id="features-tab-4"> <div class="row gy-4"> <div class="col-lg-8 order-2 order-lg-1"> <h3>Nostrum</h3> <p> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p> <p class="fst-italic"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <ul> <li><i class="bi bi-check-circle-fill"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li> <li><i class="bi bi-check-circle-fill"></i> Duis aute irure dolor in reprehenderit in voluptate velit.</li> <li><i class="bi bi-check-circle-fill"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla pariatur.</li> </ul> </div> <div class="col-lg-4 order-1 order-lg-2 text-center"> <img src="assets/img/features-4.svg" alt="" class="img-fluid"> </div> </div> </div> <div class="tab-pane fade" id="features-tab-5"> <div class="row gy-4"> <div class="col-lg-8 order-2 order-lg-1"> <h3>Adipiscing</h3> <p> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p> <p class="fst-italic"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <ul> <li><i class="bi bi-check-circle-fill"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li> <li><i class="bi bi-check-circle-fill"></i> Duis aute irure dolor in reprehenderit in voluptate velit.</li> <li><i class="bi bi-check-circle-fill"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla pariatur.</li> </ul> </div> <div class="col-lg-4 order-1 order-lg-2 text-center"> <img src="assets/img/features-5.svg" alt="" class="img-fluid"> </div> </div> </div> <div class="tab-pane fade" id="features-tab-6"> <div class="row gy-4"> <div class="col-lg-8 order-2 order-lg-1"> <h3>Reprehit</h3> <p> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </p> <p class="fst-italic"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <ul> <li><i class="bi bi-check-circle-fill"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li> <li><i class="bi bi-check-circle-fill"></i> Duis aute irure dolor in reprehenderit in voluptate velit.</li> <li><i class="bi bi-check-circle-fill"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla pariatur.</li> </ul> </div> <div class="col-lg-4 order-1 order-lg-2 text-center"> <img src="assets/img/features-6.svg" alt="" class="img-fluid"> </div> </div> </div> </div> </div> </section>  <section id="services" class="services section">  <div class="container section-title" data-aos="fade-up"> <h2>Our Services</h2> <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p> </div> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row gy-5"> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="200"> <div class="service-item"> <div class="img"> <img src="assets/img/services-1.jpg" class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-activity"></i> </div> <a href="service-details.html" class="stretched-link"> <h3>Nesciunt Mete</h3> </a> <p>Provident nihil minus qui consequatur non omnis maiores. Eos accusantium minus dolores iure perferendis.</p> </div> </div> </div> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="300"> <div class="service-item"> <div class="img"> <img src="assets/img/services-2.jpg" class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-broadcast"></i> </div> <a href="service-details.html" class="stretched-link"> <h3>Eosle Commodi</h3> </a> <p>Ut autem aut autem non a. Sint sint sit facilis nam iusto sint. Libero corrupti neque eum hic non ut nesciunt dolorem.</p> </div> </div> </div> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="400"> <div class="service-item"> <div class="img"> <img src="assets/img/services-3.jpg" class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-easel"></i> </div> <a href="service-details.html" class="stretched-link"> <h3>Ledo Markt</h3> </a> <p>Ut excepturi voluptatem nisi sed. Quidem fuga consequatur. Minus ea aut. Vel qui id voluptas adipisci eos earum corrupti.</p> </div> </div> </div> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="500"> <div class="service-item"> <div class="img"> <img src="assets/img/services-4.jpg" class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-bounding-box-circles"></i> </div> <a href="service-details.html" class="stretched-link"> <h3>Asperiores Commodit</h3> </a> <p>Non et temporibus minus omnis sed dolor esse consequatur. Cupiditate sed error ea fuga sit provident adipisci neque.</p> <a href="service-details.html" class="stretched-link"></a> </div> </div> </div> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="600"> <div class="service-item"> <div class="img"> <img src="assets/img/services-5.jpg" class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-calendar4-week"></i> </div> <a href="service-details.html" class="stretched-link"> <h3>Velit Doloremque</h3> </a> <p>Cumque et suscipit saepe. Est maiores autem enim facilis ut aut ipsam corporis aut. Sed animi at autem alias eius labore.</p> <a href="service-details.html" class="stretched-link"></a> </div> </div> </div> <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="700"> <div class="service-item"> <div class="img"> <img src="assets/img/services-6.jpg" class="img-fluid" alt=""> </div> <div class="details position-relative"> <div class="icon"> <i class="bi bi-chat-square-text"></i> </div> <a href="service-details.html" class="stretched-link"> <h3>Dolori Architecto</h3> </a> <p>Hic molestias ea quibusdam eos. Fugiat enim doloremque aut neque non et debitis iure. Corrupti recusandae ducimus enim.</p> <a href="service-details.html" class="stretched-link"></a> </div> </div> </div> </div> </div> </section>  <section id="testimonials" class="testimonials section dark-background">  <div class="container section-title" data-aos="fade-up"> <h2>Testimonials</h2> <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p> </div> <img src="assets/img/testimonials-bg.jpg" class="testimonials-bg" alt=""> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="swiper init-swiper"> <script type="application/json" class="swiper-config"> { "loop": true, "speed": 600, "autoplay": { "delay": 5000 }, "slidesPerView": "auto", "pagination": { "el": ".swiper-pagination", "type": "bullets", "clickable": true } } </script> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="testimonial-item"> <img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt=""> <h3>Saul Goodman</h3> <h4>Ceo & Founder</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> <span>Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.</span> <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div> <div class="swiper-slide"> <div class="testimonial-item"> <img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt=""> <h3>Sara Wilsson</h3> <h4>Designer</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> <span>Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.</span> <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div> <div class="swiper-slide"> <div class="testimonial-item"> <img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt=""> <h3>Jena Karlis</h3> <h4>Store Owner</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> <span>Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.</span> <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div> <div class="swiper-slide"> <div class="testimonial-item"> <img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt=""> <h3>Matt Brandon</h3> <h4>Freelancer</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> <span>Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.</span> <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div> <div class="swiper-slide"> <div class="testimonial-item"> <img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt=""> <h3>John Larson</h3> <h4>Entrepreneur</h4> <div class="stars"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> </div> <p> <i class="bi bi-quote quote-icon-left"></i> <span>Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.</span> <i class="bi bi-quote quote-icon-right"></i> </p> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div> </section>  <section id="pricing" class="pricing section">  <div class="container section-title" data-aos="fade-up"> <h2>Our Pricing</h2> <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p> </div> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row gy-4"> <div class="col-lg-4" data-aos="zoom-in" data-aos-delay="200"> <div class="pricing-item"> <div class="pricing-header"> <h3>Free Plan</h3> <h4><sup>$</sup>0<span> / month</span></h4> </div> <ul> <li><i class="bi bi-dot"></i> <span>Quam adipiscing vitae proin</span></li> <li><i class="bi bi-dot"></i> <span>Nec feugiat nisl pretium</span></li> <li><i class="bi bi-dot"></i> <span>Nulla at volutpat diam uteera</span></li> <li class="na"><i class="bi bi-x"></i> <span>Pharetra massa massa ultricies</span></li> <li class="na"><i class="bi bi-x"></i> <span>Massa ultricies mi quis hendrerit</span></li> </ul> <div class="text-center mt-auto"> <a href="#" class="buy-btn">Buy Now</a> </div> </div> </div> <div class="col-lg-4" data-aos="zoom-in" data-aos-delay="400"> <div class="pricing-item featured"> <div class="pricing-header"> <h3>Business Plan</h3> <h4><sup>$</sup>29<span> / month</span></h4> </div> <ul> <li><i class="bi bi-dot"></i> <span>Quam adipiscing vitae proin</span></li> <li><i class="bi bi-dot"></i> <span>Nec feugiat nisl pretium</span></li> <li><i class="bi bi-dot"></i> <span>Nulla at volutpat diam uteera</span></li> <li><i class="bi bi-dot"></i> <span>Pharetra massa massa ultricies</span></li> <li><i class="bi bi-dot"></i> <span>Massa ultricies mi quis hendrerit</span></li> </ul> <div class="text-center mt-auto"> <a href="#" class="buy-btn">Buy Now</a> </div> </div> </div> <div class="col-lg-4" data-aos="zoom-in" data-aos-delay="600"> <div class="pricing-item"> <div class="pricing-header"> <h3>Developer Plan</h3> <h4><sup>$</sup>49<span> / month</span></h4> </div> <ul> <li><i class="bi bi-dot"></i> <span>Quam adipiscing vitae proin</span></li> <li><i class="bi bi-dot"></i> <span>Nec feugiat nisl pretium</span></li> <li><i class="bi bi-dot"></i> <span>Nulla at volutpat diam uteera</span></li> <li><i class="bi bi-dot"></i> <span>Pharetra massa massa ultricies</span></li> <li><i class="bi bi-dot"></i> <span>Massa ultricies mi quis hendrerit</span></li> </ul> <div class="text-center mt-auto"> <a href="#" class="buy-btn">Buy Now</a> </div> </div> </div> </div> </div> </section>  <section id="faq" class="faq section"> <div class="container-fluid"> <div class="row gy-4"> <div class="col-lg-7 d-flex flex-column justify-content-center order-2 order-lg-1"> <div class="content px-xl-5" data-aos="fade-up" data-aos-delay="100"> <h3><span>Frequently Asked </span><strong>Questions</strong></h3> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit </p> </div> <div class="faq-container px-xl-5" data-aos="fade-up" data-aos-delay="200"> <div class="faq-item faq-active"> <i class="faq-icon bi bi-question-circle"></i> <h3>Non consectetur a erat nam at lectus urna duis?</h3> <div class="faq-content"> <p>Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.</p> </div> <i class="faq-toggle bi bi-chevron-right"></i> </div> <div class="faq-item"> <i class="faq-icon bi bi-question-circle"></i> <h3>Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque?</h3> <div class="faq-content"> <p>Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.</p> </div> <i class="faq-toggle bi bi-chevron-right"></i> </div> <div class="faq-item"> <i class="faq-icon bi bi-question-circle"></i> <h3>Dolor sit amet consectetur adipiscing elit pellentesque?</h3> <div class="faq-content"> <p>Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus. Urna molestie at elementum eu facilisis sed odio morbi quis</p> </div> <i class="faq-toggle bi bi-chevron-right"></i> </div> </div> </div> <div class="col-lg-5 order-1 order-lg-2"> <img src="assets/img/faq.jpg" class="img-fluid" alt="" data-aos="zoom-in" data-aos-delay="100"> </div> </div> </div> </section>  <section id="portfolio" class="portfolio section">  <div class="container section-title" data-aos="fade-up"> <h2>Portfolio</h2> <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p> </div> <div class="container-fluid"> <div class="isotope-layout" data-default-filter="*" data-layout="masonry" data-sort="original-order"> <ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100"> <li data-filter="*" class="filter-active">All</li> <li data-filter=".filter-app">App</li> <li data-filter=".filter-product">Product</li> <li data-filter=".filter-branding">Branding</li> <li data-filter=".filter-books">Books</li> </ul> <div class="row g-0 isotope-container" data-aos="fade-up" data-aos-delay="200"> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item isotope-item filter-app"> <div class="portfolio-content h-100"> <img src="assets/img/portfolio/app-1.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <a href="assets/img/portfolio/app-1.jpg" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item isotope-item filter-product"> <div class="portfolio-content h-100"> <img src="assets/img/portfolio/product-1.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <a href="assets/img/portfolio/product-1.jpg" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item isotope-item filter-branding"> <div class="portfolio-content h-100"> <img src="assets/img/portfolio/branding-1.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <a href="assets/img/portfolio/branding-1.jpg" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item isotope-item filter-books"> <div class="portfolio-content h-100"> <img src="assets/img/portfolio/books-1.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <a href="assets/img/portfolio/books-1.jpg" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item isotope-item filter-app"> <div class="portfolio-content h-100"> <img src="assets/img/portfolio/app-2.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <a href="assets/img/portfolio/app-2.jpg" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item isotope-item filter-product"> <div class="portfolio-content h-100"> <img src="assets/img/portfolio/product-2.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <a href="assets/img/portfolio/product-2.jpg" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item isotope-item filter-branding"> <div class="portfolio-content h-100"> <img src="assets/img/portfolio/branding-2.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <a href="assets/img/portfolio/branding-2.jpg" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item isotope-item filter-books"> <div class="portfolio-content h-100"> <img src="assets/img/portfolio/books-2.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <a href="assets/img/portfolio/books-2.jpg" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item isotope-item filter-app"> <div class="portfolio-content h-100"> <img src="assets/img/portfolio/app-3.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <a href="assets/img/portfolio/app-3.jpg" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item isotope-item filter-product"> <div class="portfolio-content h-100"> <img src="assets/img/portfolio/product-3.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <a href="assets/img/portfolio/product-3.jpg" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item isotope-item filter-branding"> <div class="portfolio-content h-100"> <img src="assets/img/portfolio/branding-3.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <a href="assets/img/portfolio/branding-3.jpg" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-md-6 portfolio-item isotope-item filter-books"> <div class="portfolio-content h-100"> <img src="assets/img/portfolio/books-3.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <a href="assets/img/portfolio/books-3.jpg" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a> <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> </div> </div> </div> </div> </div> </div> </section>  <section id="team" class="team section">  <div class="container section-title" data-aos="fade-up"> <h2>Our Team</h2> <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p> </div> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row gy-5"> <div class="col-xl-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="200"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/team-1.jpg" class="img-fluid" alt=""> </div> <div class="member-info"> <div class="social"> <a href=""><i class="bi bi-twitter-x"></i></a> <a href=""><i class="bi bi-facebook"></i></a> <a href=""><i class="bi bi-instagram"></i></a> <a href=""><i class="bi bi-linkedin"></i></a> </div> <h4>Walter White</h4> <span>Chief Executive Officer</span> </div> </div> </div> <div class="col-xl-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="400"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/team-2.jpg" class="img-fluid" alt=""> </div> <div class="member-info"> <div class="social"> <a href=""><i class="bi bi-twitter-x"></i></a> <a href=""><i class="bi bi-facebook"></i></a> <a href=""><i class="bi bi-instagram"></i></a> <a href=""><i class="bi bi-linkedin"></i></a> </div> <h4>Sarah Jhonson</h4> <span>Product Manager</span> </div> </div> </div> <div class="col-xl-4 col-md-6 d-flex" data-aos="zoom-in" data-aos-delay="600"> <div class="team-member"> <div class="member-img"> <img src="assets/img/team/team-3.jpg" class="img-fluid" alt=""> </div> <div class="member-info"> <div class="social"> <a href=""><i class="bi bi-twitter-x"></i></a> <a href=""><i class="bi bi-facebook"></i></a> <a href=""><i class="bi bi-instagram"></i></a> <a href=""><i class="bi bi-linkedin"></i></a> </div> <h4>William Anderson</h4> <span>CTO</span> </div> </div> </div> </div> </div> </section>  <section id="recent-posts" class="recent-posts section">  <div class="container section-title" data-aos="fade-up"> <h2>Recent Blog Posts</h2> <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p> </div> <div class="container"> <div class="row gy-4"> <div class="col-xl-4 col-md-6" data-aos="fade-up" data-aos-delay="100"> <article> <div class="post-img"> <img src="assets/img/blog/blog-1.jpg" alt="" class="img-fluid"> </div> <p class="post-category">Politics</p> <h2 class="title"> <a href="blog-details.html">Dolorum optio tempore voluptas dignissimos</a> </h2> <div class="d-flex align-items-center"> <img src="assets/img/blog/blog-author.jpg" alt="" class="img-fluid post-author-img flex-shrink-0"> <div class="post-meta"> <p class="post-author">Maria Doe</p> <p class="post-date"> <time datetime="2022-01-01">Jan 1, 2022</time> </p> </div> </div> </article> </div> <div class="col-xl-4 col-md-6" data-aos="fade-up" data-aos-delay="200"> <article> <div class="post-img"> <img src="assets/img/blog/blog-2.jpg" alt="" class="img-fluid"> </div> <p class="post-category">Sports</p> <h2 class="title"> <a href="blog-details.html">Nisi magni odit consequatur autem nulla dolorem</a> </h2> <div class="d-flex align-items-center"> <img src="assets/img/blog/blog-author-2.jpg" alt="" class="img-fluid post-author-img flex-shrink-0"> <div class="post-meta"> <p class="post-author">Allisa Mayer</p> <p class="post-date"> <time datetime="2022-01-01">Jun 5, 2022</time> </p> </div> </div> </article> </div> <div class="col-xl-4 col-md-6" data-aos="fade-up" data-aos-delay="300"> <article> <div class="post-img"> <img src="assets/img/blog/blog-3.jpg" alt="" class="img-fluid"> </div> <p class="post-category">Entertainment</p> <h2 class="title"> <a href="blog-details.html">Possimus soluta ut id suscipit ea ut in quo quia et soluta</a> </h2> <div class="d-flex align-items-center"> <img src="assets/img/blog/blog-author-3.jpg" alt="" class="img-fluid post-author-img flex-shrink-0"> <div class="post-meta"> <p class="post-author">Mark Dower</p> <p class="post-date"> <time datetime="2022-01-01">Jun 22, 2022</time> </p> </div> </div> </article> </div> </div> </div> </section>  <section id="contact" class="contact section">  <div class="container section-title" data-aos="fade-up"> <h2>Contact</h2> <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p> </div> <div class="mb-5"> <iframe style="width: 100%; height: 400px;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12097.433213460943!2d-74.0062269!3d40.7101282!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xb89d1fe6bc499443!2sDowntown+Conference+Center!5e0!3m2!1smk!2sbg!4v1539943755621" frameborder="0" allowfullscreen=""></iframe> </div> <div class="container" data-aos="fade"> <div class="row gy-5 gx-lg-5"> <div class="col-lg-4"> <div class="info"> <h3>Get in touch</h3> <p>Et id eius voluptates atque nihil voluptatem enim in tempore minima sit ad mollitia commodi minus.</p> <div class="info-item d-flex"> <i class="bi bi-geo-alt flex-shrink-0"></i> <div> <h4>Location:</h4> <p>A108 Adam Street, New York, NY 535022</p> </div> </div> <div class="info-item d-flex"> <i class="bi bi-envelope flex-shrink-0"></i> <div> <h4>Email:</h4> <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0861666e67486d70696578646d266b6765">[email protected]</a></p> </div> </div> <div class="info-item d-flex"> <i class="bi bi-phone flex-shrink-0"></i> <div> <h4>Call:</h4> <p>+1 5589 55488 55</p> </div> </div> </div> </div> <div class="col-lg-8"> <form action="forms/contact.php" method="post" role="form" class="php-email-form"> <div class="row"> <div class="col-md-6 form-group"> <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required=""> </div> <div class="col-md-6 form-group mt-3 mt-md-0"> <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required=""> </div> </div> <div class="form-group mt-3"> <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required=""> </div> <div class="form-group mt-3"> <textarea class="form-control" name="message" placeholder="Message" required=""></textarea> </div> <div class="my-3"> <div class="loading">Loading</div> <div class="error-message"></div> <div class="sent-message">Your message has been sent. Thank you!</div> </div> <div class="text-center"><button type="submit">Send Message</button></div> </form> </div> </div> </div> </section> </main> <footer id="footer" class="footer dark-background"> <div class="footer-top"> <div class="container"> <div class="row gy-4"> <div class="col-lg-4 col-md-6 footer-about"> <a href="index.html" class="logo d-flex align-items-center"> <span class="sitename">HeroBiz</span> </a> <div class="footer-contact pt-3"> <p>A108 Adam Street</p> <p>New York, NY 535022</p> <p class="mt-3"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p> <p><strong>Email:</strong> <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="056c6b636a45607d64687569602b666a68">[email protected]</a></span></p> </div> </div> <div class="col-lg-2 col-md-3 footer-links"> <h4>Useful Links</h4> <ul> <li><a href="#">Home</a></li> <li><a href="#">About us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Terms of service</a></li> <li><a href="#">Privacy policy</a></li> </ul> </div> <div class="col-lg-2 col-md-3 footer-links"> <h4>Our Services</h4> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">Web Development</a></li> <li><a href="#">Product Management</a></li> <li><a href="#">Marketing</a></li> <li><a href="#">Graphic Design</a></li> </ul> </div> <div class="col-lg-2 col-md-3 footer-links"> <h4>Hic solutasetp</h4> <ul> <li><a href="#">Molestiae accusamus iure</a></li> <li><a href="#">Excepturi dignissimos</a></li> <li><a href="#">Suscipit distinctio</a></li> <li><a href="#">Dilecta</a></li> <li><a href="#">Sit quas consectetur</a></li> </ul> </div> <div class="col-lg-2 col-md-3 footer-links"> <h4>Nobis illum</h4> <ul> <li><a href="#">Ipsam</a></li> <li><a href="#">Laudantium dolorum</a></li> <li><a href="#">Dinera</a></li> <li><a href="#">Trodelas</a></li> <li><a href="#">Flexo</a></li> </ul> </div> </div> </div> </div> <div class="copyright text-center"> <div class="container d-flex flex-column flex-lg-row justify-content-center justify-content-lg-between align-items-center"> <div class="d-flex flex-column align-items-center align-items-lg-start"> <div> 漏 Copyright <strong><span>MyWebsite</span></strong>. All Rights Reserved </div> <div class="credits">     Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> </div> </div> <div class="social-links order-first order-lg-last mb-3 mb-lg-0"> <a href=""><i class="bi bi-twitter-x"></i></a> <a href=""><i class="bi bi-facebook"></i></a> <a href=""><i class="bi bi-instagram"></i></a> <a href=""><i class="bi bi-linkedin"></i></a> </div> </div> </div> </footer>  <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>  <div id="preloader"></div>  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="../../vendors/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="../../vendors/php-email-form/validate.js"></script> <script src="../../vendors/aos/aos.js"></script> <script src="../../vendors/glightbox/js/glightbox.min.js"></script> <script src="../../vendors/swiper/swiper-bundle.min.js"></script> <script src="../../vendors/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="../../vendors/isotope-layout/isotope.pkgd.min.js"></script>  <script src="assets/js/main.js"></script> </body> </html>

CINXE.COM

Index - HeroBiz Bootstrap Template