files added

aayush-111 · Apr 19, 2024 · 4316c96 · 4316c96
1 parent a8e5c01
commit 4316c96
Show file tree

Hide file tree

Showing 28 changed files with 528 additions and 0 deletions.
diff --git a/Image/2563956 1.png b/Image/2563956 1.png
diff --git a/Image/Cart.png b/Image/Cart.png
diff --git a/Image/Ellipse 2.png b/Image/Ellipse 2.png
diff --git a/Image/Funiro Landing Page 1(1).png b/Image/Funiro Landing Page 1(1).png
diff --git a/Image/Group 13.png b/Image/Group 13.png
diff --git a/Image/Heart-white.png b/Image/Heart-white.png
diff --git a/Image/Heart.png b/Image/Heart.png
diff --git a/Image/Hero Content.png b/Image/Hero Content.png
diff --git a/Image/Line.png b/Image/Line.png
diff --git a/Image/Rectangle 48.png b/Image/Rectangle 48.png
diff --git a/Image/Right 24px(1).png b/Image/Right 24px(1).png
diff --git a/Image/Right 24px.png b/Image/Right 24px.png
diff --git a/Image/customer-support.png b/Image/customer-support.png
diff --git a/Image/furniture-1.png b/Image/furniture-1.png
diff --git a/Image/furniture-2.jpg b/Image/furniture-2.jpg
diff --git a/Image/furniture-3.jpg b/Image/furniture-3.jpg
diff --git a/Image/furniture-4.jpg b/Image/furniture-4.jpg
diff --git a/Image/guarantee.png b/Image/guarantee.png
diff --git a/Image/product-1.png b/Image/product-1.png
diff --git a/Image/product-2.png b/Image/product-2.png
diff --git a/Image/product-3.png b/Image/product-3.png
diff --git a/Image/product-4.png b/Image/product-4.png
diff --git a/Image/search icon.png b/Image/search icon.png
diff --git a/Image/share.png b/Image/share.png
diff --git a/Image/shipping.png b/Image/shipping.png
diff --git a/Image/trophy 1.png b/Image/trophy 1.png
diff --git a/index.html b/index.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html>
+<head> 
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title></title>
+	<link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+    <div class="zone">
+        <nav class="nav-container">   
+            <ul class="nav-ul">
+                <li class="nav-li company-name">Funiro.</li>
+                <li class="nav-li">Products</li>
+                <li class="nav-li">Rooms</li>
+                <li class="nav-li">Inspirations</li>
+            </ul>      
+            <input type="text"  placeholder="Search for minimalist chair">
+
+            <div class="nav-image">
+                <img src="./Image/Heart.png">
+                <img src="./Image/Cart.png">
+                <img src="./Image/Ellipse 2.png">
+            </div>
+        </nav>
+        <div class="slider-button-container">
+            <div class="slider-button">
+                <!-- The dots/circles -->
+                <div class="dot-container">
+                    <div class="outter-dot">
+                        <div class="dot"> </div>
+                    </div>
+                    <div class="outter-dot">
+                        <div class="dot"> </div>
+                    </div>
+                    <div class="outter-dot">
+                        <div class="dot"> </div>
+                    </div>
+                </div>
+
+                <!-- Next and previous buttons -->
+                <div class="next">
+                    <div class="arrow">&#10094;</div>
+                    <div class="arrow">&#10095;</div>
+                </div>
+            </div>
+        </div> <br> 
+    </div>
+
+
+    <!-- Furniture Slideshow -->
+    <div class="furniture-container zone">
+        <img class="hero-section" src="./image/furniture-1.png">
+        <div class="buy">
+            <div class="banner">High-Quality Furniture Just For You</div>
+            <div>Our furniture is made from selected and best quality materials that are suitable for your dream home</div>
+            <div class="shopping">Shop Now</div>
+        </div>
+
+        <div class="furniture-detail">
+            <div class="furniture-name">Bohauss</div>
+            <div class="light-black">Luxury big sofa 2-seat</div>
+            <div class="price-container">
+                <div class="sale-price">Rp 17,000.000</div>
+                <div class="right-arrow">&#8594</div>
+            </div>
+        </div>
+    </div>
+
+    <div class="values-container">
+       <div class="values">
+            <img src="./Image/trophy 1.png">
+            <div class="value-detail">
+                <div class="value-name">High Quality </div>
+                <div class="light-text"> Crafted from top materials </div>
+            </div>  
+       </div>
+       <div class="values">
+            <img src="./Image/guarantee.png">
+            <div class="value-detail">
+                <div class="value-name">Warranty Protection </div>
+                <div class="light-text"> Over 2 years </div>
+            </div>  
+        </div>
+        <div class="values">
+            <img src="./Image/shipping.png">
+            <div class="value-detail">
+                <div class="value-name">Free Shipping </div>
+                <div class="light-text"> Order over 150 $ </div> 
+            </div> 
+        </div>
+        <div class="values">
+            <img src="./Image/customer-support.png">
+            <div class="value-detail">
+                <div class="value-name">24 / 7 Support </div>
+                <div class="light-text"> Dedicated support </div>  
+            </div>           
+        </div>
+    </div>
+
+    <h1 style="text-align:center">Our Products</h1>
+
+    <div class="products-container">
+        <div class="products">
+            <img class="product-image hide-image" src="./Image/product-1.png">
+            <div class="product-detail">
+                <div class="product-name">Syltherine</div>
+                <div class="light-text">Stylish cafe chair</div>
+                <div class="price-container">
+                    <div class="sale-price">Rp 2.500.000</div>
+                    <div class="original-price">Rp 3.500.000</div>
+                </div>
+            </div>  
+            <div class="discount">-30%</div>
+            <div class="hover-opacity"></div>
+            <div class="cart">
+                <div class="cart-background">Add to cart</div>
+                <div class="cart-icon-container">
+                    <div class="cart-icon">
+                        <img src="./Image/share.png">
+                        <div>Share</div>
+                    </div>
+                    <div class="cart-icon">
+                        <img src="./Image/Heart-white.png">
+                        <div>Like</div>
+                    </div>
+                </div>             
+            </div>         
+        </div>
+
+        <div class="products">
+            <img class="product-image hide-image" src="./Image/product-2.png">
+            <div class="product-detail">
+                <div class="product-name">Potty</div>
+                <div class="light-text">Minimalist flower pot</div>
+                <div class="price-container">
+                    <div class="sale-price">Rp 500.000</div>
+                </div>
+            </div>
+            <div class="hover-opacity"></div>
+            <div class="cart">
+                <div class="cart-background">Add to cart</div>
+                <div class="cart-icon-container">
+                    <div class="cart-icon">
+                        <img src="./Image/share.png">
+                        <div>Share</div>
+                    </div>
+                    <div class="cart-icon">
+                        <img src="./Image/Heart-white.png">
+                        <div>Like</div>
+                    </div>
+                </div>             
+            </div>              
+        </div>
+
+        <div class="products">
+            <img class="product-image hide-image" src="./Image/product-3.png">
+            <div class="product-detail">
+                <div class="product-name">Lolito</div>
+                <div class="light-text">Luxury big sofa</div>
+                <div class="price-container">
+                    <div class="sale-price">Rp 7000.000</div>
+                    <div class="original-price">Rp 14500.000</div>
+                </div>
+            </div>
+            <div class="discount">-50%</div>
+            <div class="hover-opacity"></div>
+            <div class="cart">
+                <div class="cart-background">Add to cart</div>
+                <div class="cart-icon-container">
+                    <div class="cart-icon">
+                        <img src="./Image/share.png">
+                        <div>Share</div>
+                    </div>
+                    <div class="cart-icon">
+                        <img src="./Image/Heart-white.png">
+                        <div>Like</div>
+                    </div>
+                </div>             
+            </div>              
+        </div>
+
+        <div class="products">
+            <img class="product-image hide-image" src="./Image/product-4.png">
+            <div class="product-detail">
+                <div class="product-name">Muggo</div>
+                <div class="light-text">Small mug</div>
+                <div class="price-container">
+                    <div class="sale-price">Rp 150.000</div>
+                </div>
+            </div> 
+            <div class="hover-opacity"></div>
+            <div class="cart">
+                <div class="cart-background">Add to cart</div>
+                <div class="cart-icon-container">
+                    <div class="cart-icon">
+                        <img src="./Image/share.png">
+                        <div>Share</div>
+                    </div>
+                    <div class="cart-icon">
+                        <img src="./Image/Heart-white.png">
+                        <div>Like</div>
+                    </div>
+                </div>             
+            </div>             
+        </div>
+    </div>
+
+</body>
+</html>