CC_SDK/Build/static/event-details.html

815 lines
43 KiB
HTML
Raw Normal View History

2025-04-25 19:37:53 +08:00
<!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="index.html"><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"> <a class="nav-link" href="index.html">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 active"> <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</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 ================ -->
<!-- ================ Details page bammer ================ -->
<div class="details-page-bammer">
<div class="details-page-bammer-carousel owl-carousel owl-theme">
<div class="item"><img src="static/picture/19.jpg" alt=""></div>
<div class="item"><img src="static/picture/26.jpg" alt=""></div>
<div class="item"><img src="static/picture/37.jpg" alt=""></div>
<div class="item"><img src="static/picture/45.jpg" alt=""></div>
<div class="item"><img src="static/picture/55.jpg" alt=""></div>
</div>
<div class="details-page-bammer-caption">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-8 offset-lg-4 offset-md-2">
<div class="details-page-bammer-caption-c">
<h1>The Penthouse Hyde Park</h1>
<div class="location"><i class="bi bi-geo-alt"></i> 20 E Bellevue Pl, Chicago, IL 60611, USA</div>
<div class="event-capacity"><a href="#">Max Seated: 100</a> - <a href="#">Max Standing: 150</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ================ Details page bammer end ================ -->
<!-- ================ Details page ================ -->
<div class="details-page pt-70 pb-40">
<div class="container">
<div class="row">
<div class="col-lg-9">
<!-- details page btn -->
<ul class="details-page-btn mb-20">
<li><a href="#overview" class="smooth-menu">Overview</a></li>
<li><a href="#event-spaces" class="smooth-menu">Event Spaces</a></li>
<li><a href="#gallery" class="smooth-menu">Gallery</a></li>
<li><a href="#video" class="smooth-menu">Video</a></li>
<li><a href="#testimonials" class="smooth-menu">Testimonials</a></li>
<li><a href="#team" class="smooth-menu">Team</a></li>
<li><a href="#faqs" class="smooth-menu">FAQs</a></li>
<li><a href="#review" class="smooth-menu">Review</a></li>
</ul>
<!-- details page btn end -->
<div id="overview" class="details-page-content-box mb-30">
<h2>Overview</h2>
<p>Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor sitametcoctr adipisg elit amet consectur aiscing sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor sitametcoctr adipisg elit amet consectur aiscing.</p>
<p>Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor sitametcoctr adipisg elit amet consectur aiscing sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem.</p>
<ul class="mt-10 d-inline-block w-100 list">
<li><i class="bi bi-arrow-bar-right"></i> Professional delivers solutions</li>
<li><i class="bi bi-arrow-bar-right"></i> Ideas for your business</li>
<li><i class="bi bi-arrow-bar-right"></i> Start with a small Business</li>
</ul>
</div>
<div id="event-spaces" class="details-page-content-box">
<h2>Event Spaces</h2>
<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 id="gallery" class="details-page-content-box">
<h2>Gallery</h2>
<div class="row row-cols-lg-3 row-cols-md-2 row-cols-sm-1 row-cols-1">
<div class="col mb-30">
<!-- gallery box -->
<div class="gallery-box">
<div class="gallery-box-img"><img src="static/picture/17.jpg" alt=""></div>
<div class="gallery-numbers">02</div>
<h3><a href="static/picture/17.jpg" class="venobox" data-gall="gallery1">Anniversary</a> <a href="static/file/2.jpg" class="venobox" data-gall="gallery1"></a></h3>
</div>
<!-- gallery box end -->
</div>
<div class="col mb-30">
<!-- gallery box -->
<div class="gallery-box">
<div class="gallery-box-img"><img src="static/picture/35.jpg" alt=""></div>
<div class="gallery-numbers">02</div>
<h3> <a href="static/picture/35.jpg" class="venobox" data-gall="gallery2">Baby Shower</a> <a href="static/file/4.jpg" class="venobox" data-gall="gallery2"></a> </h3>
</div>
<!-- gallery box end -->
</div>
<div class="col mb-30">
<!-- gallery box -->
<div class="gallery-box">
<div class="gallery-box-img"><img src="static/picture/52.jpg" alt=""></div>
<div class="gallery-numbers">02</div>
<h3> <a href="static/picture/52.jpg" class="venobox" data-gall="gallery3">Birthday Party</a> <a href="static/file/6.jpg" class="venobox" data-gall="gallery3"></a></h3>
</div>
<!-- gallery box end -->
</div>
<div class="col mb-30">
<!-- gallery box -->
<div class="gallery-box">
<div class="gallery-box-img"><img src="static/picture/7.jpg" alt=""></div>
<div class="gallery-numbers">02</div>
<h3> <a href="static/picture/7.jpg" class="venobox" data-gall="gallery4">Bridal Shower</a> <a href="static/file/8.jpg" class="venobox" data-gall="gallery4"></a></h3>
</div>
<!-- gallery box end -->
</div>
<div class="col mb-30">
<!-- gallery box -->
<div class="gallery-box">
<div class="gallery-box-img"><img src="static/picture/9.jpg" alt=""></div>
<div class="gallery-numbers">02</div>
<h3> <a href="static/picture/9.jpg" class="venobox" data-gall="gallery5">Weddings</a> <a href="static/file/10.jpg" class="venobox" data-gall="gallery5"></a></h3>
</div>
<!-- gallery box end -->
</div>
<div class="col mb-30">
<!-- gallery box -->
<div class="gallery-box">
<div class="gallery-box-img"><img src="static/picture/11.jpg" alt=""></div>
<div class="gallery-numbers">02</div>
<h3> <a href="static/picture/11.jpg" class="venobox" data-gall="gallery6">Beauty Professionals</a> <a href="static/file/12.jpg" class="venobox" data-gall="gallery6"></a></h3>
</div>
<!-- gallery box end -->
</div>
</div>
</div>
<div id="video" class="details-page-content-box">
<h2>Video</h2>
<div class="row row-cols-lg-3 row-cols-md-3 row-cols-sm-2 row-cols-1">
<div class="col mb-30">
<!-- video box -->
<a href="#" class="video-box venobox" data-autoplay="true" data-vbtype="video">
<div class="video-box-img"><img src="static/picture/18.jpg" alt=""></div>
<div class="icon"><i class="bi bi-play-circle"></i></div>
</a>
<!-- video box end -->
</div>
<div class="col mb-30">
<!-- video box -->
<a href="#" class="video-box venobox" data-autoplay="true" data-vbtype="video">
<div class="video-box-img"><img src="static/picture/25.jpg" alt=""></div>
<div class="icon"><i class="bi bi-play-circle"></i></div>
</a>
<!-- video box end -->
</div>
<div class="col mb-30">
<!-- video box -->
<a href="#" class="video-box venobox" data-autoplay="true" data-vbtype="video">
<div class="video-box-img"><img src="static/picture/36.jpg" alt=""></div>
<div class="icon"><i class="bi bi-play-circle"></i></div>
</a>
<!-- video box end -->
</div>
</div>
</div>
<div id="testimonials" class="details-page-content-box mb-30">
<h2>Testimonials</h2>
<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 id="team" class="details-page-content-box">
<h2>Team</h2>
<div class="row row-cols-lg-3 row-cols-md-3 row-cols-sm-2 row-cols-1">
<div class="col mb-30">
<!-- team item -->
<div class="team-item">
<div class="image"> <img src="static/picture/110.jpg" alt="">
<div class="team-item-caption">
<h4>Kevin Smith</h4>
<p class="mb-0">Officer</p>
</div>
</div>
<ul class="team-social">
<li><a href="#"><i class="bi bi-facebook"></i></a></li>
<li><a href="#"><i class="bi bi-twitter-x"></i></a></li>
<li><a href="#"><i class="bi bi-instagram"></i></a></li>
<li><a href="#"><i class="bi bi-pinterest"></i></a></li>
</ul>
</div>
<!-- team item end -->
</div>
<div class="col mb-30">
<!-- team item -->
<div class="team-item">
<div class="image"> <img src="static/picture/27.jpg" alt="">
<div class="team-item-caption">
<h4>Smith Adarson</h4>
<p class="mb-0">Web Designer</p>
</div>
</div>
<ul class="team-social">
<li><a href="#"><i class="bi bi-facebook"></i></a></li>
<li><a href="#"><i class="bi bi-twitter-x"></i></a></li>
<li><a href="#"><i class="bi bi-instagram"></i></a></li>
<li><a href="#"><i class="bi bi-pinterest"></i></a></li>
</ul>
</div>
<!-- team item end -->
</div>
<div class="col mb-30">
<!-- team item -->
<div class="team-item">
<div class="image"> <img src="static/picture/38.jpg" alt="">
<div class="team-item-caption">
<h4>John Doe</h4>
<p class="mb-0">Manager</p>
</div>
</div>
<ul class="team-social">
<li><a href="#"><i class="bi bi-facebook"></i></a></li>
<li><a href="#"><i class="bi bi-twitter-x"></i></a></li>
<li><a href="#"><i class="bi bi-instagram"></i></a></li>
<li><a href="#"><i class="bi bi-pinterest"></i></a></li>
</ul>
</div>
<!-- team item end -->
</div>
</div>
</div>
<div id="faqs" class="details-page-content-box mb-30">
<h2>FAQs</h2>
<!-- Accordion -->
<div class="accordion faq-box" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"><i class="bi bi-plus-lg"></i> Are you ISO certified? <span>(01)</span></button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p class="mb-0">Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor sitametcoctr adipisg.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"><i class="bi bi-plus-lg"></i> Which material types can you work with? <span>(02)</span></button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p class="mb-0">Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor sitametcoctr adipisg.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"><i class="bi bi-plus-lg"></i> How long does it takes to receive the answer? <span>(03)</span></button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p class="mb-0">Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor sitametcoctr adipisg.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> <i class="bi bi-plus-lg"></i> How to get start with us? <span>(04)</span></button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p class="mb-0">Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor sitametcoctr adipisg.</p>
</div>
</div>
</div>
</div>
<!-- Accordion end -->
</div>
<div id="review" class="details-page-content-box mb-30">
<h2>Review</h2>
<!-- comments area -->
<div class="comments-block">
<ul>
<li>
<div class="d-flex">
<div class="flex-shrink-0"><img src="static/picture/13.jpg" alt="..."><a href="#" class="reply">Reply</a></div>
<div class="flex-grow-1 ms-3">
<h5>Smith Adarson <small>Jan 01, <span class="current-year"></span></small></h5>
<p>Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit consectur aiscing elit amet adipisg adipisg.</p>
</div>
</div>
<ul>
<li>
<div class="d-flex">
<div class="flex-shrink-0"><img src="static/picture/22.jpg" alt="..."><a href="#" class="reply">Reply</a></div>
<div class="flex-grow-1 ms-3">
<h5>Kevin Smith <small>Jan 01, <span class="current-year"></span></small></h5>
<p>Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit consectur aiscing elit amet adipisg adipisg.</p>
</div>
</div>
</li>
</ul>
</li>
<li>
<div class="d-flex">
<div class="flex-shrink-0"><img src="static/picture/32.jpg" alt="..."><a href="#" class="reply">Reply</a></div>
<div class="flex-grow-1 ms-3">
<h5>Daisy John <small>Jan 01, <span class="current-year"></span></small></h5>
<p>Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit consectur aiscing elit amet adipisg adipisg.</p>
</div>
</div>
</li>
</ul>
</div>
<!-- comments area end -->
</div>
</div>
<div class="col-lg-3">
<!-- summary box -->
<div class="summary-box mb-30">
<h4 class="mb-8">Beach Wedding at Adarson Club and Caicos...</h4>
<div class="destination-place"><i class="bi bi-geo-alt"></i> Miami, Florida</div>
<ul>
<li>
<h5>Destination:</h5>
<p>Indonesia</p>
</li>
<li>
<h5>Start Date:</h5>
<p>Jan 01, <span class="current-year"></span></p>
</li>
<li>
<h5>Posted Events:</h5>
<p>Kevin Smith</p>
</li>
<li>
<h5>Guest:</h5>
<p>150+ People</p>
</li>
<li>
<h5>Not Included:</h5>
<p>Destination Taxes, Entry Fees</p>
</li>
</ul>
<!-- best price -->
<div class="best-price row align-items-center">
<div class="col-lg-4 col-md-6 col-sm-6 col-6">
<div class="side-price">$1000</div>
</div>
<div class="col-lg-8 col-md-6 col-sm-6 col-6 text-end"><a href="#" class="btn-style-1 btn-sm">Book Now</a></div>
</div>
<!-- best price end -->
</div>
<!-- summary box end -->
<!-- sidebar widget -->
<div class="sidebar-widget mb-30">
<h5 class="sidebar-widget-title">Recent Post</h5>
<!-- sidebar recent post -->
<ul class="sidebar-recent-post">
<li>
<div class="recent-post-img"><img src="static/picture/recent-post-1.jpg" alt=""></div>
<div class="recent-post-des">
<h5 class="post-title"><a href="#">The real voyage does not consist...</a></h5>
<div class="post-date"><i class="far fa-calendar-alt"></i> Jan 01, <span class="current-year"></span> </div>
</div>
</li>
<li>
<div class="recent-post-img"><img src="static/picture/recent-post-2.jpg" alt=""></div>
<div class="recent-post-des">
<h5 class="post-title"><a href="#">On the beach of a blue sea in...</a></h5>
<div class="post-date"><i class="far fa-calendar-alt"></i> Jan 01, <span class="current-year"></span> </div>
</div>
</li>
<li>
<div class="recent-post-img"><img src="static/picture/recent-post-3.jpg" alt=""></div>
<div class="recent-post-des">
<h5 class="post-title"><a href="#">The planet doesnt need saving...</a></h5>
<div class="post-date"><i class="far fa-calendar-alt"></i> Jan 01, <span class="current-year"></span> </div>
</div>
</li>
</ul>
<!-- sidebar recent post end -->
</div>
<!-- sidebar widget end -->
</div>
</div>
</div>
</div>
<!-- ================ Details page 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 &copy; 2024.Company name All rights reserved.<a target="_blank" href="https://www.html5code.net/">&#x7F51;&#x9875;&#x6A21;&#x677F;</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 ================ -->
<!-- Request Pricing Modal -->
<div class="modal fade request-pricingModal" id="request-pricingModal" tabindex="-1" aria-labelledby="request-pricingModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="request-pricingModalLabel">Request a Quote</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form class="request-pricing-form">
<div class="row">
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Name<span class="text-danger">*</span></label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Email<span class="text-danger">*</span></label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Phone Number</label>
<input type="tel" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Event Type<span class="text-danger">*</span></label>
<select class="form-select">
<option selected="">Select</option>
<option value="Wedding">Wedding</option>
<option value="Wedding Shower">Wedding Shower</option>
<option value="Rehearsal Dinner">Rehearsal Dinner</option>
<option value="Gala">Gala</option>
<option value="Luncheon">Luncheon</option>
<option value="Bat Mitzvah">Bat Mitzvah</option>
<option value="Bar Mitzvah">Bar Mitzvah</option>
<option value="Kids Birthday">Kids Birthday</option>
<option value="Milestone Birthday">Milestone Birthday</option>
<option value="Dinner Party">Dinner Party</option>
<option value="Holiday Party">Holiday Party</option>
<option value="Anniversary">Anniversary</option>
<option value="Cocktail Party">Cocktail Party</option>
<option value="Baby Shower">Baby Shower</option>
<option value="Corporate Event">Corporate Event</option>
<option value="Corporate Holiday Party">Corporate Holiday Party</option>
<option value="Conference/Summit">Conference/Summit</option>
<option value="Awards Show">Awards Show</option>
<option value="Fashion Show">Fashion Show</option>
<option value="Product Launch">Product Launch</option>
<option value="Trade Show">Trade Show</option>
<option value="Pop Up">Pop Up</option>
<option value="Experiential Activation">Experiential Activation</option>
<option value="Installation/Exhibit">Installation/Exhibit</option>
<option value="Festival">Festival</option>
<option value="Live Event">Live Event</option>
<option value="Premiere">Premiere</option>
<option value="Employee Event">Employee Event</option>
<option value="Opening Party">Opening Party</option>
<option value="Sporting Event">Sporting Event</option>
</select>
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Date<span class="text-danger">*</span></label>
<input type="date" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Total Guest<span class="text-danger">*</span></label>
<select class="form-select">
<option selected="">Select</option>
<option value="Under 25">Under 25</option>
<option value="25 - 50">25 - 50</option>
<option value="50 - 100">50 - 100</option>
<option value="100 - 150">100 - 150</option>
<option value="150 - 200">150 - 200</option>
<option value="200 - 500">200 - 500</option>
<option value="500 - 1,000">500 - 1,000</option>
<option value="1,000+">1,000+</option>
</select>
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Estimated Budget</label>
<select class="form-select">
<option selected="">Select</option>
<option value="Under $10,000">Under $10,000</option>
<option value="$10,001-$30,000">$10,001-$30,000</option>
<option value="$30,001-$50,000">$30,001-$50,000</option>
<option value="$50,001-$100,000">$50,001-$100,000</option>
<option value="$100,001-$200,000">$100,001-$200,000</option>
<option value="$200,001-$500,000">$200,001-$500,000</option>
<option value="$500,000+">$500,000+</option>
<option value="I'm not sure">I'm not sure</option>
</select>
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Hours</label>
<input type="number" class="form-control">
</div>
</div>
<div class="col-lg-12">
<div class="mb-3">
<label class="form-label">Message</label>
<textarea class="form-control" rows="3"></textarea>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer justify-content-start">
<button type="button" class="btn-style-1">Send</button>
</div>
</div>
</div>
</div>
<!-- Request Pricing Modal 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>