File: /var/www/html/tmpr/../tmpr/..//tmpr/../tmpr/../tmpr/../brandKit/index.php
<?php include "includes/head-links.php"; ?>
<body class="index-page" data-bs-spy="scroll" data-bs-target="#navmenu">
<!-- ======= Header ======= -->
<?php
include "includes/navbar.php";
?>
<!-- ======= Header ENDS HERE ======= -->
<main id="main">
<!-- Hero Section - Home Page -->
<section id="hero" class="hero d-flex align-items-center">
<img src="assets/img/marketplace-hero.jpg" alt="" data-aos="fade-in">
<div class="container">
<div class="row">
<div class="col-lg-6 d-flex flex-column justify-content-center">
<h1 class="fw-bold">Craft your Perfect Logo</h1>
<h2 data-aos="fade-up" data-aos-delay="400">Where your brand story begins .Start Designing Now
</h2>
<div data-aos="fade-up" data-aos-delay="600">
<form action="#" class="sign-up-form d-flex">
<input type="text" class="form-control" placeholder="Enter Your Business Name">
<input type="submit" class="btn btn-primary" value="Create a Logo">
</form>
</div>
</div>
<div class="col-lg-6" data-aos="zoom-out" data-aos-delay="200">
</div>
</div>
</div>
</section><!-- End Hero Section -->
<!-- LOGIN Modal START HERE-->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog"
aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
</div>
</div>
</div>
<!-- LOGIN Modal ENDS HERE-->
<?php
// Design Carousel Section - Home Page
include "includes/carousel.php";
// Design Carousel Section ends here - Home Page
?>
<!-- Features Section - Home Page -->
<section id="features" class="features">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Generate logo designs</h2>
<p>Customize your design in our powerful, yet intuitive online editor</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-4 align-items-center features-item">
<div class="col-lg-5 order-2 order-lg-1" data-aos="fade-up" data-aos-delay="200">
<h3>Corporis temporibus maiores provident</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.
</p>
<a href="#" class="btn btn-get-started">Create Logo</a>
</div>
<div class="col-lg-7 order-1 order-lg-2 d-flex align-items-center" data-aos="zoom-out"
data-aos-delay="100">
<div class="image-stack">
<img src="assets/img/work.avif" alt="" class="stack-back">
<!-- <img src="assets/img/work.avif" alt="" class="stack-back"> -->
</div>
</div>
</div><!-- Features Item -->
</div>
</section><!-- End Features Section -->
<!-- ======= Recent Blog Posts Section ======= -->
<section id="recent-blog-posts" class="recent-blog-posts">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
<div class="post-box">
<div class="post-img"><img src="assets/img/blog/blog-1.jpg" class="img-fluid" alt=""></div>
<h2 class="post-title">Business Template</h2>
<p>Illum voluptas ab enim placeat. Adipisci enim velit nulla. Vel omnis laudantium.
Asperiores eum ipsa est officiis. Modi cupiditate exercitationem qui magni est...</p>
<a href="social-media.html" class="readmore stretched-link"></a>
</div>
</div>
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="400">
<div class="post-box">
<div class="post-img"><img src="assets/img/blog/blog-2.jpg" class="img-fluid" alt=""></div>
<h2 class="post-title">Social Media Template</h2>
<p>Voluptatem nesciunt omnis libero autem tempora enim ut ipsam id. Odit quia ab eum
assumenda. Quisquam omnis aliquid necessitatibus tempora consectetur doloribus...</p>
<a href="social-media.html" class="readmore stretched-link"></a>
</div>
</div>
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="600">
<div class="post-box">
<div class="post-img"><img src="assets/img/blog/blog-3.jpg" class="img-fluid" alt=""></div>
<h2 class="post-title">Unique Template</h2>
<p>Quia nam eaque omnis explicabo similique eum quaerat similique laboriosam. Quis omnis
repellat sed quae consectetur magnam veritatis dicta nihil...</p>
<a href="social-media.html" class="readmore stretched-link"></a>
</div>
</div>
</div>
</div>
</section>
<!-- End Recent Blog Posts Section -->
<?php
// Customers Section - Home Page
include "includes/clients.php";
// Customers Section ends - Home Page
?>
<!-- Features Section - Home Page -->
<section id="features" class="features">
<div class="container">
<div class="row gy-4 align-items-center features-item">
<div class="col-lg-5 order-2 order-lg-1" data-aos="fade-up" data-aos-delay="200">
<h3>Corporis temporibus maiores provident</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.
</p>
<a href="#" class="btn btn-get-started">Create Logo</a>
</div>
<div class="col-lg-7 order-1 order-lg-2 d-flex align-items-center" data-aos="zoom-out"
data-aos-delay="100">
<div class="image-stack">
<img src="assets/img/features-light-1.jpg" alt="" class="stack-front">
<img src="assets/img/features-light-2.jpg" alt="" class="stack-back">
</div>
</div>
</div><!-- Features Item -->
<div class="row gy-4 align-items-stretch justify-content-between features-item ">
<div class="col-lg-6 d-flex align-items-center features-img-bg" data-aos="zoom-out">
<img src="assets/img/features-light-1.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-5 d-flex justify-content-center flex-column" data-aos="fade-up">
<h3>Sunt consequatur ad ut est nulla</h3>
<p>Cupiditate placeat cupiditate placeat est ipsam culpa. Delectus quia minima quod. Sunt saepe
odit aut quia voluptatem hic voluptas dolor doloremque.</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>Facilis ut et voluptatem aperiam. Autem soluta ad
fugiat</span>.</li>
</ul>
<a href="#" class="btn btn-get-started align-self-start">Create Business Card</a>
</div>
</div><!-- Features Item -->
<div class="row gy-4 align-items-center features-item">
<div class="col-lg-5 order-2 order-lg-1" data-aos="fade-up" data-aos-delay="200">
<h3>Corporis temporibus maiores provident</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.
</p>
<a href="#" class="btn btn-get-started">Get Started</a>
</div>
<div class="col-lg-7 order-1 order-lg-2 d-flex align-items-center" data-aos="zoom-out"
data-aos-delay="100">
<div class="image-stack">
<img src="assets/img/features-light-1.jpg" alt="" class="stack-front">
<img src="assets/img/features-light-2.jpg" alt="" class="stack-back">
</div>
</div>
</div><!-- Features Item -->
<div class="row gy-4 align-items-stretch justify-content-between features-item ">
<div class="col-lg-6 d-flex align-items-center features-img-bg" data-aos="zoom-out">
<img src="assets/img/features-light-1.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-5 d-flex justify-content-center flex-column" data-aos="fade-up">
<h3>Sunt consequatur ad ut est nulla</h3>
<p>Cupiditate placeat cupiditate placeat est ipsam culpa. Delectus quia minima quod. Sunt saepe
odit aut quia voluptatem hic voluptas dolor doloremque.</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>Facilis ut et voluptatem aperiam. Autem soluta ad
fugiat</span>.</li>
</ul>
<a href="#" class="btn btn-get-started align-self-start">Create Poster</a>
</div>
</div><!-- Features Item -->
</div>
</section><!-- End Features Section -->
<!-- Start brand made with brand.ai - Home Page -->
<section id="about" class="about">
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row align-items-xl-center gy-5">
<div class="col-xl-5 content">
<h3>About Us</h3>
<h2>brands designed with Love from THE BRAND.AI</h2>
<p>Ipsa sint sit. Quis ducimus tempore dolores impedit et dolor cumque alias maxime. Enim
reiciendis minus et rerum hic non. Dicta quas cum quia maiores iure. Quidem nulla qui
assumenda incidunt voluptatem tempora deleniti soluta.</p>
<a href="#" class="read-more"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
</div>
<div class="col-xl-7">
<div class="row gy-4 icon-boxes">
<div class="col-md-6" data-aos="fade-up" data-aos-delay="200">
<div class="icon-box">
<img src="assets/img/portfolio/app-1.jpg" alt="Image 1" class="img-fluid">
<!-- Remove the h3 and p elements -->
</div>
</div> <!-- End Icon Box -->
<div class="col-md-6" data-aos="fade-up" data-aos-delay="300">
<div class="icon-box">
<img src="assets/img/portfolio/books-1.jpg" alt="Image 2" class="img-fluid">
<!-- Remove the h3 and p elements -->
</div>
</div> <!-- End Icon Box -->
<div class="col-md-6" data-aos="fade-up" data-aos-delay="400">
<div class="icon-box">
<img src="assets/img/portfolio/branding-1.jpg" alt="Image 3" class="img-fluid">
<!-- Remove the h3 and p elements -->
</div>
</div> <!-- End Icon Box -->
<div class="col-md-6" data-aos="fade-up" data-aos-delay="500">
<div class="icon-box">
<img src="assets/img/portfolio/product-1.jpg" alt="Image 4" class="img-fluid">
<!-- Remove the h3 and p elements -->
</div>
</div> <!-- End Icon Box -->
</div>
</div>
</div>
</div>
</section>
<!-- End brand made with brand.ai -->
<!-- Testimonials Section - Home Page -->
<section id="testimonials" class="testimonials">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5 info" data-aos="fade-up" data-aos-delay="100">
<h3>Testimonials</h3>
<h4>What Clients have to say about us</h4>
<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.
</p>
</div>
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="200">
<div class="swiper">
<template class="swiper-config">
{
"loop": true,
"speed" : 600,
"autoplay": {
"delay": 5000
},
"slidesPerView": "auto",
"pagination": {
"el": ".swiper-pagination",
"type": "bullets",
"clickable": true
}
}
</template>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item">
<div class="d-flex">
<img src="assets/img/testimonials/testimonials-1.jpg"
class="testimonial-img flex-shrink-0" alt="">
<div>
<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>
<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><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="d-flex">
<img src="assets/img/testimonials/testimonials-2.jpg"
class="testimonial-img flex-shrink-0" alt="">
<div>
<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>
<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><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="d-flex">
<img src="assets/img/testimonials/testimonials-3.jpg"
class="testimonial-img flex-shrink-0" alt="">
<div>
<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>
<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><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="d-flex">
<img src="assets/img/testimonials/testimonials-4.jpg"
class="testimonial-img flex-shrink-0" alt="">
<div>
<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>
</div>
</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><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<div class="d-flex">
<img src="assets/img/testimonials/testimonials-5.jpg"
class="testimonial-img flex-shrink-0" alt="">
<div>
<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>
<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><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</section>
<!-- End Testimonials Section -->
<!-- NEWSLETTER Section -->
<section id="testimonials" class="newsletter-section py-5" style="background-color: rgba(170, 238, 255, 0.3);">
<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" class="subscribe-form">
<div class="input-group mb-4">
<input type="email" class="form-control p-3" name="email"
placeholder="Enter your email" required>
<button type="submit" class="btn btn-primary ml-0"
style="border-radius: 0 10px 10px 0;">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- End NEWSLETTER Section -->
</main>
<!-- ======= Footer START======= -->
<?php
include "includes/footer.php";
?>
<!-- ======= Footer END======= -->