BLACKSITE


	: 216.73.216.62
	: 147.93.18.13 / vinyasaweddings.com
	: Linux srv667811 6.8.0-134-generic #134-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 26 18:43:11 UTC 2026 x86_64
: /var/www/wedmoment/prewedding/
files >> /var/www/wedmoment/prewedding/index.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">
	<meta name="description"
		content="Responsive Bootstrap4 Shop Template, Created by Imran Hossain from https://imransdesign.com/">

	<!-- title -->
	<title>Pre Wedding | Wedmoment</title>

	<!-- favicon -->
	<link rel="shortcut icon" type="image/png" href="assets/img/favicon.png">
	<!-- google font -->
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
	<!-- fontawesome -->
	<link rel="stylesheet" href="../assets/css/all.min.css">
	<!-- bootstrap -->
	<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
	<!-- owl carousel -->
	<link rel="stylesheet" href="../assets/css/owl.carousel.css">
	<!-- magnific popup -->
	<link rel="stylesheet" href="../assets/css/magnific-popup.css">
	<!-- animate css -->
	<link rel="stylesheet" href="../assets/css/animate.css">
	<!-- mean menu css -->
	<link rel="stylesheet" href="../assets/css/meanmenu.min.css">
	<!-- main style -->
	<link rel="stylesheet" href="../assets/css/main.css">
	<!-- responsive -->
	<link rel="stylesheet" href="../assets/css/responsive.css">
	<style>
		.grid-container {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 20px;
			padding: 20px;
			max-width: 1200px;
			margin: 0 auto;
		}

		.grid-item {
			position: relative;
			overflow: hidden;
			border-radius: 10px;
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
			transition: transform 0.3s ease;
		}

		.grid-item img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.3s ease;
		}

		.grid-item:hover {
			transform: translateY(-10px);
		}

		.grid-item:hover img {
			transform: scale(1.1);
		}

		.grid-item .overlay {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, 0.4);
			opacity: 0;
			transition: opacity 0.3s ease;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			font-size: 18px;
			font-weight: bold;
		}

		.grid-item:hover .overlay {
			opacity: 1;
		}

		/* Responsive Design */
		@media (max-width: 768px) {
			.grid-container {
				grid-template-columns: repeat(2, 1fr);
			}
		}

		@media (max-width: 480px) {
			.grid-container {
				grid-template-columns: repeat(1, 1fr);
			}
		}

		/* Special Design for First Two Rows */
		.grid-item.random {
			grid-column: span 2;
			height: 300px;
		}

		.grid-item.random img {
			height: 100%;
		}
	</style>

</head>

<body>

	<!--PreLoader-->
	<div class="loader">
		<div class="loader-inner">
			<div class="circle"></div>
		</div>
	</div>
	<!--PreLoader Ends-->

	<!-- header -->
	<div class="top-header-area" id="sticker">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 col-sm-12 text-center">
					<div class="main-menu-wrap">
						<!-- logo -->
						<div class="site-logo">
							<a href="/">
								<img src="../assets/images/logo5.png" alt="">
							</a>
						</div>
						<!-- logo -->

						<!-- menu start -->
						<nav class="main-menu">
							<ul>
								<li><a href="/">Home</a>

								</li>
								<li><a href="/about">About</a></li>
								<li class="current-list-item"><a href="#">Our Work</a>
									<ul class="sub-menu">
										<li><a href="/wedding">Wedding</a></li>
										<li><a href="/preWedding">Pre Wedding</a></li>
										<li><a href="/award">Award</a></li>

									</ul>
								</li>
								<!-- <li><a href="news.html">News</a> -->
								<!-- <ul class="sub-menu">
										<li><a href="news.html">News</a></li>
										<li><a href="single-news.html">Single News</a></li>
									</ul> -->
								</li>
								<li><a href="/contact">Contact</a></li>
								<!-- <li><a href="shop.html">Shop</a>
									<ul class="sub-menu">
										<li><a href="shop.html">Shop</a></li>
										<li><a href="checkout.html">Check Out</a></li>
										<li><a href="single-product.html">Single Product</a></li>
										<li><a href="cart.html">Cart</a></li>
									</ul>
								</li> -->
								<li>
									<div class="header-icons">
										<a class="social-icon" href="https://www.facebook.com" target="_blank">
											<i class="fab fa-facebook-f"></i>
										</a>
										<a class="social-icon" href="https://www.instagram.com" target="_blank">
											<i class="fab fa-instagram"></i>
										</a>
										<a class="social-icon" href="https://www.youtube.com" target="_blank">
											<i class="fab fa-youtube"></i>
										</a>
										<a class="social-icon" href="https://www.linkedin.com" target="_blank">
											<i class="fab fa-linkedin-in"></i>
										</a>

									</div>

								</li>
							</ul>
						</nav>
						<a class="mobile-show search-bar-icon" href="#"><i class="fas fa-search"></i></a>
						<div class="mobile-menu"></div>
						<!-- menu end -->
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end header -->



	<!-- breadcrumb-section -->
	<div class="breadcrumb-section breadcrumb-bg">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 offset-lg-2 text-center">
					<div class="breadcrumb-text">
						<p>Capturing Moments</p>
						<h1>Pre Wedding</h1>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- end breadcrumb section -->

	<!-- products -->
	<div class="product-section mt-150 mb-150">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 offset-lg-2 text-center">
					<div class="section-title">
						<h3><span class="highlight-text">Our</span> Photography Collections</h3>
						<p>Capture your precious moments with our stunning photography. Explore weddings, pre-wedding
							shoots, and party memories.</p>
					</div>
				</div>
			</div>

			<div id="cinematography-grid" class="grid-container"></div>

		</div>
	</div>
	<!-- end products -->

	<!-- logo carousel -->
	<div class="logo-carousel-section">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="logo-carousel-inner">
						<div class="single-logo-item">
							<img src="assets/img/company-logos/1.png" alt="">
						</div>
						<div class="single-logo-item">
							<img src="assets/img/company-logos/2.png" alt="">
						</div>
						<div class="single-logo-item">
							<img src="assets/img/company-logos/3.png" alt="">
						</div>
						<div class="single-logo-item">
							<img src="assets/img/company-logos/4.png" alt="">
						</div>
						<div class="single-logo-item">
							<img src="assets/img/company-logos/5.png" alt="">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end logo carousel -->

	<!-- footer -->
	<div class="footer-area">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-6">
					<div class="footer-box about-widget">
						<h2 class="widget-title">About us</h2>
						<p>At Wed Moment, we believe every wedding tells a unique story. We have been dedicated to
							turning dreams into unforgettable celebrations. Our experienced team specializes in crafting
							stunning decor, seamless event planning, and capturing timeless moments</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="footer-box get-in-touch">
						<h2 class="widget-title">Get in Touch</h2>
						<!-- <ul>
							<li>34/8, East Hukupara, Gifirtok, Sadan.</li>
							<li>support@fruitkha.com</li>
							<li>+00 111 222 3333</li>
						</ul> -->
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="footer-box pages">
						<h2 class="widget-title">Pages</h2>
						<ul>
							<li><a href="index.html">Home</a></li>
							<li><a href="about.html">About</a></li>
							<li><a href="services.html">Our Work</a></li>
							<!-- <li><a href="news.html">News</a></li> -->
							<li><a href="contact.html">Contact</a></li>
						</ul>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="footer-box subscribe">
						<h2 class="widget-title">Subscribe</h2>
						<p>Subscribe to our mailing list to get the latest updates.</p>
						<form action="index.html">
							<input type="email" placeholder="Email">
							<button type="submit"><i class="fas fa-paper-plane"></i></button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end footer -->

	<!-- copyright -->
	<div class="copyright">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 col-md-12">
					<p>Copyrights &copy; 2024 - <a href="https://webythink.com/">WebyThink</a>, All Rights Reserved.</p>
				</div>
				<div class="col-lg-6 text-right col-md-12">
					<div class="social-icons">
						<ul>
							<li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>

							<li><a href="#" target="_blank"><i class="fab fa-instagram"></i></a></li>

							<li><a href="#" target="_blank"><i class="fab fa-youtube"></i></a></li>

							<li><a href="#" target="_blank"><i class="fab fa-linkedin"></i></a></li>

						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end copyright -->

	<!-- jquery -->
	<script src="../assets/js/jquery-1.11.3.min.js"></script>
	<!-- bootstrap -->
	<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
	<!-- count down -->
	<script src="../assets/js/jquery.countdown.js"></script>
	<!-- isotope -->
	<script src="../assets/js/jquery.isotope-3.0.6.min.js"></script>
	<!-- waypoints -->
	<script src="../assets/js/waypoints.js"></script>
	<!-- owl carousel -->
	<script src="../assets/js/owl.carousel.min.js"></script>
	<!-- magnific popup -->
	<script src="../assets/js/jquery.magnific-popup.min.js"></script>
	<!-- mean menu -->
	<script src="../assets/js/jquery.meanmenu.min.js"></script>
	<!-- sticker js -->
	<script src="../assets/js/sticker.js"></script>
	<!-- main js -->
	<script src="../assets/js/main.js"></script>

	<script src="../script.js"></script>
	<!-- <img src="../assets/img/cinematography/1.jpg"/> -->

	<script>
		const cinematographyImages = [
	{ path: '../assets/img/mix/image_31.jpg', name: 'image31' },
	{ path: '../assets/img/mix/image_32.jpg', name: 'image32' },
	{ path: '../assets/img/mix/image_33.jpg', name: 'image33' },
	{ path: '../assets/img/mix/image_34.jpg', name: 'image34' },
	{ path: '../assets/img/mix/image_35.jpg', name: 'image35' },
	{ path: '../assets/img/mix/image_36.jpg', name: 'image36' },
	{ path: '../assets/img/mix/image_37.jpg', name: 'image37' },
	{ path: '../assets/img/mix/image_38.jpg', name: 'image38' },
	{ path: '../assets/img/mix/image_39.jpg', name: 'image39' },
	{ path: '../assets/img/mix/image_40.jpg', name: 'image40' },
	{ path: '../assets/img/mix/image_41.jpg', name: 'image41' },
	{ path: '../assets/img/mix/image_42.jpg', name: 'image42' },
	{ path: '../assets/img/mix/image_43.jpg', name: 'image43' },
	{ path: '../assets/img/mix/image_44.jpg', name: 'image44' },
	{ path: '../assets/img/mix/image_45.jpg', name: 'image45' },
	{ path: '../assets/img/mix/image_46.jpg', name: 'image46' },
	{ path: '../assets/img/mix/image_47.jpg', name: 'image47' },
	{ path: '../assets/img/mix/image_48.jpg', name: 'image48' },
	{ path: '../assets/img/mix/image_49.jpg', name: 'image49' },
	{ path: '../assets/img/mix/image_50.jpg', name: 'image50' },
	{ path: '../assets/img/mix/image_51.jpg', name: 'image51' },
	{ path: '../assets/img/mix/image_52.jpg', name: 'image52' },
	{ path: '../assets/img/mix/image_53.jpg', name: 'image53' },
	{ path: '../assets/img/mix/image_54.jpg', name: 'image54' },
	{ path: '../assets/img/mix/image_55.jpg', name: 'image55' },
	{ path: '../assets/img/mix/image_56.jpg', name: 'image56' },
	{ path: '../assets/img/mix/image_57.jpg', name: 'image57' },
	{ path: '../assets/img/mix/image_58.jpg', name: 'image58' },
	{ path: '../assets/img/mix/image_59.jpg', name: 'image59' },
	{ path: '../assets/img/mix/image_60.jpg', name: 'image60' },
];



		const gridContainer = document.getElementById('cinematography-grid');

		cinematographyImages.forEach((image, index) => {
			const gridItem = document.createElement('div');
			gridItem.classList.add('grid-item');

			// Add random design for the first two rows
			// if (index < 6 && Math.random() > 0.5) {
			// 	gridItem.classList.add('random');
			// }

			const img = document.createElement('img');
			img.src = image.path;
			img.alt = image.name;

			const overlay = document.createElement('div');
			overlay.classList.add('overlay');
			// overlay.textContent = image.name;

			gridItem.appendChild(img);
			gridItem.appendChild(overlay);
			gridContainer.appendChild(gridItem);
		});

	</script>
</body>

</html>