291 lines
14 KiB
HTML
291 lines
14 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="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 active"> <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</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 ================ -->
|
||
|
|
|
||
|
|
<!-- ================ inner page header ================ -->
|
||
|
|
<div class="inner-page-title inner-page-header-bg">
|
||
|
|
<div class="container">
|
||
|
|
<div class="inner-page-title-c">
|
||
|
|
<h1>Video Gallery</h1>
|
||
|
|
<div class="breadcrumb-box">
|
||
|
|
<!-- breadcrumb -->
|
||
|
|
<ol class="breadcrumb">
|
||
|
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||
|
|
<li class="breadcrumb-item active" aria-current="page">Video Gallery</li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- ================ inner page header end ================ -->
|
||
|
|
|
||
|
|
<!-- ================ Video gallery page ================ -->
|
||
|
|
<div class="video-gallery-page 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">
|
||
|
|
<!-- 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 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/43.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/53.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/62.jpg" alt=""></div>
|
||
|
|
<div class="icon"><i class="bi bi-play-circle"></i></div>
|
||
|
|
</a>
|
||
|
|
<!-- video box end -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- ================ Video gallery 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 © 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>
|