File manager - Edit - /home/monara/public_html/ben/index.html
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>Index - NewBiz Bootstrap Template</title> <meta name="description" content=""> <meta name="keywords" content=""> <!-- Favicons --> <link href="assets/img/favicon.png" rel="icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <!-- Fonts --> <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=Raleway: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&display=swap" rel="stylesheet"> <!-- Vendor CSS Files --> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="assets/vendor/aos/aos.css" rel="stylesheet"> <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> <!-- Main CSS File --> <link href="assets/css/main.css" rel="stylesheet"> <!-- ======================================================= * Template Name: NewBiz * Template URL: https://bootstrapmade.com/newbiz-bootstrap-business-template/ * Updated: Aug 07 2024 with Bootstrap v5.3.3 * Author: BootstrapMade.com * License: https://bootstrapmade.com/license/ ======================================================== --> </head> <body class="index-page"> <header id="header" class="header d-flex align-items-center sticky-top"> <div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between"> <a href="index.html" class="logo d-flex align-items-center"> <img src="assets/img/logo.png" alt=""> <!-- Uncomment the line below if you also wish to use text logo --> <!-- <h1 class="sitename">NewBiz</h1> --> </a> <nav id="navmenu" class="navmenu"> <ul> <li><a href="#hero" class="active">Home</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 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> </div> </header> <main class="main"> <!-- Hero Section --> <section id="hero" class="hero section dark-background"> <div class="container"> <div class="row gy-4"> <div class="col-lg-5 order-lg-last hero-img" data-aos="zoom-out" data-aos-delay="100"> <img src="assets/img/hero-img.svg" class="img-fluid animated" alt=""> </div> <div class="col-lg-6 d-flex flex-column justify-content-center" data-aos="fade-in"> <h1>We provide solutions for your business!</h1> <p>We are team of talented designers making websites with Bootstrap</p> <div class="d-flex"> <a href="#about" class="btn-get-started">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> </div> </div> </section><!-- /Hero Section --> <!-- About Section --> <section id="about" class="about section"> <div class="container"> <div class="row gy-4"> <div class="col-lg-6 position-relative align-self-start order-lg-last order-first" data-aos="fade-up" data-aos-delay="200"> <img src="assets/img/about.svg" class="img-fluid" alt=""> <a href="https://www.youtube.com/watch?v=Y7f98aduVJ8" class="glightbox pulsating-play-btn"></a> </div> <div class="col-lg-6 content order-last order-lg-first" data-aos="fade-up" data-aos-delay="100"> <h3>About Us</h3> <p> Dolor iure expedita id fuga asperiores qui sunt consequatur minima. Quidem voluptas deleniti. Sit quia molestiae quia quas qui magnam itaque veritatis dolores. Corrupti totam ut eius incidunt reiciendis veritatis asperiores placeat. </p> <ul> <li> <i class="bi bi-diagram-3"></i> <div> <h5>Ullamco laboris nisi ut aliquip consequat</h5> <p>Magni facilis facilis repellendus cum excepturi quaerat praesentium libre trade</p> </div> </li> <li> <i class="bi bi-fullscreen-exit"></i> <div> <h5>Magnam soluta odio exercitationem reprehenderi</h5> <p>Quo totam dolorum at pariatur aut distinctio dolorum laudantium illo direna pasata redi</p> </div> </li> <li> <i class="bi bi-broadcast"></i> <div> <h5>Voluptatem et qui exercitationem</h5> <p>Et velit et eos maiores est tempora et quos dolorem autem tempora incidunt maxime veniam</p> </div> </li> </ul> </div> </div> </div> </section><!-- /About Section --> <!-- Features Section --> <section id="features" class="features section"> <div class="container"> <div class="row gy-4 align-items-center features-item"> <div class="col-md-5 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="100"> <img src="assets/img/features-1.svg" class="img-fluid" alt=""> </div> <div class="col-md-7" data-aos="fade-up" data-aos-delay="100"> <h3>Voluptatem dignissimos provident quasi corporis voluptates sit assumenda.</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"></i><span> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></li> <li><i class="bi bi-check"></i> <span>Duis aute irure dolor in reprehenderit in voluptate velit.</span></li> <li><i class="bi bi-check"></i> <span>Ullam est qui quos consequatur eos accusamus.</span></li> </ul> </div> </div><!-- Features Item --> <div class="row gy-4 align-items-center features-item"> <div class="col-md-5 order-lg-last d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200"> <img src="assets/img/features-2.svg" class="img-fluid" alt=""> </div> <div class="col-md-7" data-aos="fade-up" data-aos-delay="200"> <h3>Corporis temporibus maiores provident</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> <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><!-- Features Item --> </div> </section><!-- /Features Section --> <!-- Services Section --> <section id="services" class="services section light-background"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Services</h2> <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p> </div><!-- End Section Title --> <div class="container"> <div class="row gy-4"> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100"> <div class="service-item position-relative"> <div class="icon"> <i class="bi bi-cash-stack" style="color: #0dcaf0;"></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 tempore et consequatur.</p> </div> </div><!-- End Service Item --> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200"> <div class="service-item position-relative"> <div class="icon"> <i class="bi bi-calendar4-week" style="color: #fd7e14;"></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><!-- End Service Item --> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300"> <div class="service-item position-relative"> <div class="icon"> <i class="bi bi-chat-text" style="color: #20c997;"></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><!-- End Service Item --> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400"> <div class="service-item position-relative"> <div class="icon"> <i class="bi bi-credit-card-2-front" style="color: #df1529;"></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><!-- End Service Item --> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500"> <div class="service-item position-relative"> <div class="icon"> <i class="bi bi-globe" style="color: #6610f2;"></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><!-- End Service Item --> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600"> <div class="service-item position-relative"> <div class="icon"> <i class="bi bi-clock" style="color: #f3268c;"></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><!-- End Service Item --> </div> </div> </section><!-- /Services Section --> <!-- Why Us Section --> <section id="why-us" class="why-us section dark-background"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Why Us</h2> <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p> </div><!-- End Section Title --> <div class="container"> <div class="row gy-4"> <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100"> <div class="card-item"> <span>01</span> <h4><a href="" class="stretched-link">Lorem Ipsum</a></h4> <p>Ulamco laboris nisi ut aliquip ex ea commodo consequat. Et consectetur ducimus vero placeat</p> </div> </div><!-- Card Item --> <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200"> <div class="card-item"> <span>02</span> <h4><a href="" class="stretched-link">Repellat Nihil</a></h4> <p>Dolorem est fugiat occaecati voluptate velit esse. Dicta veritatis dolor quod et vel dire leno para dest</p> </div> </div><!-- Card Item --> <div class="col-lg-4" data-aos="fade-up" data-aos-delay="300"> <div class="card-item"> <span>03</span> <h4><a href="" class="stretched-link">Ad ad velit qui</a></h4> <p>Molestiae officiis omnis illo asperiores. Aut doloribus vitae sunt debitis quo vel nam quis</p> </div> </div><!-- Card Item --> </div> </div> </section><!-- /Why Us Section --> <!-- Stats Section --> <section id="stats" class="stats section dark-background"> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row gy-4"> <div class="col-lg-3 col-md-6"> <div class="stats-item"> <i class="bi bi-emoji-smile"></i> <span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1" class="purecounter"></span> <p><strong>Happy Clients</strong> <span>consequuntur quae</span></p> </div> </div><!-- End Stats Item --> <div class="col-lg-3 col-md-6"> <div class="stats-item"> <i class="bi bi-journal-richtext"></i> <span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="1" class="purecounter"></span> <p><strong>Projects</strong> <span>adipisci atque cum quia aut</span></p> </div> </div><!-- End Stats Item --> <div class="col-lg-3 col-md-6"> <div class="stats-item"> <i class="bi bi-headset"></i> <span data-purecounter-start="0" data-purecounter-end="1453" data-purecounter-duration="1" class="purecounter"></span> <p><strong>Hours Of Support</strong> <span>aut commodi quaerat</span></p> </div> </div><!-- End Stats Item --> <div class="col-lg-3 col-md-6"> <div class="stats-item"> <i class="bi bi-people"></i> <span data-purecounter-start="0" data-purecounter-end="32" data-purecounter-duration="1" class="purecounter"></span> <p><strong>Hard Workers</strong> <span>rerum asperiores dolor</span></p> </div> </div><!-- End Stats Item --> </div> </div> </section><!-- /Stats Section --> <!-- Portfolio Section --> <section id="portfolio" class="portfolio section"> <!-- Section Title --> <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><!-- End Section Title --> <div class="container"> <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><!-- End Portfolio Filters --> <div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200"> <div class="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"> <h4>App 1</h4> <p>Lorem ipsum, dolor sit amet consectetur</p> <a href="assets/img/portfolio/app-1.jpg" title="App 1" 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><!-- End Portfolio Item --> <div class="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"> <h4>Product 1</h4> <p>Lorem ipsum, dolor sit amet consectetur</p> <a href="assets/img/portfolio/product-1.jpg" title="Product 1" 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><!-- End Portfolio Item --> <div class="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"> <h4>Branding 1</h4> <p>Lorem ipsum, dolor sit amet consectetur</p> <a href="assets/img/portfolio/branding-1.jpg" title="Branding 1" 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><!-- End Portfolio Item --> <div class="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"> <h4>Books 1</h4> <p>Lorem ipsum, dolor sit amet consectetur</p> <a href="assets/img/portfolio/books-1.jpg" title="Branding 1" 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><!-- End Portfolio Item --> <div class="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"> <h4>App 2</h4> <p>Lorem ipsum, dolor sit amet consectetur</p> <a href="assets/img/portfolio/app-2.jpg" title="App 2" 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><!-- End Portfolio Item --> <div class="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"> <h4>Product 2</h4> <p>Lorem ipsum, dolor sit amet consectetur</p> <a href="assets/img/portfolio/product-2.jpg" title="Product 2" 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><!-- End Portfolio Item --> <div class="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"> <h4>Branding 2</h4> <p>Lorem ipsum, dolor sit amet consectetur</p> <a href="assets/img/portfolio/branding-2.jpg" title="Branding 2" 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><!-- End Portfolio Item --> <div class="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"> <h4>Books 2</h4> <p>Lorem ipsum, dolor sit amet consectetur</p> <a href="assets/img/portfolio/books-2.jpg" title="Branding 2" 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><!-- End Portfolio Item --> <div class="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"> <h4>App 3</h4> <p>Lorem ipsum, dolor sit amet consectetur</p> <a href="assets/img/portfolio/app-3.jpg" title="App 3" 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><!-- End Portfolio Item --> <div class="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"> <h4>Product 3</h4> <p>Lorem ipsum, dolor sit amet consectetur</p> <a href="assets/img/portfolio/product-3.jpg" title="Product 3" 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><!-- End Portfolio Item --> <div class="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"> <h4>Branding 3</h4> <p>Lorem ipsum, dolor sit amet consectetur</p> <a href="assets/img/portfolio/branding-3.jpg" title="Branding 2" 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><!-- End Portfolio Item --> <div class="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"> <h4>Books 3</h4> <p>Lorem ipsum, dolor sit amet consectetur</p> <a href="assets/img/portfolio/books-3.jpg" title="Branding 3" 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><!-- End Portfolio Item --> </div><!-- End Portfolio Container --> </div> </div> </section><!-- /Portfolio Section --> <!-- Testimonials Section --> <section id="testimonials" class="testimonials section light-background"> <!-- Section Title --> <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><!-- End Section Title --> <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"> <div class="row gy-4 justify-content-center"> <div class="col-lg-6"> <div class="testimonial-content"> <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> <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> </div> </div> <div class="col-lg-2 text-center"> <img src="assets/img/testimonials/testimonials-1.jpg" class="img-fluid testimonial-img" alt=""> </div> </div> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <div class="row gy-4 justify-content-center"> <div class="col-lg-6"> <div class="testimonial-content"> <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> <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> </div> </div> <div class="col-lg-2 text-center"> <img src="assets/img/testimonials/testimonials-2.jpg" class="img-fluid testimonial-img" alt=""> </div> </div> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <div class="row gy-4 justify-content-center"> <div class="col-lg-6"> <div class="testimonial-content"> <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> <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> </div> </div> <div class="col-lg-2 text-center"> <img src="assets/img/testimonials/testimonials-3.jpg" class="img-fluid testimonial-img" alt=""> </div> </div> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <div class="row gy-4 justify-content-center"> <div class="col-lg-6"> <div class="testimonial-content"> <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> <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> </div> </div> <div class="col-lg-2 text-center"> <img src="assets/img/testimonials/testimonials-4.jpg" class="img-fluid testimonial-img" alt=""> </div> </div> </div> </div><!-- End testimonial item --> </div> <div class="swiper-pagination"></div> </div> </div> </section><!-- /Testimonials Section --> <!-- Team Section --> <section id="team" class="team section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Team</h2> <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p> </div><!-- End Section Title --> <div class="container"> <div class="row gy-5"> <div class="col-lg-4 col-md-6 member" data-aos="fade-up" data-aos-delay="100"> <div class="member-img"> <img src="assets/img/team/team-1.jpg" class="img-fluid" alt=""> <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> </div> <div class="member-info text-center"> <h4>Walter White</h4> <span>Chief Executive Officer</span> <p>Aliquam iure quaerat voluptatem praesentium possimus unde laudantium vel dolorum distinctio dire flow</p> </div> </div><!-- End Team Member --> <div class="col-lg-4 col-md-6 member" data-aos="fade-up" data-aos-delay="200"> <div class="member-img"> <img src="assets/img/team/team-2.jpg" class="img-fluid" alt=""> <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> </div> <div class="member-info text-center"> <h4>Sarah Jhonson</h4> <span>Product Manager</span> <p>Labore ipsam sit consequatur exercitationem rerum laboriosam laudantium aut quod dolores exercitationem ut</p> </div> </div><!-- End Team Member --> <div class="col-lg-4 col-md-6 member" data-aos="fade-up" data-aos-delay="300"> <div class="member-img"> <img src="assets/img/team/team-3.jpg" class="img-fluid" alt=""> <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> </div> <div class="member-info text-center"> <h4>William Anderson</h4> <span>CTO</span> <p>Illum minima ea autem doloremque ipsum quidem quas aspernatur modi ut praesentium vel tque sed facilis at qui</p> </div> </div><!-- End Team Member --> <div class="col-lg-4 col-md-6 member" data-aos="fade-up" data-aos-delay="400"> <div class="member-img"> <img src="assets/img/team/team-4.jpg" class="img-fluid" alt=""> <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> </div> <div class="member-info text-center"> <h4>Amanda Jepson</h4> <span>Accountant</span> <p>Magni voluptatem accusamus assumenda cum nisi aut qui dolorem voluptate sed et veniam quasi quam consectetur</p> </div> </div><!-- End Team Member --> <div class="col-lg-4 col-md-6 member" data-aos="fade-up" data-aos-delay="500"> <div class="member-img"> <img src="assets/img/team/team-5.jpg" class="img-fluid" alt=""> <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> </div> <div class="member-info text-center"> <h4>Brian Doe</h4> <span>Marketing</span> <p>Qui consequuntur quos accusamus magnam quo est molestiae eius laboriosam sunt doloribus quia impedit laborum velit</p> </div> </div><!-- End Team Member --> <div class="col-lg-4 col-md-6 member" data-aos="fade-up" data-aos-delay="600"> <div class="member-img"> <img src="assets/img/team/team-6.jpg" class="img-fluid" alt=""> <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> </div> <div class="member-info text-center"> <h4>Josepha Palas</h4> <span>Operation</span> <p>Sint sint eveniet explicabo amet consequatur nesciunt error enim rerum earum et omnis fugit eligendi cupiditate vel</p> </div> </div><!-- End Team Member --> </div> </div> </section><!-- /Team Section --> <!-- Clients Section --> <section id="clients" class="clients section light-background"> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row g-0 clients-wrap"> <div class="col-xl-3 col-md-4 client-logo"> <img src="assets/img/clients/client-1.png" class="img-fluid" alt=""> </div><!-- End Client Item --> <div class="col-xl-3 col-md-4 client-logo"> <img src="assets/img/clients/client-2.png" class="img-fluid" alt=""> </div><!-- End Client Item --> <div class="col-xl-3 col-md-4 client-logo"> <img src="assets/img/clients/client-3.png" class="img-fluid" alt=""> </div><!-- End Client Item --> <div class="col-xl-3 col-md-4 client-logo"> <img src="assets/img/clients/client-4.png" class="img-fluid" alt=""> </div><!-- End Client Item --> <div class="col-xl-3 col-md-4 client-logo"> <img src="assets/img/clients/client-5.png" class="img-fluid" alt=""> </div><!-- End Client Item --> <div class="col-xl-3 col-md-4 client-logo"> <img src="assets/img/clients/client-6.png" class="img-fluid" alt=""> </div><!-- End Client Item --> <div class="col-xl-3 col-md-4 client-logo"> <img src="assets/img/clients/client-7.png" class="img-fluid" alt=""> </div><!-- End Client Item --> <div class="col-xl-3 col-md-4 client-logo"> <img src="assets/img/clients/client-8.png" class="img-fluid" alt=""> </div><!-- End Client Item --> </div> </div> </section><!-- /Clients Section --> <!-- Contact Section --> <section id="contact" class="contact section"> <!-- Section Title --> <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><!-- End Section Title --> <div class="container" data-aos="fade" data-aos-delay="100"> <div class="row gy-4"> <div class="col-lg-4"> <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="200"> <i class="bi bi-geo-alt flex-shrink-0"></i> <div> <h3>Address</h3> <p>A108 Adam Street, New York, NY 535022</p> </div> </div><!-- End Info Item --> <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="300"> <i class="bi bi-telephone flex-shrink-0"></i> <div> <h3>Call Us</h3> <p>+1 5589 55488 55</p> </div> </div><!-- End Info Item --> <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="400"> <i class="bi bi-envelope flex-shrink-0"></i> <div> <h3>Email Us</h3> <p>info@example.com</p> </div> </div><!-- End Info Item --> </div> <div class="col-lg-8"> <form action="forms/contact.php" method="post" class="php-email-form" data-aos="fade-up" data-aos-delay="200"> <div class="row gy-4"> <div class="col-md-6"> <input type="text" name="name" class="form-control" placeholder="Your Name" required=""> </div> <div class="col-md-6 "> <input type="email" class="form-control" name="email" placeholder="Your Email" required=""> </div> <div class="col-md-12"> <input type="text" class="form-control" name="subject" placeholder="Subject" required=""> </div> <div class="col-md-12"> <textarea class="form-control" name="message" rows="6" placeholder="Message" required=""></textarea> </div> <div class="col-md-12 text-center"> <div class="loading">Loading</div> <div class="error-message"></div> <div class="sent-message">Your message has been sent. Thank you!</div> <button type="submit">Send Message</button> </div> </div> </form> </div><!-- End Contact Form --> </div> </div> </section><!-- /Contact Section --> </main> <footer id="footer" class="footer dark-background"> <div class="container footer-top"> <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">NewBiz</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>info@example.com</span></p> </div> <div class="social-links d-flex mt-4"> <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 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-4 col-md-12 footer-newsletter"> <h4>Our Newsletter</h4> <p>Subscribe to our newsletter and receive the latest news about our products and services!</p> <form action="forms/newsletter.php" method="post" class="php-email-form"> <div class="newsletter-form"><input type="email" name="email"><input type="submit" value="Subscribe"></div> <div class="loading">Loading</div> <div class="error-message"></div> <div class="sent-message">Your subscription request has been sent. Thank you!</div> </form> </div> </div> </div> <div class="container copyright text-center mt-4"> <p>© <span>Copyright</span> <strong class="px-1 sitename">NewBiz</strong> <span>All Rights Reserved</span></p> <div class="credits"> <!-- All the links in the footer should remain intact. --> <!-- You can delete the links only if you've purchased the pro version. --> <!-- Licensing information: https://bootstrapmade.com/license/ --> <!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] --> Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> </div> </div> </footer> <!-- Scroll Top --> <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> <!-- Preloader --> <div id="preloader"></div> <!-- Vendor JS Files --> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/php-email-form/validate.js"></script> <script src="assets/vendor/aos/aos.js"></script> <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script> <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> <!-- Main JS File --> <script src="assets/js/main.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings