Scribd
Upload
16 views16 pages

Index 1

The document is a webpage for 'Bloom Aura', an online flower delivery service that offers a variety of floral arrangements for different occasions. It includes sections for navigation, product offerings, customer reviews, and contact information, emphasizing free delivery and exceptional customer support. The site aims to provide a delightful floral shopping experience with a focus on quality and elegance.

Uploaded by

sanketbiradar1312
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
16 views16 pages

Index 1

The document is a webpage for 'Bloom Aura', an online flower delivery service that offers a variety of floral arrangements for different occasions. It includes sections for navigation, product offerings, customer reviews, and contact information, emphasizing free delivery and exceptional customer support. The site aims to provide a delightful floral shopping experience with a focus on quality and elegance.

Uploaded by

sanketbiradar1312
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 16

<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.0">

<title>Online Webiste</title>

<!-- Style Css Link -->

<link rel="stylesheet" href="style.css">

<!-- Style Css Link -->

<!-- Font Awesome Cdn -->


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.4.0/css/all.min.css">
<!-- Font Awesome Cdn -->

</head>

<body>

<!-- Header Start -->


<div class="header">

<nav>

<input type="checkbox" id="show-search">

<input type="checkbox" id="show-menu">

<label for="show-menu" class="menu-icon"><i class="fas fa-


bars"></i></label>

<div class="content">
<div class="logo"><a href="index.html"><img src="./images/lgoo.png"
alt=""></a></div>
<ul class="links">

<li><a href="#" id="first">Home</a></li>


<li><a href="#about">About</a></li>

<li><a href="#product">Products</a></li>
<li><a href="#contact">Contact</a></li>

<li><a href="#review">Reviews</a></li>

</ul>

</div>
<label for="show-search" class="search-icon"><i class="fas fa-
search"></i></label>

<form action="#" class="search-box">

<input type="text" placeholder="Search" required>


<button type="submit" class="go-icon"><i class="fas fa-long-arrow-alt-
right"></i></button>
</form>

</nav>

</div>

<!-- Header End -->

<!-- Home Section Start -->

<div class="home">
<div class="main-text">

<h1>Bloom Aura <br> Bring Nature's Beauty to Your Door </h1>


<p>Discover our handpicked, fresh flowers that add a touch of elegance to
every moment. </p>
<p>Whether it's a birthday, anniversary, or just because, our flowers are
crafted to make your celebrations blossom.</p>
<button id="btn">View More</button>

</div>
</div>

<!-- Home Section End -->

<!-- Top Section Card Start -->

<section class="offers">

<div class="offer-content">

<div class="row">

<i class="fa-solid fa-truck-fast"></i>

<h3>Free Delivery</h3>

<p>On all orders</p>

</div>
<div class="row">

<i class="fa-solid fa-headset"></i>

<h3>Support 24/7</h3>
<p>Call support available</p>

</div>

<div class="row">

<i class="fa-solid fa-cart-shopping"></i>


<h3>Secure Shopping</h3>

<p>Protected by Paypal</p>
</div>

</div>

</section>

<!-- Top Section Card End -->


<!-- About Section Start -->
<section class="about" id="about">

<div class="about-img">

<img src="./images/aboutt-img.jpeg" alt="">

</div>

<div class="about-text">

<h3>About us</h3>
<p>Welcome to Bloom Aura, your ultimate destination for fresh, stunning
flowers delivered right to your doorstep! Whether you’re celebrating a special
occasion or just want to brighten someone’s day, we offer a wide range of
handpicked blooms that add beauty and elegance to any moment.
<br> At Bloom Aura, we believe that flowers are more than just plants—
they’re expressions of love, joy, and thoughtfulness. Our team carefully curates the
finest floral arrangements to suit every taste and occasion, from bouquets to custom
creations.With a passion for exceptional service and a deep love for nature’s most
beautiful creations, we are committed to bringing a touch of nature into your life, one
bloom at a time.
<br> Join us on this floral journey and experience the art of flower shopping
made easy, delightful, and unforgettable.

</p>

<button id="about-btn">Read More...</button>

</div>

</section>
<!-- About Section End -->
<!-- Product Section Start -->

<section class="product" id="product">


<div class="main-txt">

<h3>Products</h3>
</div>

<div class="card-content">

<div class="row">

<img src="./images/p1.jpeg" alt="">

<div class="card-body">

<h3>Pretty Pastels</h3>
<p>A delicate arrangement of pastel flowers, perfect for every
celebration.</p>

<h5>Price ₹2000</h5>

<button>Order Now</button>
</div>

</div>

<div class="row">

<img src="./images/p2.jpeg" alt="">

<div class="card-body">

<h3>Velvet Grace</h3>
<p>Soft pink roses paired with lush greenery for subtle elegance.</p>

<h5>Price ₹3500 </h5>

<button>Order Now</button>

</div>

</div>
<div class="row">

<img src="./images/p3.jpeg" alt="">

<div class="card-body">

<h3>Serenity Sprigs</h3>
<p>Calming blue and white flowers to evoke tranquility.</p>

<h5>Price ₹4000</h5>
<button>Order Now</button>

</div>
</div>

<div class="row">

<img src="./images/p4.jpeg" alt="">

<div class="card-body">

<h3>Rosy Delight</h3>
<p>A charming bouquet of mixed roses to express love and
admiration.</p>

<h5>Price ₹7000</h5>

<button>Order Now</button>

</div>
</div>

</div>

<div class="card-content">

<div class="row">

<img src="./images/p5.jpeg" alt="">


<div class="card-body">

<h3>Pink Love</h3>

<p>Symbolising love with its purity.</p>

<h5>Price ₹3500</h5>

<button>Order Now</button>
</div>

</div>

<div class="row">

<img src="./images/p6.jpeg" alt="">


<div class="card-body">

<h3>Romantic Symphony</h3>
<p>A harmonious blend of white and pink flowers, perfect for lovebirds.

</p>

<h5>Price ₹4000</h5>

<button>Order Now</button>

</div>

</div>

<div class="row">

<img src="./images/p7.jpeg" alt="">

<div class="card-body">

<h3>Lavender Dreams</h3>

<p>Soothing lavender flowers with a touch of magic.</p>

<h5>Price ₹6000</h5>
<button>Order Now</button>

</div>

</div>
<div class="row">

<img src="./images/p8.jpeg" alt="">


<div class="card-body">

<h3>Ruby Romance</h3>

<p>Timeless arrangement of deep red roses for every heartfelt


occasion.</p>

<h5>Price ₹5000</h5>
<button>Order Now</button>

</div>

</div>

</div>
</section>
<!-- Product Section End -->

<!-- Banner Start -->

<div class="banner">

<div class="banner-content">

<h5>🌸 Limited Time Offer! 🌸</h5>

<h3>“Make Every Moment Blossom”

</h3>

<p>Free Delivery on Orders Above ₹500! <br>🎁 Use Code: FLOWER20 at


Checkout
</p>

<button><a href="#products">Order</a></button>

</div>

</div>

<!-- Banner End -->

<!-- Sale Products Start -->

<section class="product" id="products" style="margin-top: 50px;">

<div class="main-txt">

<h3>50% off products</h3>

</div>

<div class="card-content">
<div class="row">

<img src="./images/p9.jpg" alt="">


<div class="card-body">

<h3>Azure Bliss</h3>
<p>Calm and elegant blue blooms for any occasion.

</p>

<h5>Price ₹5500</h5>

<button>Order Now</button>

</div>

</div>

<div class="row">

<img src="./images/p10.jpg" alt="">

<div class="card-body">

<h3>Tulip Serenade</h3>

<p>Cheerful tulips to brighten every moment..</p>


<h5>Price ₹4200</h5>

<button>Order Now</button>

</div>
</div>

<div class="row">
<img src="./images/p11.jpg" alt="">

<div class="card-body">

<h3>Golden Radiance</h3>
<p>Radiant sunflowers to spread joy and warmth.</p>

<h5>Price ₹3000</h5>

<button>Order Now</button>

</div>

</div>

<div class="row">
<img src="./images/p12.jpg" alt="">

<div class="card-body">
<h3>Tangerine Dream</h3>

<p>Vibrant orange blooms for energy and charm.</p>


<h5>Price ₹3500</h5>

<button>Order Now</button>

</div>

</div>

</div>

</section>

<!-- Sale Products End -->

<!-- Our Gallary Start -->

<div class="gallary">

<h3>Gallery</h3>
<div class="gallary-img">

<div class="img1">
<img src="image1.jpg" alt="Image 1">

</div>

<div class="img2">
<img src="image2.jpg" alt="Image 2">

</div>
<div class="img3">

<img src="image3.jpg" alt="Image 3">

</div>

</div>
</div>

</div>

</div>

</div>

<!-- Our Gallary End -->

<!-- Contact Section Start -->

<section class="contact" id="contact">

<div class="content-text">
<h2>We'd Love to <span>Hear From You!</span></h2>

<p>Got questions, feedback, or special requests? We're here to help!


Whether you’re looking for the perfect bouquet or need assistance with your order,
don’t hesitate to reach out. Let’s make your floral experience truly delightful.</p>
<p></p>

<div class="list">

<li><a href="#">+91 989823841</a></li>

<li><a href="#">[email protected]</a></li>

<li><a href="#">Priyanka Shruti Pratiksha</a></li>


</div>

</div>

<div class="contact-form">

<h1>Contact Us</h1>

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">


<input type="text" name="name" placeholder="Name" required>

<input type="number" name="phone" placeholder="Phone" required>


<input type="email" name="email" placeholder="Email" required>

<textarea name="message" id="" cols="35" rows="10"


placeholder="Message" required></textarea>

<input type="submit" value="Send" class="submit">

</form>
</div>

<!-- PHP Logic -->

<?php

// Check if the form is submitted

if ($_SERVER["REQUEST_METHOD"] == "POST") {

$name = htmlspecialchars($_POST['name']);
$phone = htmlspecialchars($_POST['phone']);

$email = htmlspecialchars($_POST['email']);

$message = htmlspecialchars($_POST['message']);

// Display a confirmation message

echo "<div class='confirmation-message'>";


echo "<p>Thank you for your submission, $name!</p>";

echo "<p>Phone: $phone</p>";

echo "<p>Email: $email</p>";

echo "<p>Message: $message</p>";

echo "</div>";
}

?>

</section>
<!-- Contact Section End -->

<!-- Review Section Start -->

<section class="review" id="review">

<div class="main-txt">

<h3>Customers <span>Review</span></h3>

</div>

<div class="review-content">

<div class="box">

<div class="img">

<img src="./images/pic-1.jpg" alt="">

</div>
<h3>Rhea</h3>

<div class="star">

<i class="fa-solid fa-star checked"></i>


<i class="fa-solid fa-star checked"></i>

<i class="fa-solid fa-star checked"></i>


<i class="fa-solid fa-star checked"></i>

<i class="fa-solid fa-star checked"></i>

</div>
<p><i>I ordered a bouquet for my friend's birthday and was blown away by the
quality! The flowers were fresh, vibrant, and beautifully arranged. Highly recommend
this service!.</i></p>

</div>

<div class="box">

<div class="img">
<img src="./images/pic-2.jpg" alt="">

</div>
<h3>Jiya</h3>

<div class="star">
<i class="fa-solid fa-star checked"></i>

<i class="fa-solid fa-star checked"></i>

<i class="fa-solid fa-star checked"></i>

<i class="fa-solid fa-star checked"></i>

<i class="fa-solid fa-star checked"></i>

</div>
<p><i>The best flower service I’ve ever used! The bouquets are fresh and
beautifully designed. I’ve received compliments on the flowers every time I’ve
ordered from here.</i>.</p>

</div>

<div class="box">
<div class="img">

<img src="./images/pic-3.png" alt="">

</div>
<h3>Harry</h3>

<div class="star">

<i class="fa-solid fa-star checked"></i>

<i class="fa-solid fa-star checked"></i>

<i class="fa-solid fa-star checked"></i>


<i class="fa-solid fa-star checked"></i>

<i class="fa-solid fa-star checked"></i>

</div>
<p><i>I've used this flower service for multiple occasions, and each time, the
flowers exceed my expectations. The arrangements are gorgeous, and they always
arrive on time!.</i></p>
</div>

</div>

</section>

<!-- Review Section End -->

<!-- Footer Start -->

<footer id="footer">

<div class="footer-content">

<div class="logo">

<img src="./images/lgoo.png" alt="">


</div>

<p>At Bloom Aura, we believe in bringing nature's beauty to your doorstep.


Whether it's for a special occasion or just to brighten someone's day, our handpicked
bouquets and arrangements are crafted with love and care.

<br>Stay connected with us for the latest designs, offers, and floral
inspiration.

</p>

<div class="socail-links">
<i class="fa-brands fa-twitter"></i>

<i class="fa-brands fa-facebook-f"></i>


<i class="fa-brands fa-instagram"></i>

<i class="fa-brands fa-youtube"></i>

<i class="fa-brands fa-pinterest-p"></i>

</div>
</div>

<hr>
<div class="footer-bottom-content">

<div class="copyright">
<p>&copy;Copyright <strong>Bloom Aura</strong>.All Rights
Reserved</p>

</div>
</div>

</footer>
<!-- Footer End -->

<a href="#" class="arrow"><i><img src="./images/up-arrow.png" alt=""


width="50px"></i></a>

</body>
</html>

You might also like