668 lines
31 KiB
HTML
668 lines
31 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- page title -->
|
|
<title>Party Ideas, Venues and Event Professionals HTML Template</title>
|
|
<!-- favicon -->
|
|
<link rel="icon" href="favicon.ico">
|
|
<!-- bootstrap core CSS -->
|
|
<link rel="stylesheet" href="static/css/bootstrap.min.css">
|
|
<!-- bootstrap icons -->
|
|
<link href="static/css/bootstrap-icons.css" rel="stylesheet">
|
|
<!-- owl carousel -->
|
|
<link href="static/css/owl.carousel.min.css" rel="stylesheet">
|
|
<link href="static/css/owl.theme.default.min.css" rel="stylesheet">
|
|
<!-- venobox css -->
|
|
<link rel="stylesheet" href="static/css/venobox.css">
|
|
<!-- custom styles for this template -->
|
|
<link href="static/css/custom.css" rel="stylesheet">
|
|
<link href="static/css/responsive.css" rel="stylesheet">
|
|
<link href="static/css/helper.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- ================ Preloader ================ -->
|
|
<div id="preloader">
|
|
<div class="spinner-grow" role="status"> <span class="sr-only"></span> </div>
|
|
</div>
|
|
<!-- ================ Preloader end ================ -->
|
|
|
|
<!-- ================ Header ================ -->
|
|
<header>
|
|
<!-- header upper -->
|
|
<div class="header-upper">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6 col-md-5 col-sm-12">
|
|
<ul class="header-upper-link list-inline">
|
|
<li class="list-inline-item"><a href="search-results-list-view.html">Venues</a></li>
|
|
<li class="list-inline-item"><a href="search-results-list-view.html">Vendors</a></li>
|
|
<li class="list-inline-item"><a href="search-results-list-view.html">Ideas</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6">
|
|
<div class="header-search">
|
|
<form action="#">
|
|
<input type="search" name="search" placeholder="Search Here...">
|
|
<button type="submit"><i class="bi bi-search"></i></button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 text-lg-end text-md-end text-sm-end text-center">
|
|
<div class="header-right-btn"> <a href="login.html" class="sign-in-btn">Sign In</a> <a href="signup.html" class="sign-up-btn">Sign Up</a> </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- header upper end -->
|
|
<!-- header lover -->
|
|
<div class="header-lover">
|
|
<div class="container">
|
|
<nav class="navbar navbar-expand-lg">
|
|
<!-- logo -->
|
|
<a class="navbar-brand" href=""><img src="static/picture/logo.png" alt=""></a>
|
|
<!-- logo end -->
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbars01" aria-controls="navbars01" aria-expanded="false" aria-label="Toggle navigation"> <span></span> <span></span> <span></span> </button>
|
|
<div class="collapse navbar-collapse" id="navbars01">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item active"> <a class="nav-link" href="">Home</a> </li>
|
|
<li class="nav-item"> <a class="nav-link" href="about.html">About Us</a> </li>
|
|
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown01" role="button" data-bs-toggle="dropdown" aria-expanded="false">Events</a>
|
|
<ul class="dropdown-menu" aria-labelledby="navbarDropdown01">
|
|
<li><a class="dropdown-item" href="search-results-grid-view.html">Wedding</a></li>
|
|
<li><a class="dropdown-item" href="search-results-list-view.html">Corporate Events</a></li>
|
|
<li><a class="dropdown-item" href="search-results-grid-view.html">Kids Birthday</a></li>
|
|
<li><a class="dropdown-item" href="search-results-list-view.html">Dinner Party</a></li>
|
|
<li><a class="dropdown-item" href="search-results-grid-view.html">Holiday Party</a></li>
|
|
<li><a class="dropdown-item" href="search-results-list-view.html">Baby Shower</a></li>
|
|
<li><a class="dropdown-item" href="search-results-grid-view.html">Trade Show</a></li>
|
|
<li><a class="dropdown-item" href="search-results-list-view.html">Awards Show</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown02" role="button" data-bs-toggle="dropdown" aria-expanded="false">Gallery</a>
|
|
<ul class="dropdown-menu" aria-labelledby="navbarDropdown02">
|
|
<li><a class="dropdown-item" href="photo-gallery.html">Photo Gallery</a></li>
|
|
<li><a class="dropdown-item" href="video-gallery.html">Video Gallery</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown03" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
|
|
<ul class="dropdown-menu" aria-labelledby="navbarDropdown03">
|
|
<li><a class="dropdown-item" href="blog-grid.html">Blog Grid</a></li>
|
|
<li><a class="dropdown-item" href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
|
|
<li><a class="dropdown-item" href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
|
|
<li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown04" role="button" data-bs-toggle="dropdown" aria-expanded="false">Pages</a>
|
|
<ul class="dropdown-menu" aria-labelledby="navbarDropdown04">
|
|
<li><a class="dropdown-item" href="login.html">Sign In</a></li>
|
|
<li><a class="dropdown-item" href="signup.html">Sign Up</a></li>
|
|
<li><a class="dropdown-item" href="search-results-grid-view.html">Search Results Grid View</a></li>
|
|
<li><a class="dropdown-item" href="search-results-list-view.html">Search Results List View</a></li>
|
|
<li><a class="dropdown-item" href="event-details.html">Event Details</a></li>
|
|
<li><a class="dropdown-item" href="faq.html">Faq</a></li>
|
|
<li><a class="dropdown-item" href="team.html">Team</a></li>
|
|
<li><a class="dropdown-item" href="testimonial.html">Testimonial</a></li>
|
|
<li><a class="dropdown-item" href="404.html">404 Page</a></li>
|
|
<li><a class="dropdown-item" href="contact.html">Contact</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item header-call"> <a class="nav-link" href="#">Call: 123-456-789</a> </li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<!-- header lover end -->
|
|
</header>
|
|
<!-- ================ Header end ================ -->
|
|
|
|
<!-- ================ Slider ================ -->
|
|
<div class="slider">
|
|
<div class="slider-overlay">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 offset-lg-2">
|
|
<div class="banner-caption">
|
|
<h5>Find your perfect events</h5>
|
|
</div>
|
|
<form class="search-form">
|
|
<div class="row row-cols-lg-4 row-cols-md-2 row-cols-sm-2 row-cols-1">
|
|
<div class="col mb-10">
|
|
<input type="text" class="form-control" placeholder="Keyword">
|
|
</div>
|
|
<div class="col mb-10">
|
|
<select class="form-select">
|
|
<option selected="">Type</option>
|
|
<option value="Vendor">Vendor</option>
|
|
<option value="Venue">Venue</option>
|
|
<option value="Event">Event</option>
|
|
</select>
|
|
</div>
|
|
<div class="col mb-10">
|
|
<select class="form-select">
|
|
<option value="" selected="">All Categories</option>
|
|
<option value="Anniversary">Anniversary</option>
|
|
<option value="Baby Shower">Baby Shower</option>
|
|
<option value="Birthday Party">Birthday Party</option>
|
|
<option value="Bridal Shower">Bridal Shower</option>
|
|
<option value="Wedding">Wedding</option>
|
|
<option value="Beauty Professionals">Beauty Professionals</option>
|
|
<option value="Entertainment">Entertainment</option>
|
|
<option value="Event Planner">Event Planner</option>
|
|
</select>
|
|
</div>
|
|
<div class="col mb-10">
|
|
<button type="submit" class="btn-style-1 w-100"><i class="bi bi-search"></i> Search</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="carouselExampleCaptions" class="carousel slide carousel-fade" data-bs-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active slider-one"></div>
|
|
<div class="carousel-item slider-two"></div>
|
|
<div class="carousel-item slider-three"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ================ Slider end ================ -->
|
|
|
|
<!-- ================ Partner area ================ -->
|
|
<div class="partner-area pb-40 pt-40">
|
|
<div class="container">
|
|
<div class="partner-carousel owl-carousel owl-theme">
|
|
<div class="item">
|
|
<div class="partner-item"><img src="static/picture/1.png" alt="" class="img-fluid"></div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="partner-item"><img src="static/picture/2.png" alt="" class="img-fluid"></div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="partner-item"><img src="static/picture/3.png" alt="" class="img-fluid"></div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="partner-item"><img src="static/picture/4.png" alt="" class="img-fluid"></div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="partner-item"><img src="static/picture/5.png" alt="" class="img-fluid"></div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="partner-item"><img src="static/picture/6.png" alt="" class="img-fluid"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ================ Partner area end ================ -->
|
|
|
|
<!-- ================ Feature area ================ -->
|
|
<div class="feature-area pt-70 pb-40">
|
|
<div class="container">
|
|
<div class="row row-cols-lg-3 row-cols-md-2 row-cols-sm-1 row-cols-1">
|
|
<div class="col mb-30">
|
|
<!-- feature box -->
|
|
<div class="feature-box">
|
|
<div class="icon mb-20"><img src="static/picture/11.png" alt=""></div>
|
|
<h3 class="mb-10">400+ Venues & Vendors</h3>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit felis etiam tincidunt orci lacus id varius dolor fermum sit amet.</p>
|
|
</div>
|
|
<!-- feature box end -->
|
|
</div>
|
|
<div class="col mb-30">
|
|
<!-- feature box -->
|
|
<div class="feature-box">
|
|
<div class="icon mb-20"><img src="static/picture/21.png" alt=""></div>
|
|
<h3 class="mb-10">600+ Event Success</h3>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit felis etiam tincidunt orci lacus id varius dolor fermum sit amet.</p>
|
|
</div>
|
|
<!-- feature box end -->
|
|
</div>
|
|
<div class="col mb-30">
|
|
<!-- feature box -->
|
|
<div class="feature-box">
|
|
<div class="icon mb-20"><img src="static/picture/31.png" alt=""></div>
|
|
<h3 class="mb-10">100+ Cities Available</h3>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit felis etiam tincidunt orci lacus id varius dolor fermum sit amet.</p>
|
|
</div>
|
|
<!-- feature box end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ================ Feature area ================ -->
|
|
|
|
<!-- ================ Category area ================ -->
|
|
<div class="category-area bg-light pt-70 pb-40">
|
|
<div class="container">
|
|
<!-- section title -->
|
|
<div class="section-title text-center mb-40">
|
|
<div class="small-title">7451 Photos</div>
|
|
<h2>Browse Category</h2>
|
|
<span class="dashed-border"></span> </div>
|
|
<!-- section title end -->
|
|
<div class="row row-cols-lg-3 row-cols-md-2 row-cols-sm-1 row-cols-1">
|
|
<div class="col mb-30">
|
|
<!-- category box -->
|
|
<div class="category-box">
|
|
<div class="category-box-img"><img src="static/picture/1.jpg" alt=""></div>
|
|
<div class="categories-numbers">10</div>
|
|
<h3><a href="#">Anniversary</a></h3>
|
|
</div>
|
|
<!-- category box end -->
|
|
</div>
|
|
<div class="col mb-30">
|
|
<!-- category box -->
|
|
<div class="category-box">
|
|
<div class="category-box-img"><img src="static/picture/2.jpg" alt=""></div>
|
|
<div class="categories-numbers">12</div>
|
|
<h3><a href="#">Baby Shower</a></h3>
|
|
</div>
|
|
<!-- category box end -->
|
|
</div>
|
|
<div class="col mb-30">
|
|
<!-- category box -->
|
|
<div class="category-box">
|
|
<div class="category-box-img"><img src="static/picture/3.jpg" alt=""></div>
|
|
<div class="categories-numbers">14</div>
|
|
<h3><a href="#">Birthday Party</a></h3>
|
|
</div>
|
|
<!-- category box end -->
|
|
</div>
|
|
<div class="col mb-30">
|
|
<!-- category box -->
|
|
<div class="category-box">
|
|
<div class="category-box-img"><img src="static/picture/4.jpg" alt=""></div>
|
|
<div class="categories-numbers">16</div>
|
|
<h3><a href="#">Bridal Shower</a></h3>
|
|
</div>
|
|
<!-- category box end -->
|
|
</div>
|
|
<div class="col mb-30">
|
|
<!-- category box -->
|
|
<div class="category-box">
|
|
<div class="category-box-img"><img src="static/picture/5.jpg" alt=""></div>
|
|
<div class="categories-numbers">18</div>
|
|
<h3><a href="#">Weddings</a></h3>
|
|
</div>
|
|
<!-- category box end -->
|
|
</div>
|
|
<div class="col mb-30">
|
|
<!-- category box -->
|
|
<div class="category-box">
|
|
<div class="category-box-img"><img src="static/picture/6.jpg" alt=""></div>
|
|
<div class="categories-numbers">20</div>
|
|
<h3><a href="#">Beauty Professionals</a></h3>
|
|
</div>
|
|
<!-- category box end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ================ Category area end ================ -->
|
|
|
|
<!-- ================ Subscribe area ================ -->
|
|
<div class="subscribe-area pt-70 pb-40">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-5 col-md-6 mb-30">
|
|
<div class="subscribe-content">
|
|
<h2 class="mb-10">Subscribe to receive updates about new features</h2>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit felis etiam tincidunt orci lacus id varius dolor fermum sit amet.</p>
|
|
<form class="subscribe-form">
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
<input type="email" class="form-control" placeholder="Enter Your Email*">
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<button type="submit" class="w-100 btn-style-1">Subscribe</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 offset-lg-1 col-md-6 mb-30">
|
|
<div class="subscribe-img"><img src="static/picture/subscribe-img-1.png" alt=""></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ================ Subscribe area end ================ -->
|
|
|
|
<!-- ================ Recently added events area ================ -->
|
|
<div class="recently-added-events bg-light pt-70 pb-40">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-3 mb-30">
|
|
<!-- section title -->
|
|
<div class="section-title mb-20">
|
|
<div class="small-title">6251 Events</div>
|
|
<h2> Recently Added Events</h2>
|
|
<span class="dashed-border"></span> </div>
|
|
<!-- section title end -->
|
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit felis etiam tincidunt orci lacus id varius dolor fermum sit amet.</p>
|
|
<a class="btn-style-1" href="#">View all Events</a> </div>
|
|
<div class="col-lg-9">
|
|
<div class="row row-cols-lg-3 row-cols-md-2 row-cols-sm-1 row-cols-1">
|
|
<div class="col mb-30">
|
|
<!-- recently event box -->
|
|
<div class="recently-event-box">
|
|
<div class="recently-event-box-img"><img src="static/picture/12.jpg" alt="">
|
|
<div class="posted-by">Posted by: Kevin Smith Events</div>
|
|
</div>
|
|
<div class="recently-event-des">
|
|
<h3><a href="#">Beach Wedding at Adarson Club and Caicos...</a></h3>
|
|
<div class="location"><i class="bi bi-geo-alt"></i> Miami, Florida</div>
|
|
</div>
|
|
<a class="favorites-icon"><i class="bi bi-heart-fill"></i></a>
|
|
<div class="recently-event-meta">
|
|
<div class="meta-item"> <span class="number">115+</span> <span class="name">Photos</span> </div>
|
|
<div class="meta-item"> <span class="number">150+</span> <span class="name">Guest</span> </div>
|
|
<div class="meta-item"> <a href="#" class="read-more">Read More</a> </div>
|
|
</div>
|
|
</div>
|
|
<!-- recently event box end -->
|
|
</div>
|
|
<div class="col mb-30">
|
|
<!-- recently event box -->
|
|
<div class="recently-event-box">
|
|
<div class="recently-event-box-img"><img src="static/picture/21.jpg" alt="">
|
|
<div class="posted-by">Posted by: John Events</div>
|
|
</div>
|
|
<div class="recently-event-des">
|
|
<h3><a href="#">Andrew Birthday Party at Louisiana...</a></h3>
|
|
<div class="location"><i class="bi bi-geo-alt"></i> New Orleans, Louisiana</div>
|
|
</div>
|
|
<a class="favorites-icon"><i class="bi bi-heart-fill"></i></a>
|
|
<div class="recently-event-meta">
|
|
<div class="meta-item"> <span class="number">105+</span> <span class="name">Photos</span> </div>
|
|
<div class="meta-item"> <span class="number">160+</span> <span class="name">Guest</span> </div>
|
|
<div class="meta-item"> <a href="#" class="read-more">Read More</a> </div>
|
|
</div>
|
|
</div>
|
|
<!-- recently event box end -->
|
|
</div>
|
|
<div class="col mb-30">
|
|
<!-- recently event box -->
|
|
<div class="recently-event-box">
|
|
<div class="recently-event-box-img"><img src="static/picture/31.jpg" alt="">
|
|
<div class="posted-by">Posted by: Bradon Events</div>
|
|
</div>
|
|
<div class="recently-event-des">
|
|
<h3><a href="#">Crithia, Modern Anniversary Party Level at...</a></h3>
|
|
<div class="location"><i class="bi bi-geo-alt"></i> Atlanta, Georgia</div>
|
|
</div>
|
|
<a class="favorites-icon"><i class="bi bi-heart-fill"></i></a>
|
|
<div class="recently-event-meta">
|
|
<div class="meta-item"> <span class="number">125+</span> <span class="name">Photos</span> </div>
|
|
<div class="meta-item"> <span class="number">140+</span> <span class="name">Guest</span> </div>
|
|
<div class="meta-item"> <a href="#" class="read-more">Read More</a> </div>
|
|
</div>
|
|
</div>
|
|
<!-- recently event box end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ================ Recently added events area end ================ -->
|
|
|
|
<!-- ================ How it work area ================ -->
|
|
<div class="how-it-work-area pt-70 pb-40">
|
|
<div class="container">
|
|
<div class="row row-cols-lg-3 row-cols-md-2 row-cols-sm-1 row-cols-1">
|
|
<div class="col mb-30">
|
|
<div class="how-it-work-box">
|
|
<h3 class="mb-8">Browse Vendor</h3>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit felis etiam tincidunt orci lacus id varius dolor fermum sit amet.</p>
|
|
<div class="number">1</div>
|
|
</div>
|
|
</div>
|
|
<div class="col mb-30">
|
|
<div class="how-it-work-box">
|
|
<h3 class="mb-8">Request Quote</h3>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit felis etiam tincidunt orci lacus id varius dolor fermum sit amet.</p>
|
|
<div class="number">2</div>
|
|
</div>
|
|
</div>
|
|
<div class="col mb-30">
|
|
<div class="how-it-work-box">
|
|
<h3 class="mb-8">Book A Vendor</h3>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit felis etiam tincidunt orci lacus id varius dolor fermum sit amet.</p>
|
|
<div class="number">3</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ================ How it work area end ================ -->
|
|
|
|
<!-- ================ Testimonial area ================ -->
|
|
<div class="testimonial-area pt-70 pb-40">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-3 mb-30">
|
|
<!-- section title -->
|
|
<div class="section-title mb-20">
|
|
<div class="small-title">1500+ Happy Clients</div>
|
|
<h2>Testimonial</h2>
|
|
<span class="dashed-border"></span> </div>
|
|
<!-- section title end -->
|
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit felis etiam tincidunt orci lacus id varius dolor fermum sit amet.</p>
|
|
<a class="btn-style-1" href="#">View all Testimonials</a> </div>
|
|
<div class="col-lg-9">
|
|
<div class="testimonial-carousel owl-carousel owl-theme">
|
|
<div class="item">
|
|
<!-- testimonial box -->
|
|
<div class="testimonial-box">
|
|
<div class="profile-info">
|
|
<div class="quote"><i class="bi bi-quote"></i></div>
|
|
<div class="author-img"><img src="static/picture/13.jpg" alt=""></div>
|
|
<div class="info-des">
|
|
<h3>Henry</h3>
|
|
<span class="post">Customer</span> </div>
|
|
</div>
|
|
<p>Lorem ipsum dolor eletum nulla eu placerat felis etiam tincidunt tiam tincidunt orci lacus id varius dolor etiam tincidunt tiam tincidunt orci lacus id varius dolor fermum sit amet orem.</p>
|
|
<div class="star"> <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"></i> <i class="bi bi-star"></i> </div>
|
|
</div>
|
|
<!-- testimonial box end -->
|
|
</div>
|
|
<div class="item">
|
|
<!-- testimonial box -->
|
|
<div class="testimonial-box">
|
|
<div class="profile-info">
|
|
<div class="quote"><i class="bi bi-quote"></i></div>
|
|
<div class="author-img"><img src="static/picture/22.jpg" alt=""></div>
|
|
<div class="info-des">
|
|
<h3>Barton</h3>
|
|
<span class="post">Customer</span> </div>
|
|
</div>
|
|
<p>Lorem ipsum dolor eletum nulla eu placerat felis etiam tincidunt tiam tincidunt orci lacus id varius dolor etiam tincidunt tiam tincidunt orci lacus id varius dolor fermum sit amet orem.</p>
|
|
<div class="star"> <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"></i> <i class="bi bi-star"></i> </div>
|
|
</div>
|
|
<!-- testimonial box end -->
|
|
</div>
|
|
<div class="item">
|
|
<!-- testimonial box -->
|
|
<div class="testimonial-box">
|
|
<div class="profile-info">
|
|
<div class="quote"><i class="bi bi-quote"></i></div>
|
|
<div class="author-img"><img src="static/picture/32.jpg" alt=""></div>
|
|
<div class="info-des">
|
|
<h3>Mattie</h3>
|
|
<span class="post">Customer</span> </div>
|
|
</div>
|
|
<p>Lorem ipsum dolor eletum nulla eu placerat felis etiam tincidunt tiam tincidunt orci lacus id varius dolor etiam tincidunt tiam tincidunt orci lacus id varius dolor fermum sit amet orem.</p>
|
|
<div class="star"> <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"></i> <i class="bi bi-star"></i> </div>
|
|
</div>
|
|
<!-- testimonial box end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ================ Testimonial area end ================ -->
|
|
|
|
<!-- ================ Blog area ================ -->
|
|
<div class="blog-area bg-light pt-70 pb-40">
|
|
<div class="container">
|
|
<!-- section title -->
|
|
<div class="section-title text-center mb-40">
|
|
<div class="small-title">500+ News</div>
|
|
<h2>Latest News</h2>
|
|
<span class="dashed-border"></span> </div>
|
|
<!-- section title end -->
|
|
<div class="row row-cols-lg-3 row-cols-md-2 row-cols-sm-1 row-cols-1">
|
|
<div class="col mb-30">
|
|
<!-- blog item -->
|
|
<div class="blog-item">
|
|
<div class="blog-item-img"><img src="static/picture/14.jpg" alt=""></div>
|
|
<div class="blog-item-content">
|
|
<ul class="list-inline d-flex align-items-center justify-content-between">
|
|
<li class="list-inline-item"><a href="#"><i class="bi bi-calendar4-week"></i> 01 Jan <span class="current-year"></span></a></li>
|
|
<li class="list-inline-item"><a href="#"><i class="bi bi-chat-text"></i> 05 Comments</a></li>
|
|
</ul>
|
|
<h6><a href="#">Partiality indulgence dispatched to of celebrated remarkably...</a></h6>
|
|
<div class="read-icon"> <a href="#"><i class="bi bi-arrow-up-right"></i></a> </div>
|
|
</div>
|
|
</div>
|
|
<!-- blog item end -->
|
|
</div>
|
|
<div class="col mb-30">
|
|
<!-- blog item -->
|
|
<div class="blog-item">
|
|
<div class="blog-item-img"><img src="static/picture/23.jpg" alt=""></div>
|
|
<div class="blog-item-content">
|
|
<ul class="list-inline d-flex align-items-center justify-content-between">
|
|
<li class="list-inline-item"><a href="#"><i class="bi bi-calendar4-week"></i> 01 Jan <span class="current-year"></span></a></li>
|
|
<li class="list-inline-item"><a href="#"><i class="bi bi-chat-text"></i> 05 Comments</a></li>
|
|
</ul>
|
|
<h6><a href="#">Chimney pot plastered bamboozled arse dropped cheeky bloke...</a></h6>
|
|
<div class="read-icon"> <a href="#"><i class="bi bi-arrow-up-right"></i></a> </div>
|
|
</div>
|
|
</div>
|
|
<!-- blog item end -->
|
|
</div>
|
|
<div class="col mb-30">
|
|
<!-- blog item -->
|
|
<div class="blog-item">
|
|
<div class="blog-item-img"><img src="static/picture/33.jpg" alt=""></div>
|
|
<div class="blog-item-content">
|
|
<ul class="list-inline d-flex align-items-center justify-content-between">
|
|
<li class="list-inline-item"><a href="#"><i class="bi bi-calendar4-week"></i> 01 Jan <span class="current-year"></span></a></li>
|
|
<li class="list-inline-item"><a href="#"><i class="bi bi-chat-text"></i> 05 Comments</a></li>
|
|
</ul>
|
|
<h6><a href="#">Public school Elizabeth up duff buggered chinwag bike mate...</a></h6>
|
|
<div class="read-icon"> <a href="#"><i class="bi bi-arrow-up-right"></i></a> </div>
|
|
</div>
|
|
</div>
|
|
<!-- blog item end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ================ Blog area end ================ -->
|
|
|
|
<!-- ================ Footer area ================ -->
|
|
<footer class="footer-main">
|
|
<!-- footer upper -->
|
|
<div class="footer-upper pt-40 pb-10">
|
|
<div class="container">
|
|
<div class="row row-cols-lg-4 row-cols-md-2 row-cols-sm-2 row-cols-1">
|
|
<div class="col mb-30">
|
|
<!-- footer title -->
|
|
<div class="footer-title">Useful Links</div>
|
|
<!-- footer title end -->
|
|
<!-- footer link -->
|
|
<ul class="footer-link">
|
|
<li><a href="#"><i class="bi bi-caret-right"></i> About us</a></li>
|
|
<li><a href="#"><i class="bi bi-caret-right"></i> Find a Venue</a></li>
|
|
<li><a href="#"><i class="bi bi-caret-right"></i> Find Ideas</a></li>
|
|
<li><a href="#"><i class="bi bi-caret-right"></i> Corporate Events</a></li>
|
|
<li><a href="#"><i class="bi bi-caret-right"></i> Contact Us</a></li>
|
|
</ul>
|
|
<!-- footer link end -->
|
|
</div>
|
|
<div class="col mb-30">
|
|
<!-- footer title -->
|
|
<div class="footer-title">Recent Post</div>
|
|
<!-- footer title end -->
|
|
<!-- footer recent post -->
|
|
<ul class="footer-recent-post">
|
|
<li>
|
|
<div class="footer-recent-post-des">
|
|
<h5 class="post-title"><a href="#">Cargo business blasting financier firms...</a></h5>
|
|
<div class="post-date"> Jan 01, <span class="current-year"></span> </div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="footer-recent-post-des">
|
|
<h5 class="post-title"><a href="#">Organization to organization prompting...</a></h5>
|
|
<div class="post-date"> Jan 01, <span class="current-year"></span> </div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<!-- footer recent post end -->
|
|
</div>
|
|
<div class="col mb-30">
|
|
<!-- footer title -->
|
|
<div class="footer-title">Contact Us</div>
|
|
<!-- footer title end -->
|
|
<!-- footer address -->
|
|
<ul class="footer-address">
|
|
<li><a href="mailto:info@example.com"><i class="bi bi-envelope"></i> info@example.com</a></li>
|
|
<li><a href="#"><i class="bi bi-printer"></i> (+01) 123 457 890</a></li>
|
|
<li><a href="tel:123457890"><i class="bi bi-telephone"></i> (+01) 123 457 890</a></li>
|
|
</ul>
|
|
<!-- footer address end -->
|
|
</div>
|
|
<div class="col mb-30">
|
|
<!-- footer title -->
|
|
<div class="footer-title">Address</div>
|
|
<!-- footer title end -->
|
|
<p>01/1B, West Arnold, Walworth Road,<br>
|
|
India, 9845</p>
|
|
<!-- footer social -->
|
|
<div class="footer-social"> <a href="#"><i class="bi bi-facebook"></i></a> <a href="#"><i class="bi bi-twitter-x"></i></a> <a href="#"><i class="bi bi-linkedin"></i></a> <a href="#"><i class="bi bi-pinterest"></i></a> </div>
|
|
<!-- footer social end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- footer upper end -->
|
|
<!-- footer copyright -->
|
|
<div class="footer-copyright text-center">
|
|
<div class="container">
|
|
<p class="mb-0">Copyright © 2024.Company name All rights reserved.<a target="_blank" href="https://www.html5code.net/">网页模板</a></p>
|
|
</div>
|
|
</div>
|
|
<!-- footer copyright end -->
|
|
</footer>
|
|
<!-- ================ Footer area end ================ -->
|
|
|
|
<!-- ================ Top scroll ================ -->
|
|
<a href="#" class="scroll-top"><i class="bi bi-arrow-bar-up"></i></a>
|
|
<!-- ================ Top scroll end ================ -->
|
|
|
|
<!-- js files -->
|
|
<script src="static/js/jquery-3.6.0.min.js"></script>
|
|
<script src="static/js/bootstrap.bundle.min.js"></script>
|
|
<!-- venobox js -->
|
|
<script src="static/js/venobox.min.js"></script>
|
|
<!-- owl carousel -->
|
|
<script src="static/js/owl.carousel.min.js"></script>
|
|
<!-- sticky js -->
|
|
<script src="static/js/jquery.sticky.js"></script>
|
|
<!-- script js -->
|
|
<script src="static/js/custom.js"></script>
|
|
|
|
</body>
|
|
</html> |