ok
Direktori : /home/keydecors/public_html/ca/ |
Current File : /home/keydecors/public_html/ca/index2.html |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>FlexStart Bootstrap Template - Index</title> <meta content="" name="description"> <meta content="" name="keywords"> <!-- Favicons --> <link href="assets/img/favicon.png" rel="icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" 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/remixicon/remixicon.css" rel="stylesheet"> <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/> <!-- Template Main CSS File --> <link href="assets/css/style.css" rel="stylesheet"> <!-- ======================================================= * Template Name: FlexStart - v1.4.0 * Template URL: https://bootstrapmade.com/flexstart-bootstrap-startup-template/ * Author: BootstrapMade.com * License: https://bootstrapmade.com/license/ ======================================================== --> </head> <body> <!-- ======= Header ======= --> <header id="header" class="header fixed-top"> <div class="container-fluid container-xl 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=""> <span>Capactix</span> </a> <nav id="navbar" class="navbar"> <ul> <li class="dropdown"><a href="#hero"><span>Company</span> <i class="bi bi-chevron-down"></i></a> <ul> <li><a href="#"><i class="far fa-building "> About Us</i></a></li> <li><a href="#"><i class="fas fa-question-circle">Why cap</i></a></li> <li><a href="#"><i class="fas fa-shield-alt"></i>Security, Confidentiality<br> and Infrastructure</a></li> <li><a href="#">Deep Drop Down 4</a></li> <li><a href="#">Deep Drop Down 5</a></li> </ul> </li> <li class="dropdown"><a href="#"><span>Services</span> <i class="bi bi-chevron-down"></i></a> <ul> <li><a href="#">Drop Down 1</a></li> <li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-left"></i></a> <ul> <li class="dropdown"><a href="#">Deep Drop Down 1 <i class="bi bi-chevron-left"></i></a> <ul> <li><a href="#">Deep Drop Down 2</a></li> <li><a href="#">Deep Drop Down 3</a></li> <li><a href="#">Deep Drop Down 4</a></li> <li><a href="#">Deep Drop Down 5</a></li><i class="bi bi-chevron-left"></i> </ul> </li> <li><a href="#">Deep Drop Down 2</a></li> <li><a href="#">Deep Drop Down 3</a></li> <li><a href="#">Deep Drop Down 4</a></li> <li><a href="#">Deep Drop Down 5</a></li><i class="bi bi-chevron-left"></i> </ul> </li> <li><a href="#">Drop Down 2</a></li> <li><a href="#">Drop Down 3</a></li> <li><a href="#">Drop Down 4</a></li> </ul> </li> </li> <li class="dropdown"><a href="#hero"><span>Industries</span> <i class="bi bi-chevron-down"></i></a> <ul> <li><a href="#"><i class="far fa-building "><span>Manufacturing</span></i></a></li> <li><a href="#"><i class="fas fa-question-circle menus">Why cap</i></a></li> <li><a href="#"><i class="fas fa-shield-alt"></i>Security, Confidentiality<br> and Infrastructure</a></li> <li><a href="#">Deep Drop Down 4</a></li> <li><a href="#">Deep Drop Down 5</a></li> </ul> </li> <li><a class="nav-link scrollto" href="#team">Team</a></li> <li><a href="blog.html">Blog</a></li> <li><a class="nav-link scrollto" href="#contact">Contact</a></li> <li><a class="getstarted scrollto" href="#about">Get Started</a></li> </ul> <i class="bi bi-list mobile-nav-toggle"></i> </nav> <!-- .navbar --> </div> </header><!-- End Header --> <!-- ======= Hero Section ======= --> <section id="hero" class="hero d-flex align-items-center"> <div class="container"> <div class="row"> <div class="col-lg-6 d-flex flex-column justify-content-center"> <h1 data-aos="fade-up">Empowering your decision making with integrated accounting solution to turn vision into value</h1> <div data-aos="fade-up" data-aos-delay="600"> <div class="text-center text-lg-start"> <a href="#about" class="btn-get-started scrollto d-inline-flex align-items-center justify-content-center align-self-center"> <span>Request a free quote</span> <i class="bi bi-arrow-right"></i> </a> </div> </div> </div> <div class="col-lg-6 hero-img" data-aos="zoom-out" data-aos-delay="200"> <img src="assets/img/hero-img.png" class="img-fluid" alt=""> </div> </div> </div> </section><!-- End Hero --> <main id="main"> <!-- ======= About Section ======= --> <section id="about" class="about"> <div class="container" data-aos="fade-up"> <div class="row gx-0"> <h1 class="titles">capactix deliverable</h2> <div class="col-lg-4 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200"> <div class="content"> <h2>Technology</h2> <p> CapActix is a techno savvy company. Technological developments have changed methods for carrying out tasks within the scope of accounting activities. Through information technology, accounting scope has increased from mere recording to evaluating and interpreting, which has given rise to target-based accounting. We, at CapActix, use all sort of available technology such as accounting software, business advancements software, data analysis tools and support applications. </p> </div> </div> <div class="col-lg-4 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200"> <div class="content"> <h2>Security </h2> <p> Accurately securing your data is most critical aspect of our services. We, at CapActix, have implemented multi facet security measures to protect data from physical and cyber threats. Our physical security measures include biometric door locks, security personnel, alarm systems, video surveillance, user access passwords encryption and group policies on a network. Moreover firewall, anti-virus software, encryption for archives helps in block spam, malware, spyware, and intrusions. </p> </div> </div> <div class="col-lg-4 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200"> <div class="content"> <h2>Expertise</h2> <p> CapActix guarantees you a high-quality multifaceted approach. Our reliable and tested workflows and specialist domain knowledge combine with in-depth knowledge of your businesses provides you best client experience. We maintain accounts, review them regularly and prepare management reports in accordance with the accounting rules to avoid adjustments during audits. CapActix can guide on better insights into your business while making it compliant. </p> </div> </div> </div> </div> </section><!-- End About Section --> <!-- ======= Values Section ======= --> <section id="values" class="values"> <div class="container" data-aos="fade-up"> <header class="section-header"> <p>What We offer</p> </header> <div class="row"> <div class="col-lg-6 bg-info border border-primary"> <div class="box" data-aos="fade-up" data-aos-delay="200"> <i class="fas fa-calculator fa-2x"></i> <h3>Accounting & Bookkeeping</h3> <p>We, at CapActix, believe in leveraging the diverse range of portfolios to sharpen our niche in delivering the best of Accounting & Bookkeeping Services. You have landed on the right page of one of the leading accounting firms. Our business models & Accounting Solutions are designed in such a way that they can add an extra mile in rectifying your daily challenging efforts.</p> <p>More Services</p> <hr> <ul class="list-inline"> <a href=""><i class="fas fa-book fa-1x"></i></a> <a href=""><i class="fas fa-money-bill"></i></a> <li class="list-inline-item">Nulla volutpat</li> </ul> </div> </div> <div class="col-lg-6 bg-warning bg-gradient border border-success"> <div class="box" data-aos="fade-up" data-aos-delay="400"> <i class="fas fa-chart-pie fa-2x"></i> <h3>CFO Services</h3> <p>As an entrepreneur of a growing business, you need a professional consultant to analyze your financial plan. Our CFO services help you to get the best of what you expect from a CFO We offer a customized engagement model which enables you to select from our portfolio of CFO services and everything will depend on the size and the growth stage of your business.</p> <p>More Services</p> <hr> <ul class="list-inline"> <a href=""><i class="fas fa-book fa-1x"></i></a> <a href=""><i class="fas fa-money-bill"></i></a> <li class="list-inline-item">Nulla volutpat</li> </ul> </div> </div> <div class="col-lg-6 bg-success bg-gradient border border-success"> <div class="box" data-aos="fade-up" data-aos-delay="400"> <i class="fas fa-chart-pie fa-2x"></i> <h3>CFO Services</h3> <p>As an entrepreneur of a growing business, you need a professional consultant to analyze your financial plan. Our CFO services help you to get the best of what you expect from a CFO We offer a customized engagement model which enables you to select from our portfolio of CFO services and everything will depend on the size and the growth stage of your business.</p> <p>More Services</p> <hr> <ul class="list-inline"> <a href=""><i class="fas fa-book fa-1x"></i></a> <a href=""><i class="fas fa-money-bill"></i></a> <li class="list-inline-item">Nulla volutpat</li> </ul> </div> </div> <div class="col-lg-6 bg-secondary bg-gradient border border-success"> <div class="box" data-aos="fade-up" data-aos-delay="400"> <i class="fas fa-chart-pie fa-2x"></i> <h3>CFO Services</h3> <p>As an entrepreneur of a growing business, you need a professional consultant to analyze your financial plan. Our CFO services help you to get the best of what you expect from a CFO We offer a customized engagement model which enables you to select from our portfolio of CFO services and everything will depend on the size and the growth stage of your business.</p> <p>More Services</p> <hr> <ul class="list-inline"> <a href=""><i class="fas fa-book fa-1x"></i></a> <a href=""><i class="fas fa-money-bill"></i></a> <li class="list-inline-item">Nulla volutpat</li> </ul> </div> </div> </div> </div> </section> <section id="values" class="values"> <div class="container" data-aos="fade-up"> <header class="section-header"> <p class="uder">Why Choose CapActix</p> <h3>CAPITAL ACCOUNTING EXPERT = CapActix</h3> </header> <div class="row"> <div class="col-lg-6 col-md-6> <div class="box" data-aos="fade-up" data-aos-delay="200"> <h5>CapActix stands for exceptional deliverables, astounding outcomes, and result-oriented programs!</h5> <p>We, at CapActix, believe in leveraging the diverse range of portfolios to sharpen our niche in delivering the best of Accounting & Bookkeeping Services. You have landed on the right page of one of the leading accounting firms. Our business models & Accounting Solutions are designed in such a way that they can add an extra mile in rectifying your daily challenging efforts.</p> <p>More Services</p> <hr> <ul class="list-inline"> </ul> </div> <div class="col-lg-6 col-md-6"> <div class="box" data-aos="fade-up" data-aos-delay="400"> <div class="accordion accordion-flush" id="accordionFlushExample"> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingOne"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne"> <i class="fas fa-user-circle"></i> CLIENT FOCUS </button> </h2> <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> We focus on understanding client’s business to improve client experience by providing value added services. Our projects begins with stated and client agreed objectives and end only when those objectives have been achieved with best resu </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingOne"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne"> <i class="fas fa-laptop"></i> TECHNO SAVVY </button> </h2> <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> We treat strategies, technologies, and methodologies as our tools in a Tool chest. We use all of these tools to provide high quality services to our clients on timely basis. Use of best technology in Data warehousing, data mining, and data analysis and data security is must for us </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingTwo"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo"> <i class="fas fa-tachometer-alt"></i> SPEED WITH QUALITY </button> </h2> <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> We treat strategies, technologies, and methodologies as tools in a Tool chest, and use them when they offer practical solutions and achievable results. Use of best technology in Data warehousing, data mining, and data analysis and data security is must for us </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingThree"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree"> <i class="fas fa-users"></i> EXPERIENCED & SATISFIED PEOPLE </button> </h2> <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> We react quickly to our clients’ needs and issues without compromising on quality and with less turnaround time. This is achieved through simplified the process of decision making and improving controls mechanism </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingThree"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree"> <i class="fas fa-puzzle-piece"></i> CUSTOMIZED SOLUTIONS </button> </h2> <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> We understand that each client is different in need and expectation so we provide tailored and pragmatic advice regardless of the size of the client. Our Client Centric Model (CCM) helps us in targeting critical drivers of growth for any business. We can combine an array of services, applications and tools to fit the specific needs of your business to help increase your productivity and profitability. </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingThree"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree"> <i class="fas fa-landmark"></i> AFFORDABILITY </button> </h2> <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"> We work based on cost effective delivery model that enable you to enjoy bookkeeper to CFO services from our team of trained professionals including CPA, ACCA, CFA, CMA and MBA. This Model also renders you with satisfaction of having attained an economical solutions rather than an expensive quick fix. </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- End Values Section --> <!-- ======= Counts Section ======= --> <section id="counts" class="counts"> <div class="container" data-aos="fade-up"> <div class="row gy-4"> <div class="col-lg-3 col-md-6"> <div class="count-box"> <i class="bi bi-emoji-smile"></i> <div> <span data-purecounter-start="0" data-purecounter-end="150" data-purecounter-duration="1" class="purecounter"></span> <p> + Clients</p> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="count-box"> <i class="bi bi-journal-richtext" style="color: #ee6c20;"></i> <div> <span data-purecounter-start="0" data-purecounter-end="20" data-purecounter-duration="1" class="purecounter"></span> <p>System Implementation</p> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="count-box"> <i class="bi bi-headset" style="color: #15be56;"></i> <div> <span data-purecounter-start="0" data-purecounter-end="95" data-purecounter-duration="1" class="purecounter"></span> <p> % Clients Retention</p> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="count-box"> <i class="bi bi-people" style="color: #bb0852;"></i> <div> <span data-purecounter-start="0" data-purecounter-end="40" data-purecounter-duration="1" class="purecounter"></span> <p>Qualified Accountants</p> </div> </div> </div> </div> </div> </section><!-- End Counts Section --> <section id="clients" class="clients"> <div class="container" data-aos="fade-up"> <header class="section-header"> <p>Applications we use</p> </header> <div class="clients-slider swiper-container"> <div class="swiper-wrapper align-items-center"> <div class="swiper-slide"><img src="assets/img/clients/client-1.png" class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="assets/img/clients/client-2.png" class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="assets/img/clients/client-3.png" class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="assets/img/clients/client-4.png" class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="assets/img/clients/client-5.png" class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="assets/img/clients/client-6.png" class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="assets/img/clients/client-7.png" class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="assets/img/clients/client-8.png" class="img-fluid" alt=""></div> </div> <div class="swiper-pagination"></div> </div> </div> </section><!-- End Clients Section --> <!-- ======= Testimonials Section ======= --> <section id="testimonials" class="testimonials"> <div class="container" data-aos="fade-up"> <header class="section-header"> <p>Testimonial</p> </header> <div class="testimonials-slider swiper-container" data-aos="fade-up" data-aos-delay="200"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="testimonial-item"> <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> 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. </p> <div class="profile mt-auto"> <img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt=""> <h3>Saul Goodman</h3> <h4>Ceo & Founder</h4> </div> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <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> 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. </p> <div class="profile mt-auto"> <img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt=""> <h3>Sara Wilsson</h3> <h4>Designer</h4> </div> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <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> 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. </p> <div class="profile mt-auto"> <img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt=""> <h3>Jena Karlis</h3> <h4>Store Owner</h4> </div> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <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> 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. </p> <div class="profile mt-auto"> <img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt=""> <h3>Matt Brandon</h3> <h4>Freelancer</h4> </div> </div> </div><!-- End testimonial item --> <div class="swiper-slide"> <div class="testimonial-item"> <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> 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. </p> <div class="profile mt-auto"> <img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt=""> <h3>John Larson</h3> <h4>Entrepreneur</h4> </div> </div> </div><!-- End testimonial item --> </div> <div class="swiper-pagination"></div> </div> </div> </section><!-- End Testimonials Section --> <!-- ======= Services Section ======= --> <section id="services" class="services"> <div class="container" data-aos="fade-up"> <header class="section-header"> <p>Blog</p> </header> <div class="row gy-4"> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200"> <div class="service-box blue"> <i class="ri-discuss-line icon"></i> <h3>Nesciunt Mete</h3> <p>Provident nihil minus qui consequatur non omnis maiores. Eos accusantium minus dolores iure perferendis tempore et consequatur.</p> <a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a> </div> </div> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300"> <div class="service-box orange"> <i class="ri-discuss-line icon"></i> <h3>Eosle Commodi</h3> <p>Ut autem aut autem non a. Sint sint sit facilis nam iusto sint. Libero corrupti neque eum hic non ut nesciunt dolorem.</p> <a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a> </div> </div> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400"> <div class="service-box green"> <i class="ri-discuss-line icon"></i> <h3>Ledo Markt</h3> <p>Ut excepturi voluptatem nisi sed. Quidem fuga consequatur. Minus ea aut. Vel qui id voluptas adipisci eos earum corrupti.</p> <a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a> </div> </div> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500"> <div class="service-box red"> <i class="ri-discuss-line icon"></i> <h3>Asperiores Commodi</h3> <p>Non et temporibus minus omnis sed dolor esse consequatur. Cupiditate sed error ea fuga sit provident adipisci neque.</p> <a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a> </div> </div> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600"> <div class="service-box purple"> <i class="ri-discuss-line icon"></i> <h3>Velit Doloremque.</h3> <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="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a> </div> </div> <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="700"> <div class="service-box pink"> <i class="ri-discuss-line icon"></i> <h3>Dolori Architecto</h3> <p>Hic molestias ea quibusdam eos. Fugiat enim doloremque aut neque non et debitis iure. Corrupti recusandae ducimus enim.</p> <a href="#" class="read-more"><span>Read More</span> <i class="bi bi-arrow-right"></i></a> </div> </div> </div> </div> </section><!-- End Services Section --> <!-- ======= Features Section ======= --> <section id="features" class="features"> <div class="container" data-aos="fade-up"> <header class="section-header"> <h2>Features</h2> <p>Laboriosam et omnis fuga quis dolor direda fara</p> </header> <div class="row"> <div class="col-lg-6"> <img src="assets/img/features.png" class="img-fluid" alt=""> </div> <div class="col-lg-6 mt-5 mt-lg-0 d-flex"> <div class="row align-self-center gy-4"> <div class="col-md-6" data-aos="zoom-out" data-aos-delay="200"> <div class="feature-box d-flex align-items-center"> <i class="bi bi-check"></i> <h3>Eos aspernatur rem</h3> </div> </div> <div class="col-md-6" data-aos="zoom-out" data-aos-delay="300"> <div class="feature-box d-flex align-items-center"> <i class="bi bi-check"></i> <h3>Facilis neque ipsa</h3> </div> </div> <div class="col-md-6" data-aos="zoom-out" data-aos-delay="400"> <div class="feature-box d-flex align-items-center"> <i class="bi bi-check"></i> <h3>Volup amet voluptas</h3> </div> </div> <div class="col-md-6" data-aos="zoom-out" data-aos-delay="500"> <div class="feature-box d-flex align-items-center"> <i class="bi bi-check"></i> <h3>Rerum omnis sint</h3> </div> </div> <div class="col-md-6" data-aos="zoom-out" data-aos-delay="600"> <div class="feature-box d-flex align-items-center"> <i class="bi bi-check"></i> <h3>Alias possimus</h3> </div> </div> <div class="col-md-6" data-aos="zoom-out" data-aos-delay="700"> <div class="feature-box d-flex align-items-center"> <i class="bi bi-check"></i> <h3>Repellendus mollitia</h3> </div> </div> </div> </div> </div> <!-- / row --> <!-- Feature Tabs --> <div class="row feture-tabs" data-aos="fade-up"> <div class="col-lg-6"> <h3>Neque officiis dolore maiores et exercitationem quae est seda lidera pat claero</h3> <!-- Tabs --> <ul class="nav nav-pills mb-3"> <li> <a class="nav-link active" data-bs-toggle="pill" href="#tab1">Saepe fuga</a> </li> <li> <a class="nav-link" data-bs-toggle="pill" href="#tab2">Voluptates</a> </li> <li> <a class="nav-link" data-bs-toggle="pill" href="#tab3">Corrupti</a> </li> </ul><!-- End Tabs --> <!-- Tab Content --> <div class="tab-content"> <div class="tab-pane fade show active" id="tab1"> <p>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 mb-2"> <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 mb-2"> <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><!-- End Tab 1 Content --> <div class="tab-pane fade show" id="tab2"> <p>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 mb-2"> <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 mb-2"> <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><!-- End Tab 2 Content --> <div class="tab-pane fade show" id="tab3"> <p>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 mb-2"> <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 mb-2"> <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><!-- End Tab 3 Content --> </div> </div> <div class="col-lg-6"> <img src="assets/img/features-2.png" class="img-fluid" alt=""> </div> </div><!-- End Feature Tabs --> <!-- Feature Icons --> <div class="row feature-icons" data-aos="fade-up"> <h3>Ratione mollitia eos ab laudantium rerum beatae quo</h3> <div class="row"> <div class="col-xl-4 text-center" data-aos="fade-right" data-aos-delay="100"> <img src="assets/img/features-3.png" class="img-fluid p-4" alt=""> </div> <div class="col-xl-8 d-flex content"> <div class="row align-self-center gy-4"> <div class="col-md-6 icon-box" data-aos="fade-up"> <i class="ri-line-chart-line"></i> <div> <h4>Corporis voluptates sit</h4> <p>Consequuntur sunt aut quasi enim aliquam quae harum pariatur laboris nisi ut aliquip</p> </div> </div> <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100"> <i class="ri-stack-line"></i> <div> <h4>Ullamco laboris nisi</h4> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p> </div> </div> <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="200"> <i class="ri-brush-4-line"></i> <div> <h4>Labore consequatur</h4> <p>Aut suscipit aut cum nemo deleniti aut omnis. Doloribus ut maiores omnis facere</p> </div> </div> <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="300"> <i class="ri-magic-line"></i> <div> <h4>Beatae veritatis</h4> <p>Expedita veritatis consequuntur nihil tempore laudantium vitae denat pacta</p> </div> </div> <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="400"> <i class="ri-command-line"></i> <div> <h4>Molestiae dolor</h4> <p>Et fuga et deserunt et enim. Dolorem architecto ratione tensa raptor marte</p> </div> </div> <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="500"> <i class="ri-radar-line"></i> <div> <h4>Explicabo consectetur</h4> <p>Est autem dicta beatae suscipit. Sint veritatis et sit quasi ab aut inventore</p> </div> </div> </div> </div> </div> </div><!-- End Feature Icons --> </div> </section><!-- End Features Section --> <!-- ======= Pricing Section ======= --> <section id="pricing" class="pricing"> <div class="container" data-aos="fade-up"> <header class="section-header"> <h2>Pricing</h2> <p>Check our Pricing</p> </header> <div class="row gy-4" data-aos="fade-left"> <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="100"> <div class="box"> <h3 style="color: #07d5c0;">Free Plan</h3> <div class="price"><sup>$</sup>0<span> / mo</span></div> <img src="assets/img/pricing-free.png" class="img-fluid" alt=""> <ul> <li>Aida dere</li> <li>Nec feugiat nisl</li> <li>Nulla at volutpat dola</li> <li class="na">Pharetra massa</li> <li class="na">Massa ultricies mi</li> </ul> <a href="#" class="btn-buy">Buy Now</a> </div> </div> <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="200"> <div class="box"> <span class="featured">Featured</span> <h3 style="color: #65c600;">Starter Plan</h3> <div class="price"><sup>$</sup>19<span> / mo</span></div> <img src="assets/img/pricing-starter.png" class="img-fluid" alt=""> <ul> <li>Aida dere</li> <li>Nec feugiat nisl</li> <li>Nulla at volutpat dola</li> <li>Pharetra massa</li> <li class="na">Massa ultricies mi</li> </ul> <a href="#" class="btn-buy">Buy Now</a> </div> </div> <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="300"> <div class="box"> <h3 style="color: #ff901c;">Business Plan</h3> <div class="price"><sup>$</sup>29<span> / mo</span></div> <img src="assets/img/pricing-business.png" class="img-fluid" alt=""> <ul> <li>Aida dere</li> <li>Nec feugiat nisl</li> <li>Nulla at volutpat dola</li> <li>Pharetra massa</li> <li>Massa ultricies mi</li> </ul> <a href="#" class="btn-buy">Buy Now</a> </div> </div> <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="400"> <div class="box"> <h3 style="color: #ff0071;">Ultimate Plan</h3> <div class="price"><sup>$</sup>49<span> / mo</span></div> <img src="assets/img/pricing-ultimate.png" class="img-fluid" alt=""> <ul> <li>Aida dere</li> <li>Nec feugiat nisl</li> <li>Nulla at volutpat dola</li> <li>Pharetra massa</li> <li>Massa ultricies mi</li> </ul> <a href="#" class="btn-buy">Buy Now</a> </div> </div> </div> </div> </section><!-- End Pricing Section --> <!-- ======= F.A.Q Section ======= --> <section id="faq" class="faq"> <div class="container" data-aos="fade-up"> <header class="section-header"> <h2>F.A.Q</h2> <p>Frequently Asked Questions</p> </header> <div class="row"> <div class="col-lg-6"> <!-- F.A.Q List 1--> <div class="accordion accordion-flush" id="faqlist1"> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-1"> Non consectetur a erat nam at lectus urna duis? </button> </h2> <div id="faq-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist1"> <div class="accordion-body"> 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. </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-2"> Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque? </button> </h2> <div id="faq-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist1"> <div class="accordion-body"> 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. </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-3"> Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi? </button> </h2> <div id="faq-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist1"> <div class="accordion-body"> 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 </div> </div> </div> </div> </div> <div class="col-lg-6"> <!-- F.A.Q List 2--> <div class="accordion accordion-flush" id="faqlist2"> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2-content-1"> Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla? </button> </h2> <div id="faq2-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist2"> <div class="accordion-body"> 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. </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2-content-2"> Tempus quam pellentesque nec nam aliquam sem et tortor consequat? </button> </h2> <div id="faq2-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist2"> <div class="accordion-body"> Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2-content-3"> Varius vel pharetra vel turpis nunc eget lorem dolor? </button> </h2> <div id="faq2-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist2"> <div class="accordion-body"> Laoreet sit amet cursus sit amet dictum sit amet justo. Mauris vitae ultricies leo integer malesuada nunc vel. Tincidunt eget nullam non nisi est sit amet. Turpis nunc eget lorem dolor sed. Ut venenatis tellus in metus vulputate eu scelerisque. Pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibus. Nibh tellus molestie nunc non blandit massa enim nec. </div> </div> </div> </div> </div> </div> </div> </section><!-- End F.A.Q Section --> <!-- ======= Portfolio Section ======= --> <section id="portfolio" class="portfolio"> <div class="container" data-aos="fade-up"> <header class="section-header"> <h2>Portfolio</h2> <p>Check our latest work</p> </header> <div class="row" data-aos="fade-up" data-aos-delay="100"> <div class="col-lg-12 d-flex justify-content-center"> <ul id="portfolio-flters"> <li data-filter="*" class="filter-active">All</li> <li data-filter=".filter-app">App</li> <li data-filter=".filter-card">Card</li> <li data-filter=".filter-web">Web</li> </ul> </div> </div> <div class="row gy-4 portfolio-container" data-aos="fade-up" data-aos-delay="200"> <div class="col-lg-4 col-md-6 portfolio-item filter-app"> <div class="portfolio-wrap"> <img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <h4>App 1</h4> <p>App</p> <div class="portfolio-links"> <a href="assets/img/portfolio/portfolio-1.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="App 1"><i class="bi bi-plus"></i></a> <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 portfolio-item filter-web"> <div class="portfolio-wrap"> <img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Web 3</h4> <p>Web</p> <div class="portfolio-links"> <a href="assets/img/portfolio/portfolio-2.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Web 3"><i class="bi bi-plus"></i></a> <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 portfolio-item filter-app"> <div class="portfolio-wrap"> <img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <h4>App 2</h4> <p>App</p> <div class="portfolio-links"> <a href="assets/img/portfolio/portfolio-3.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="App 2"><i class="bi bi-plus"></i></a> <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 portfolio-item filter-card"> <div class="portfolio-wrap"> <img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Card 2</h4> <p>Card</p> <div class="portfolio-links"> <a href="assets/img/portfolio/portfolio-4.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Card 2"><i class="bi bi-plus"></i></a> <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 portfolio-item filter-web"> <div class="portfolio-wrap"> <img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Web 2</h4> <p>Web</p> <div class="portfolio-links"> <a href="assets/img/portfolio/portfolio-5.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Web 2"><i class="bi bi-plus"></i></a> <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 portfolio-item filter-app"> <div class="portfolio-wrap"> <img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <h4>App 3</h4> <p>App</p> <div class="portfolio-links"> <a href="assets/img/portfolio/portfolio-6.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="App 3"><i class="bi bi-plus"></i></a> <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 portfolio-item filter-card"> <div class="portfolio-wrap"> <img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Card 1</h4> <p>Card</p> <div class="portfolio-links"> <a href="assets/img/portfolio/portfolio-7.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Card 1"><i class="bi bi-plus"></i></a> <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 portfolio-item filter-card"> <div class="portfolio-wrap"> <img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Card 3</h4> <p>Card</p> <div class="portfolio-links"> <a href="assets/img/portfolio/portfolio-8.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Card 3"><i class="bi bi-plus"></i></a> <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 portfolio-item filter-web"> <div class="portfolio-wrap"> <img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid" alt=""> <div class="portfolio-info"> <h4>Web 3</h4> <p>Web</p> <div class="portfolio-links"> <a href="assets/img/portfolio/portfolio-9.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Web 3"><i class="bi bi-plus"></i></a> <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a> </div> </div> </div> </div> </div> </div> </section><!-- End Portfolio Section --> <!-- ======= Team Section ======= --> <section id="team" class="team"> <div class="container" data-aos="fade-up"> <header class="section-header"> <h2>Team</h2> <p>Our hard working team</p> </header> <div class="row gy-4"> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100"> <div class="member"> <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"></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"> <h4>Walter White</h4> <span>Chief Executive Officer</span> <p>Velit aut quia fugit et et. Dolorum ea voluptate vel tempore tenetur ipsa quae aut. Ipsum exercitationem iure minima enim corporis et voluptate.</p> </div> </div> </div> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200"> <div class="member"> <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"></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"> <h4>Sarah Jhonson</h4> <span>Product Manager</span> <p>Quo esse repellendus quia id. Est eum et accusantium pariatur fugit nihil minima suscipit corporis. Voluptate sed quas reiciendis animi neque sapiente.</p> </div> </div> </div> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300"> <div class="member"> <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"></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"> <h4>William Anderson</h4> <span>CTO</span> <p>Vero omnis enim consequatur. Voluptas consectetur unde qui molestiae deserunt. Voluptates enim aut architecto porro aspernatur molestiae modi.</p> </div> </div> </div> <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400"> <div class="member"> <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"></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"> <h4>Amanda Jepson</h4> <span>Accountant</span> <p>Rerum voluptate non adipisci animi distinctio et deserunt amet voluptas. Quia aut aliquid doloremque ut possimus ipsum officia.</p> </div> </div> </div> </div> </div> </section><!-- End Team Section --> <!-- ======= Clients Section ======= --> <section id="clients" class="clients"> <div class="container" data-aos="fade-up"> <header class="section-header"> <h2>Our Clients</h2> <p>Temporibus omnis officia</p> </header> <div class="clients-slider swiper-container"> <div class="swiper-wrapper align-items-center"> <div class="swiper-slide"><img src="assets/img/clients/client-1.png" class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="assets/img/clients/client-2.png" class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="assets/img/clients/client-3.png" class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="assets/img/clients/client-4.png" class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="assets/img/clients/client-5.png" class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="assets/img/clients/client-6.png" class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="assets/img/clients/client-7.png" class="img-fluid" alt=""></div> <div class="swiper-slide"><img src="assets/img/clients/client-8.png" class="img-fluid" alt=""></div> </div> <div class="swiper-pagination"></div> </div> </div> </section><!-- End Clients Section --> <!-- ======= Recent Blog Posts Section ======= --> <section id="recent-blog-posts" class="recent-blog-posts"> <div class="container" data-aos="fade-up"> <header class="section-header"> <h2>Blog</h2> <p>Recent posts form our Blog</p> </header> <div class="row"> <div class="col-lg-4"> <div class="post-box"> <div class="post-img"><img src="assets/img/blog/blog-1.jpg" class="img-fluid" alt=""></div> <span class="post-date">Tue, September 15</span> <h3 class="post-title">Eum ad dolor et. Autem aut fugiat debitis voluptatem consequuntur sit</h3> <a href="blog-singe.html" class="readmore stretched-link mt-auto"><span>Read More</span><i class="bi bi-arrow-right"></i></a> </div> </div> <div class="col-lg-4"> <div class="post-box"> <div class="post-img"><img src="assets/img/blog/blog-2.jpg" class="img-fluid" alt=""></div> <span class="post-date">Fri, August 28</span> <h3 class="post-title">Et repellendus molestiae qui est sed omnis voluptates magnam</h3> <a href="blog-singe.html" class="readmore stretched-link mt-auto"><span>Read More</span><i class="bi bi-arrow-right"></i></a> </div> </div> <div class="col-lg-4"> <div class="post-box"> <div class="post-img"><img src="assets/img/blog/blog-3.jpg" class="img-fluid" alt=""></div> <span class="post-date">Mon, July 11</span> <h3 class="post-title">Quia assumenda est et veritatis aut quae</h3> <a href="blog-singe.html" class="readmore stretched-link mt-auto"><span>Read More</span><i class="bi bi-arrow-right"></i></a> </div> </div> </div> </div> </section><!-- End Recent Blog Posts Section --> <!-- ======= Contact Section ======= --> <section id="contact" class="contact"> <div class="container" data-aos="fade-up"> <header class="section-header"> <h2>Contact</h2> <p>Contact Us</p> </header> <div class="row gy-4"> <div class="col-lg-6"> <div class="row gy-4"> <div class="col-md-6"> <div class="info-box"> <i class="bi bi-geo-alt"></i> <h3>Address</h3> <p>A108 Adam Street,<br>New York, NY 535022</p> </div> </div> <div class="col-md-6"> <div class="info-box"> <i class="bi bi-telephone"></i> <h3>Call Us</h3> <p>+1 5589 55488 55<br>+1 6678 254445 41</p> </div> </div> <div class="col-md-6"> <div class="info-box"> <i class="bi bi-envelope"></i> <h3>Email Us</h3> <p>info@example.com<br>contact@example.com</p> </div> </div> <div class="col-md-6"> <div class="info-box"> <i class="bi bi-clock"></i> <h3>Open Hours</h3> <p>Monday - Friday<br>9:00AM - 05:00PM</p> </div> </div> </div> </div> <div class="col-lg-6"> <form action="forms/contact.php" method="post" class="php-email-form"> <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> </div> </div> </section><!-- End Contact Section --> </main><!-- End #main --> <!-- ======= Footer ======= --> <footer id="footer" class="footer"> <div class="footer-newsletter"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-12 text-center"> <h4>Our Newsletter</h4> <p>Tamen quem nulla quae legam multos aute sint culpa legam noster magna</p> </div> <div class="col-lg-6"> <form action="" method="post"> <input type="email" name="email"><input type="submit" value="Subscribe"> </form> </div> </div> </div> </div> <div class="footer-top"> <div class="container"> <div class="row gy-4"> <div class="col-lg-5 col-md-12 footer-info"> <a href="index.html" class="logo d-flex align-items-center"> <img src="assets/img/logo.png" alt=""> <span>FlexStart</span> </a> <p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p> <div class="social-links mt-3"> <a href="#" class="twitter"><i class="bi bi-twitter"></i></a> <a href="#" class="facebook"><i class="bi bi-facebook"></i></a> <a href="#" class="instagram"><i class="bi bi-instagram bx bxl-instagram"></i></a> <a href="#" class="linkedin"><i class="bi bi-linkedin bx bxl-linkedin"></i></a> </div> </div> <div class="col-lg-2 col-6 footer-links"> <h4>Useful Links</h4> <ul> <li><i class="bi bi-chevron-right"></i> <a href="#">Home</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">About us</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Services</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Terms of service</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Privacy policy</a></li> </ul> </div> <div class="col-lg-2 col-6 footer-links"> <h4>Our Services</h4> <ul> <li><i class="bi bi-chevron-right"></i> <a href="#">Web Design</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Web Development</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Product Management</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Marketing</a></li> <li><i class="bi bi-chevron-right"></i> <a href="#">Graphic Design</a></li> </ul> </div> <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start"> <h4>Contact Us</h4> <p> A108 Adam Street <br> New York, NY 535022<br> United States <br><br> <strong>Phone:</strong> +1 5589 55488 55<br> <strong>Email:</strong> info@example.com<br> </p> </div> </div> </div> </div> <div class="container"> <div class="copyright"> © Copyright <strong><span>FlexStart</span></strong>. All Rights Reserved </div> <div class="credits"> <!-- All the links in the footer should remain intact. --> <!-- You can delete the links only if you purchased the pro version. --> <!-- Licensing information: https://bootstrapmade.com/license/ --> <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/flexstart-bootstrap-startup-template/ --> Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> </div> </div> </footer><!-- End Footer --> <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> <!-- Vendor JS Files --> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.js"></script> <script src="assets/vendor/aos/aos.js"></script> <script src="assets/vendor/php-email-form/validate.js"></script> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> <script src="assets/vendor/purecounter/purecounter.js"></script> <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> <!-- Template Main JS File --> <script src="assets/js/main.js"></script> </body> </html>