-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
8cd68a9
commit a7834b8
Showing
21 changed files
with
917 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,382 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Furniture Website</title> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> | ||
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> | ||
<link rel="stylesheet" href="style.css"> | ||
<link rel="stylesheet" | ||
href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"> | ||
</head> | ||
<body> | ||
|
||
<header> | ||
<a href="#" class="logo">UrbanNest Furniture</a> | ||
<div class="bx bx-menu" id="menu-icon"></div> | ||
|
||
|
||
<ul class="navbar"> | ||
<li><a href="#home">Home</a></li> | ||
<li><a href="#shop">Shop</a></li> | ||
<li><a href="#home-decor">Home Decor</a></li> | ||
<li><a href="#about">About</a></li> | ||
<li><a href="#our">Our Partners</a></li> | ||
<li><a href="#contact">Contact Us</a></li> | ||
</ul> | ||
</header> | ||
|
||
|
||
|
||
<section class="main" id="home"> | ||
<div id="carouselExample" class="carousel slide"> | ||
<div class="carousel-inner"> | ||
<div class="carousel-item active"> | ||
<img class="picture" src="images/furniture3.jpg" class="d-block w-100" alt="..."> | ||
<div class="bottom-left"> | ||
<h1><span>Personal</span> Comfort - <br> A New <span>You </span></h1><br> | ||
<p>Transform your space into a haven of relaxation</p> | ||
<button class="bttn1">Book Now</button> | ||
</div> | ||
</div> | ||
<div class="carousel-item"> | ||
<img class="pic" src="images/furniture2.jpg" class="d-block w-100" alt="..."> | ||
<div class="bottom-left1"> | ||
<h1>Furniture is important part <br>for comfort</h1><br> | ||
<button class="bttn">Book Now</button> | ||
</div> | ||
</div> | ||
<div class="carousel-item"> | ||
<img class="pic3" src="images/furniture1.jpg" class="d-block w-100" alt="..."> | ||
<div class="bottom-left"> | ||
<h1>Personal Comfort - <br> A New You </h1><br> | ||
<button class="bttn">Book Now</button> | ||
</div> | ||
</div> | ||
</div> | ||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev"> | ||
<span class="carousel-control-prev-icon" aria-hidden="true"></span> | ||
<span class="visually-hidden">Previous</span> | ||
</button> | ||
<button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next"> | ||
<span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
<span class="visually-hidden">Next</span> | ||
</button> | ||
</div> | ||
</section> | ||
|
||
<section class="shop" id="shop"> | ||
<div class="heading"> | ||
<span>New Arrival</span> | ||
<h2>Shop Now</h2> | ||
</div> | ||
<!-- Content --> | ||
<div class="shop-container"> | ||
<!-- Box 1 --> | ||
<div class="box"> | ||
<div class="box-img"> | ||
<img src="images/furniture4.jpeg" alt=""> | ||
</div> | ||
<div class="title-price"> | ||
<h3>Gray Chair</h3> | ||
<div class="stars"> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star-half' ></i> | ||
</div> | ||
</div> | ||
<span>1500₹</span> | ||
<i class='bx bx-cart' ></i> | ||
</div> | ||
<!-- Box 2 --> | ||
<div class="box"> | ||
<div class="box-img"> | ||
<img src="images/furniture5.jpg" alt=""> | ||
</div> | ||
<div class="title-price"> | ||
<h3>white Chair</h3> | ||
<div class="stars"> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star-half' ></i> | ||
</div> | ||
</div> | ||
<span>1500₹</span> | ||
<i class='bx bx-cart' ></i> | ||
</div> | ||
<!-- Box 3 --> | ||
<div class="box"> | ||
<div class="box-img"> | ||
<img src="images/furniture6.jpg" alt=""> | ||
</div> | ||
<div class="title-price"> | ||
<h3>Orange Chair</h3> | ||
<div class="stars"> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star-half' ></i> | ||
</div> | ||
</div> | ||
<span>1200₹</span> | ||
<i class='bx bx-cart' ></i> | ||
</div> | ||
<!-- Box 4 --> | ||
<div class="box"> | ||
<div class="box-img"> | ||
<img src="images/furniture7.jpg" alt=""> | ||
</div> | ||
<div class="title-price"> | ||
<h3>brown sofa Chair</h3> | ||
<div class="stars"> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star-half' ></i> | ||
</div> | ||
</div> | ||
<span>3000₹</span> | ||
<i class='bx bx-cart' ></i> | ||
</div> | ||
<!-- Box 5 --> | ||
<div class="box"> | ||
<div class="box-img"> | ||
<img src="images/furniture8.jpg" alt=""> | ||
</div> | ||
<div class="title-price"> | ||
<h3>sofa Chair</h3> | ||
<div class="stars"> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star-half' ></i> | ||
</div> | ||
</div> | ||
<span>5000₹</span> | ||
<i class='bx bx-cart' ></i> | ||
</div> | ||
<!-- Box 6 --> | ||
<div class="box"> | ||
<div class="box-img"> | ||
<img src="images/furniture9.jpg" alt=""> | ||
</div> | ||
<div class="title-price"> | ||
<h3>gaming Chair</h3> | ||
<div class="stars"> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star-half' ></i> | ||
</div> | ||
</div> | ||
<span>2000₹</span> | ||
<i class='bx bx-cart' ></i> | ||
</div> | ||
</div> | ||
</section> | ||
|
||
<section class="new" id="home-decor"> | ||
<div class="heading"> | ||
<span>Home Decor</span> | ||
<h2>Best Selling</h2> | ||
</div> | ||
<!-- Content --> | ||
<div class="new-container"> | ||
<!-- Box 1 --> | ||
<div class="box"> | ||
<div class="box-img"> | ||
<img src="images/furniture10.jpg" alt=""> | ||
</div> | ||
<div class="title-price"> | ||
<h3>Gray wall attach</h3> | ||
<div class="stars"> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star-half' ></i> | ||
</div> | ||
</div> | ||
<span>2000₹</span> | ||
<i class='bx bx-cart' ></i> | ||
</div> | ||
<!-- Box 2 --> | ||
<div class="box"> | ||
<div class="box-img"> | ||
<img src="images/furniture11.jpg" alt=""> | ||
</div> | ||
<div class="title-price"> | ||
<h3>Swinger</h3> | ||
<div class="stars"> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star-half' ></i> | ||
</div> | ||
</div> | ||
<span>2000₹</span> | ||
<i class='bx bx-cart' ></i> | ||
</div> | ||
<!-- Box 3 --> | ||
<div class="box"> | ||
<div class="box-img"> | ||
<img src="images/furniture12.jpg" alt=""> | ||
</div> | ||
<div class="title-price"> | ||
<h3>Sofa Set</h3> | ||
<div class="stars"> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star-half' ></i> | ||
</div> | ||
</div> | ||
<span>2000₹</span> | ||
<i class='bx bx-cart' ></i> | ||
</div> | ||
|
||
<div class="box"> | ||
<div class="box-img"> | ||
<img src="images/furniture13.jpg" alt=""> | ||
</div> | ||
<div class="title-price"> | ||
<h3>Modern Sofa Set</h3> | ||
<div class="stars"> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star-half' ></i> | ||
</div> | ||
</div> | ||
<span>2000₹</span> | ||
<i class='bx bx-cart' ></i> | ||
</div> | ||
<!-- Box 2 --> | ||
<div class="box"> | ||
<div class="box-img"> | ||
<img src="images/furniture14.jpg" alt=""> | ||
</div> | ||
<div class="title-price"> | ||
<h3>Old school dinning</h3> | ||
<div class="stars"> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star-half' ></i> | ||
</div> | ||
</div> | ||
<span>2000₹</span> | ||
<i class='bx bx-cart' ></i> | ||
</div> | ||
<!-- Box 3 --> | ||
<div class="box"> | ||
<div class="box-img"> | ||
<img src="images/furniture15.jpg" alt=""> | ||
</div> | ||
<div class="title-price"> | ||
<h3>Modern Decor</h3> | ||
<div class="stars"> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star' ></i> | ||
<i class='bx bxs-star-half' ></i> | ||
</div> | ||
</div> | ||
<span>46$</span> | ||
<i class='bx bx-cart' ></i> | ||
</div> | ||
</div> | ||
</section> | ||
|
||
<section class="about" id="about"> | ||
<div class="about-img"> | ||
<img src="images/furniture16.jpg" alt=""> | ||
</div> | ||
<div class="about-text"> | ||
<span>About Us</span> | ||
<h2>Furniture is important part <br>for comfort</h2> | ||
<p>Welcome to UrbanNest Furniture, where quality meets elegance since 1990. We pride ourselves on crafting exquisite furniture that transforms spaces into homes. From luxurious sofas to tasteful chairs and captivating home decor, our extensive range is crafted with precision and passion. Trusted by customers nationwide, we stand as the preferred choice on leading marketplaces like Amazon, Flipkart, and IndiaMart. </p> | ||
<p>Discover timeless pieces that blend functionality with unmatched style. Elevate your living with UrbanNest Furniture—where every piece tells a story of craftsmanship and excellence..</p> | ||
<a href="#shop" class="btn">Learn More.</a> | ||
</div> | ||
</section> | ||
<!-- Brands --> | ||
<section class="brands" id="our"> | ||
<div class="heading"> | ||
<span>Brands</span> | ||
<h2>Our Brands Partners</h2> | ||
</div> | ||
<div class="brands-container"> | ||
<img src="images/amazon.png" alt=""> | ||
<img src="images/Flipkart-Logo.png" alt=""> | ||
<img class="short" src="images/Meesho_logo.png" alt=""> | ||
<img src="images/indiamart logo.png" alt=""> | ||
<img src="images/shopify.png" alt=""> | ||
<img src="images/walmart.jpg" alt=""> | ||
</div> | ||
</section> | ||
<section class="newsletter" id="contact"> | ||
<h2>Subscribe To Newsletter</h2> | ||
<div class="news-box"> | ||
<input type="text" placeholder="Enter Your Email..."> | ||
<a href="#" class="btn">Subscribe</a> | ||
</div> | ||
</section> | ||
|
||
<!-- Footer --> | ||
<section class="footer" id="footer"> | ||
<div class="footer-box"> | ||
<h2>UrbanNest Furniture</h2> | ||
<p>Welcome to UrbanNest Furniture, where quality meets elegance since 1990. We pride ourselves on crafting exquisite furniture that transforms spaces into homes</p> | ||
<div class="social"> | ||
<a href="#"><i class='bx bxl-facebook'></i></a> | ||
<a href="#"><i class='bx bxl-twitter'></i></a> | ||
<a href="#"><i class='bx bxl-instagram'></i></a> | ||
</div> | ||
</div> | ||
<div class="footer-box"> | ||
<h3>Services</h3> | ||
<li><a href="#">Product</a></li> | ||
<li><a href="#">Help & Support</a></li> | ||
<li><a href="#">Pricing</a></li> | ||
<li><a href="#">FAQ</a></li> | ||
</div> | ||
<div class="footer-box"> | ||
<h3>Product</h3> | ||
<li><a href="#">Sofa's</a></li> | ||
<li><a href="#">Chair's</a></li> | ||
<li><a href="#">Living Room</a></li> | ||
<li><a href="#">Office</a></li> | ||
</div> | ||
<div class="footer-box contact-info"> | ||
<h3>Contact</h3> | ||
<span>New Delhi</span> | ||
<span>+91 9111XXXXXX</span> | ||
<span>oggy&[email protected]</span> | ||
|
||
</div> | ||
</section> | ||
<div class="copyright"> | ||
<p>© Aman Singh all right reserved</p> | ||
</div> | ||
|
||
|
||
|
||
<script src="script.js"></script> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
let menu = document.querySelector('#menu-icon'); | ||
let navbar = document.querySelector('.navbar'); | ||
|
||
menu.onclick = () => { | ||
navbar.classList.toggle('active'); | ||
} | ||
|
||
window.onscroll = () => { | ||
navbar.classList.remove('active')}; |
Oops, something went wrong.