Skip to content

Commit

Permalink
14and38
Browse files Browse the repository at this point in the history
  • Loading branch information
@Premkumar-2004
Premkumar-2004 authored Dec 15, 2023
1 parent e6a49f0 commit 1ddd88c
Show file tree
Hide file tree
Showing 28 changed files with 858 additions and 0 deletions.
317 changes: 317 additions & 0 deletions Assignments/CB.EN.U4CYS22014/ui/Index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,317 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="css/style.css">
<title>Wedding Planner Website</title>
</head>
<body>
<header class="head">
<a href="#" class="logo"><i class="fas fa-heart"></i>&nbsp;Bells<span>And</span>Brides&nbsp;<i class="fas fa-heart"></i></a>
<nav class="navbar ">
<a href="#" class="active">Home</a>
<a href="#service">Service</a>
<a href="#vendor">Vendors</a>
<a href="#venue">Venue</a>
<a href="#invite">E-invites</a>
<a href="#contact">Contact</a>
</nav>
<div id="menu-bar"><i class="fas fa-bars"></i></div>
</header>
<!---------------------------Home--------------------->
<section class="home" id="home">
<form action="#">
<div class="search-box">
<h1>We make Every Moment Special!!</h1>
<p>Get the best wedding planners to make your wedding memorable</p>
<select type="text" class="search-field">
<option disabled selected>Select vendor type</option>
<option value="Wedding Venues">Wedding Venues</option>
<option value="Family makeup">Family makeup</option>
<option value="bridal makeup">Bridal Makeup</option>
<option value="Groom Wear">Groom Wear</option>
<option value="Wedding Decoration">Wedding decoration</option>
</select>
<select type="text" class="search-field">
<option disabled selected>City</option>
<option value="Anand">banglore</option>
<option value="Ahemdabad">Ahemdabad</option>
<option value="Mumbai">Mumbai</option>
<option value="Baroda">Baroda</option>
<option value="Goa">Goa</option>
</select>

<button class="btn"><a href ="https://www.shaadisquad.com/">search</a></button>
</div>
</form>
</section>

<!---------------------------service--------------------->
<section class="service" id="service">
<div class="title">
<h1><span>S</span>ervice</h1>
</div>
<div class="services-row">
<div class="services-col">
<i class="fas fa-book-open"></i>
<h2>invitation</h2>
<p>May our love be a reflection of the enduring love stories that have withstood the test of time.</p>
</div>
<div class="services-col">
<i class="fas fa-camera"></i>
<h2>Photography & Video</h2>
<p>Anyone can catch your eye, but it takes someone special to catch your heart</p>
</div>
<div class="services-col">
<i class="fas fa-brush"></i>
<h2>Beauty & Makeup</h2>
<p>Beauty begins the moment you decide to be yourself.</p>
</div>
<div class="services-col">
<i class="fab fa-pagelines"></i>
<h2>Wedding flowers</h2>
<p>If I had a single flower for every time I think about you, I could walk forever in my garden.</p>
</div>
<div class="services-col">
<i class="fas fa-birthday-cake"></i>
<h2>wedding cake</h2>
<p>The sweetest addition to our wedding day.</p>
</div>
<div class="services-col">
<i class="fas fa-music"></i>
<h2>music band</h2>
<p>For a pop of music magic, our band has got the trick.</p>
</div>
<div class="services-col">
<i class="fas fa-utensils"></i>
<h2>Catering</h2>
<p>Filling every occasion with great food and service.</p>
</div>
<div class="services-col">
<i class="fas fa-ring"></i>
<h2>Jewellery</h2>
<p>These gems have life in them: their colors speak, say what words fail of.</p>
</div>
</div>
</section>
<!-----------------------------vendor------------------->
<section class="vendor" id="vendor">
<div class="title">
<h1><span>F</span>eatured <span>V</span>endor</h1>
</div>
<div class="vendor-list">
<div class="vendor-row">
<div class="rate">4.5&nbsp;<i class="fa fa-star" aria-hidden="true"></i></div>
<img src="images/image3.jpg" alt="img">
<h2>Beauty tales by komal rai</h2>
<p>Bridal Makeup</p>
<h3>Rs.20,000 onwards</h3>
</div>
<div class="vendor-row">
<div class="rate">4.2&nbsp;<i class="fa fa-star" aria-hidden="true"></i></div>
<img src="images/image4.jpg" alt="img">
<h2>Flinters Management</h2>
<p>Wedding Planner</p>
<h3>Rs.2.5-4 Lakh</h3>
</div>
<div class="vendor-row">
<div class="rate">5.0&nbsp;<i class="fa fa-star" aria-hidden="true"></i></div>
<img src="images/image5.jpg" alt="img">
<h2>Wedding Mela</h2>
<p>Wedding Decorators</p>
<h3>Rs.80,000-30,00,000</h3>
</div>
<div class="vendor-row">
<div class="rate">4.9&nbsp;<i class="fa fa-star" aria-hidden="true"></i></div>
<img src="images/image6.jpg" alt="img">
<h2>Bhavya Wedding Company</h2>
<p>Wedding Decorators-Rental Only</p>
<h3>Rs.80,000 Onwards</h3>
</div>
<div class="vendor-row">
<div class="rate">4.3&nbsp;<i class="fa fa-star" aria-hidden="true"></i></div>
<img src="images/image7.jpg" alt="img">
<h2>Wedding Mela</h2>
<p>Wedding Decorators</p>
<h3>Rs.80,000-30,00,000</h3>
</div>
<div class="vendor-row">
<div class="rate">4.0&nbsp;<i class="fa fa-star" aria-hidden="true"></i></div>
<img src="images/image8.jpg" alt="img">
<h2>Wedding Mela</h2>
<p>Wedding Decorators</p>
<h3>Rs.1.8 Lakh</h3>
</div>
</div>
</section>
<!----------------------------venue Section-------------->
<section class="venue" id="venue">
<div class="title">
<h1><span>V</span>enues</h1>
</div>
<div class="venue-list">
<div class="venue-box">
<img src="images/venue1.jpg" alt="img">
<div class="venue-info">
<h2>Goa</h2>
<p>Azaya Beach Resort, Goa</p>
<button class="btn" onclick="window.location.href='https://www.booking.com/hotel/in/azaya-beach-resort-goa.en-gb.html?aid=356980&label=gog235jc-1DCAsobEIWYXpheWEtYmVhY2gtcmVzb3J0LWdvYUgzWANobIgBAZgBCbgBF8gBDNgBA-gBAYgCAagCA7gCzI_GpQbAAgHSAiRlNGUzNTdmYy0zMmVhLTQ3NjktOTMwMC0wZjFlZjczNmFjMznYAgTgAgE&sid=5a4293cd2f2af87ff0b752d4b4865332&dist=0&keep_landing=1&sb_price_type=total&type=total&'">More Info</button>
</div>
</div>
<div class="venue-box">
<img src="images/venue2.jpg" alt="img">
<div class="venue-info">
<h2>Jaipur</h2>
<p>The Raj Palace</p>
<button class="btn" onclick="window.location.href='https://www.booking.com/hotel/in/the-raj-palace-jaipur.html'">More Info</button>
</div>
</div>
<div class="venue-box">
<img src="images/venue3.jpg" alt="img">
<div class="venue-info">
<h2>Udaipur</h2>
<p>Taj Aravalli Resort and Spa</p>
<button class="btn" onclick="window.location.href='https://www.booking.com/hotel/in/taj-aravali-resort-amp-spa.html'">More Info</button>
</div>
</div>
<div class="venue-box">
<img src="images/venue4.jpg" alt="img">
<div class="venue-info">
<h2>Thailand</h2>
<p>Prince Palace Hotel</p>
<button class="btn" onclick="window.location.href='https://www.booking.com/hotel/th/prince-palace.en-gb.html?aid=356980&label=gog235jc-1DCAso3QFCDXByaW5jZS1wYWxhY2VIM1gDaGyIAQGYAQm4ARfIAQzYAQPoAQGIAgGoAgO4AtuRxqUGwAIB0gIkMDZiYjAyZjAtMTBhZi00NGZjLThmNzAtNjZmYzMxNGUyMWU12AIE4AIB&sid=5a4293cd2f2af87ff0b752d4b4865332&dist=0&keep_landing=1&sb_price_type=total&type=total&'">More Info</button>
</div>
</div>
<div class="venue-box">
<img src="images/venue5.jpg" alt="img">
<div class="venue-info">
<h2>Mumbai</h2>
<p>Grand Banquet, Chembur</p>
<button class="btn" onclick="window.location.href='https://weddingz.in/mumbai/grand-banquets-chembur/'">More Info</button>
</div>
</div>
<div class="venue-box">
<img src="images/venue6.jpg" alt="img">
<div class="venue-info">
<h2>Daman</h2>
<p>The Deltin,Daman</p>
<button class="btn" onclick="window.location.href='https://www.booking.com/hotel/in/the-deltin-resort-amp-casino.en-gb.html?aid=356980&label=gog235jc-1DCAsobEIcdGhlLWRlbHRpbi1yZXNvcnQtYW1wLWNhc2lub0gzWANobIgBAZgBCbgBF8gBDNgBA-gBAYgCAagCA7gC85XGpQbAAgHSAiRjMjNkN2NmYi1iNzdkLTRiZTMtODQ3ZC0wNTYwMGVlZmI4NTjYAgTgAgE&sid=5a4293cd2f2af87ff0b752d4b4865332&dist=0&keep_landing=1&sb_price_type=total&type=total&'">More Info</button>
</div>
</div>
</div>
</section>
<!------------------E-invitation------------------>
<section class="invite" id="invite">
<div class="title">
<h1>Card<span>Design</span></h1>
<p>Choose the best card Design.</p>
</div>
<div class="invitation-row">
<div class="invitation-box">
<img src="images/card1.jpg" alt="">
</div>
<div class="invitation-box">
<img src="images/card2.jpg" alt="">
</div>
<div class="invitation-box">
<img src="images/card3.jpg" alt="">
</div>
<div class="invitation-box">
<img src="images/card4.jpg" alt="">
</div>
<div class="invitation-box">
<img src="images/card5.jpg" alt="">
</div>
<div class="invitation-box">
<img src="images/card6.jpg" alt="">
</div>
<div class="invitation-box">
<img src="images/card7.jpg" alt="">
</div>
<div class="invitation-box">
<img src="images/card8.jpg" alt="">
</div>
<div class="invitation-box">
<img src="images/card9.jpg" alt="">
</div>
<div class="invitation-box">
<img src="images/card10.jpg" alt="">
</div>
<div class="invitation-box">
<img src="images/card11.jpg" alt="">
</div>
<div class="invitation-box">
<img src="images/card12.jpg" alt="">
</div>
</div>
</section>
<!--------------------------------------------footer section--------------------------->
<footer id="contact">
<div class="container">
<div class="f-container">
<h2>BellsAndBrides - Your Personal Wedding Planner</h2><br>
<p>Plan your wedding with Us BellsAndBrides is an Indian Wedding Planning Website </p>
<div>
<button class="btn">Register as a Vendor</button>
</div>
<div class="social">
<a href="https://www.facebook.com/yourpage"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/yourpage"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/yourpage"><i class="fab fa-linkedin"></i></a>
<a href="https://www.twitter.com/yourpage"><i class="fab fa-twitter"></i></a>
<a href="https://www.pinterest.com/yourpage"><i class="fab fa-pinterest"></i></a>
</div>
</div>
<div class="f-container">
<h2>Our Location</h2>
<a href="#"><i class="fas fa-angle-right"></i>Anand</a>
<a href="#"><i class="fas fa-angle-right"></i>Vadodara</a>
<a href="#"><i class="fas fa-angle-right"></i>Mumbai</a>
<a href="#"><i class=" fas fa-angle-right "></i>Ahemdabad</a>
<a href="# "><i class="fas fa-angle-right "></i>Surat</a>
</div>

<div class="f-container">
<h2>Our Newsletter</h2>
<p>Subscribe for latest updates</p>
<input type="text" id="emailInput" placeholder="Enter Your Email">
<button class="btn" onclick="subscribe()">Subscribe</button>
</div>
<script type="text/javascript">
function subscribe() {
var email = document.getElementById("emailInput").value;
var regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

if (email.match(regex)) {
document.getElementById("emailInput").value = "";
alert("Successfully subscribed!");

} else {
alert("Please enter a valid email address.");
}
}
</script>

</footer>
<div class="greetings ">
<p>Thank You</p>
</div>
</body>
<script>
let menu = document.querySelector('#menu-bar');
let head = document.querySelector('.head .navbar');

menu.onclick = () => {
head.classList.toggle('active');
};

window.onscroll = () => {
head.classList.remove('active');
if (window.scrollY > 60) {
document.querySelector('#menu-bar').classList.add('active');
} else {
document.querySelector('#menu-bar').classList.remove('active');
}
};
</script>
</html>
Loading

0 comments on commit 1ddd88c

Please sign in to comment.