IP EXP2

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>BOBBY - Beauty Products</title>
</head>
<body>
 <h1>Bobby</h1>
 <nav>
  <a href="#home">Home</a> |
  <a href="#product">Products</a> |
  <a href="#cart">Cart</a> |
  <a href="#location">Store Location</a> |
  <a href="#checkout">Checkout</a>
 </nav>

 <section id="home">
  <h1>WELCOME TO BOBBY SHOPPING</h1>
  <h2>Features</h2>
  <ul>
   <li>Top-quality beauty products</li>
   <li>Safe & tested ingredients</li>
   <li>Quick delivery</li>
   <li>Great customer support</li>
  </ul>
  <footer>
   <p>Follow Links</p>
   <p>Contact Details: Bobby@gmail.com</p>
  </footer>
 </section>
 <hr>

 <section id="product">
  <h2>Search Body Care</h2>
  <input type="text" placeholder="Search product here" />

  <h3>Skin Care</h3>
  <div>
   <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRlrtW5noEOXY2ZRNIyxrhsADICPzVhHIFBg&s" width="100" height="100" alt="Skin Care 1" />
   <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSudzZ0aawZEgCbKHvp7AO44WFXPUkMH48Dqw&s" width="100" height="100" alt="Skin Care 2" />
   <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRHLZ8jpSkEMM3Oq4tFf86KHsb6aaAlbWYtA&s" width="100" height="100" alt="Skin Care 3" />
  </div>

  <h3>Product Reviews</h3>
  <iframe width="320" height="180" src="https://www.youtube.com/embed/_TJgfAI8QjE" title="Product Review Video" frameborder="0" allowfullscreen></iframe>

  <h3>Latest Trend Dress</h3>
  <div>
   <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQglsmbBkOLnoIdOYrFtnRmzFbS9VVhEsgrqQ&s" width="100" height="100" alt="Dress 1" />
   <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQp7mJx5hcU5CsuyAYT7bm8m9dFSiYnyLjgQg&s" width="100" height="100" alt="Dress 2" />
   <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQiSfMO09SSmTddr4CjYjmLLWW9cwFmh3wv_Q&s" width="100" height="100" alt="Dress 3" />
  </div>

  <h3>Product Reviews</h3>
  <iframe width="320" height="180" src="https://www.youtube.com/embed/1LQZYiuIS3o" title="Latest Trend Dress Review" frameborder="0" allowfullscreen></iframe>
 </section>
 <hr>

 <section id="location">
  <h2>Find Nearest Store</h2>
  <p>Click here to get your location:</p>
  <button onclick="alert('Geolocation not implemented')">My Location</button>
  <p>Location displayed here</p>
  <h3>Store Details & Address</h3>
  <ul>
   <li>Showroom 1 - Aruppukottai</li>
   <li>Showroom 2 - Chennai</li>
   <li>Showroom 3 - Bangalore</li>
  </ul>
  <button onclick="history.back()">Back</button>
 </section>
 <hr>

 
 <section id="cart">
  <h2>My Cart</h2>
  <div>
   <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQGiSI5Nc3ehkGaUeyv5ZMTbjJfZZ5T3xw2Q&s" width="100" height="100" alt="Cart Product 1" />
   <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQskd7rIFJ9mDqWBIxPDpywFzWHD07H9DuYw&s" width="100" height="100" alt="Cart Product 2" />
  </div>
 </section>
 <hr>

 <section id="checkout">
  <h2>Checkout</h2>
  <form>
   <fieldset>
    <legend>Customer Details</legend>
    Name: <input type="text" name="name" /><br /><br />
    Email: <input type="email" name="email" /><br /><br />
    Phone: <input type="tel" name="phone" /><br /><br />
    Address: <input type="text" name="address" /><br /><br />
   </fieldset>

   <fieldset>
    <legend>Delivery Method</legend>
    <input type="radio" id="standard" name="delivery" value="standard" />
    <label for="standard">Standard</label><br />
    <input type="radio" id="express" name="delivery" value="express" />
    <label for="express">Express</label><br /><br />
    Delivery Date: <input type="date" name="deliveryDate" /><br /><br />
   </fieldset>

   <fieldset>
    <legend>Payment Method</legend>
    <select name="paymentMethod">
     <option>GPay</option>
     <option>PhonePe</option>
     <option>Credit Card</option>
     <option>Other</option>
    </select><br /><br />
    Transaction/Card Number: <input type="text" name="transactionNumber" /><br /><br />
   </fieldset>

   <button type="submit">Place Order</button>
   <button type="reset">Reset</button>
   <button type="button" onclick="history.back()">Back</button>
  </form>
 </section>
</body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

IP EXP2 #5

Bobby

WELCOME TO BOBBY SHOPPING

Features

Search Body Care

Skin Care

Product Reviews

Latest Trend Dress

Product Reviews

Find Nearest Store

Store Details & Address

My Cart

Checkout

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

IP EXP2 #5

Description

Bobby

WELCOME TO BOBBY SHOPPING

Features

Search Body Care

Skin Care

Product Reviews

Latest Trend Dress

Product Reviews

Find Nearest Store

Store Details & Address

My Cart

Checkout

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions