<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MarryDo</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header >
<div class="navigation container">
<nav class="navbar">
<div class="logo_sec">
<img src="image/marrydoLogo.png" alt="logo" >
</div>
<ul class="nav">
<li class="nav-item"><a href="" class="nav-link active-page">Home</a></li>
<li class="nav-item"><a href="service.html" class="nav-link ">Service</a></li>
<li class="nav-item"><a href="about.html" class="nav-link ">About Us</a></li>
</ul>
<div class="account">
<button class="btn log_btn">Login</button>
</div>
</nav>
</div>
<div class="hero container d-flex justify-content-between ">
<div class="text_area text-center ">
<h1><span class="marydo">MarryDo</span>Weadings</h1>
<p class="my-4">Welcome to <span class="marydo">MarryDo</span>
Weddings.We're a Wedding
Venue based in Launceston with over 15 years
experience in the wedding industry.
We believe that beautiful weddings don't
have to be complicated, stressful and unaffordable. <br>
To get our awesome service.
</p>
<button class="btn"><a href="service.html">Book Now</a></button>
</div>
<div class="Photo_slide ">
<div id="slider">
<img src="image/mam1.jpg" alt="Image 1" class="active">
<img src="image/2.jpg" alt="Image 2">
<img src="image/3.jpg" alt="Image 3">
</div>
</div>
</div>
</div>
</header>
<section id="stages">
<div class="inner_stages container ">
<div class="stages_text text-center my-4">
<h2>Our Stages</h2>
</div>
<div class="stage_body row d-flex justify-content-around ">
<div class="stage_card col-md-4 m-3 ">
<img src="image/stage1.jpg" alt="stage">
<h3>Main stage</h3>
<p>3 round</p>
<button class="btn stage_btn">View More</button>
</div>
<div class="stage_card col-md-4 m-3">
<img src="image/stage2.jpg" alt="stage">
<h3>main stage 2</h3>
<p>water lily</p>
<button class="btn stage_btn">View More</button>
</div>
<div class="stage_card col-md-4 m-3">
<img src="image/stage3.jpg" alt="stage">
<h3> Outdoor Stage</h3>
<p>water fall</p>
<button class="btn stage_btn">View More</button>
</div>
</div>
<div class="stage_body row d-flex justify-content-around">
<div class="stage_card col-md-4 m-3 ">
<img src="image/H_stage1.jpg" alt="stage">
<h3>Haldi stage</h3>
<p>V-Shape stage</p>
<button class="btn stage_btn">View More</button>
</div>
<div class="stage_card col-md-4 m-3">
<img src="image/H_stage2.jpg" alt="stage">
<h3>Indoor gift stage</h3>
<p>U-Shape stage</p>
<button class="btn stage_btn">View More</button>
</div>
<div class="stage_card col-md-4 m-3">
<img src="image/H_stage3.jpg" alt="stage">
<h3>Premium main stage</h3>
<p>Triangle back design</p>
<button class="btn stage_btn">View More</button>
</div>
</div>
<div class="stage_body row d-flex justify-content-around ">
<div class="stage_card col-md-4 m-3 ">
<img src="image/COUPLE1.jpg" alt="stage">
<h3>Haldi stage</h3>
<p>Haldi naight couple</p>
<button class="btn stage_btn">View More</button>
</div>
<div class="stage_card col-md-4 m-3">
<img src="image/COUPLE2.jpg" alt="stage">
<h3>Bride stage</h3>
<p>Nika stage with couple</p>
<button class="btn stage_btn">View More</button>
</div>
<div class="stage_card col-md-4 m-3">
<img src="image/COUPLE3.jpg" alt="stage">
<h3>Bride&Groom </h3>
<p>Bride & Groom in weading day</p>
<button class="btn stage_btn">View More</button>
</div>
</div>
</div>
</section>
<!-- Added footer by Kowser Ahmed-->
<footer>
<div class="contact container text-center text-white my-">
<h2>Contact Us</h2>
</div>
<div class="inner_footer container d-flex justify-content-between ">
<div class="address_section text-white ">
<h4>MarryDo Weadings</h4>
<h4>32/A Dairy Farm, Aricha Road</h4>
<h4>Savar, Dhaka</h4>
</div>
<div class="links">
<ul class="nav">
<li class="nav-link"><a href=""><i class="fa-brands fa-facebook"></i></a></li>
<li class="nav-link"><a href=""><i class="fa-brands fa-whatsapp"></i></a></li>
<li class="nav-link"><a href=""><i class="fa-solid fa-envelope"></i></a></li>
<li class="nav-link"><a href=""><i class="fa-brands fa-twitter"></i></a></li>
</ul>
</div>
<div class="form_area ">
<form action="" class="">
<input type="email" placeholder="Email">
<textarea name="" id="" placeholder="Type here..."></textarea>
<input type="submit" value="Send">
</form>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</html>