diff --git a/assets/choose1.png b/assets/choose1.png new file mode 100644 index 0000000..c6705e0 Binary files /dev/null and b/assets/choose1.png differ diff --git a/assets/choose2.png b/assets/choose2.png new file mode 100644 index 0000000..4c22359 Binary files /dev/null and b/assets/choose2.png differ diff --git a/assets/choose3.png b/assets/choose3.png new file mode 100644 index 0000000..131f856 Binary files /dev/null and b/assets/choose3.png differ diff --git a/assets/choose4.png b/assets/choose4.png new file mode 100644 index 0000000..3c2e82a Binary files /dev/null and b/assets/choose4.png differ diff --git a/assets/copyright.png b/assets/copyright.png new file mode 100644 index 0000000..d4081f2 Binary files /dev/null and b/assets/copyright.png differ diff --git a/assets/furniture.png b/assets/furniture.png new file mode 100644 index 0000000..f293063 Binary files /dev/null and b/assets/furniture.png differ diff --git a/assets/rating.png b/assets/rating.png new file mode 100644 index 0000000..bfca4cc Binary files /dev/null and b/assets/rating.png differ diff --git a/assets/reach1.png b/assets/reach1.png new file mode 100644 index 0000000..949a4d8 Binary files /dev/null and b/assets/reach1.png differ diff --git a/assets/reach2.png b/assets/reach2.png new file mode 100644 index 0000000..571d2b5 Binary files /dev/null and b/assets/reach2.png differ diff --git a/assets/reach3.png b/assets/reach3.png new file mode 100644 index 0000000..bf15c6a Binary files /dev/null and b/assets/reach3.png differ diff --git a/assets/reach4.png b/assets/reach4.png new file mode 100644 index 0000000..d95de0a Binary files /dev/null and b/assets/reach4.png differ diff --git a/assets/reach5.png b/assets/reach5.png new file mode 100644 index 0000000..3abfa12 Binary files /dev/null and b/assets/reach5.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..9fa7cf5 --- /dev/null +++ b/index.html @@ -0,0 +1,282 @@ + + + + + + + + + + Furniture Shop + + + + + +
+ +
+ +
+
+ Black Friday in July
+ Upto 50% off
+ Hundreds of style available
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ Shop By Category
+ Shop By Category +
+
+
BEDROOM
6 products
+ +
+
+
DECOR
9 products
+ +
+
+
LIVING ROOM
6 products
+ +
+
+
OFFICE
11 products
+ +
+
+
+
+ Shop By Category
+ Featured Products +
+
+ + +
Product Name 1 +
$85.00 – $99.00 +
+ + + +
+
+
+ + +
Product Name 2 +
$85.00 – $99.00 +
+ + + +
+
+
+ + +
Product Name 3 +
$85.00 – $99.00 +
+ + + +
+
+
+
+
+
+ + +
Product Name 4 +
$85.00 – $99.00 +
+ + + +
+
+
+ + +
Product Name 5 +
$85.00 – $99.00 +
+ + + +
+
+
+ + +
Product Name 6 +
$85.00 – $99.00 +
+ + + +
+
+
+
+
+ + +
+
+ +
Product Name 8
+
$85.00 – $99.00 +     +
+ +
+
+ +
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis. +

MARIA OLIVER +
+
+ + Cras vel pellentesque odio, in vestibulum dolor. In commodo ligula massa, tristique fermentum enim hendrerit faucibus. Etiam facilisis justo sed tortor vehicula mollis. Duis vel vehicula diam. + MARK JUSTIN +
+
+ + Morbi in leo viverra, elementum risus vitae, commodo lorem. Quisque a mollis. + JAMIE STOCK +
+ +
+ +
+ Best Products
+ Why Choose Us +
+
+ + Fast Delivery + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec. +
+
+ + Free Shipping + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec. +
+
+ + Free Shipping + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec. +
+
+ + Easy Returns + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec. +
+
+
+ +
+ Copyright + 2024 Furniture Shop | Powered by Furniture Shop +
+ + + + + +
+
+ + + + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..5899593 --- /dev/null +++ b/style.css @@ -0,0 +1,258 @@ +html{ + font-family: oswald, sans-serif; + margin: 0; + +} +body{ + margin: 0; + padding: 0; + box-sizing: border-box; +} +.header{ + margin: 0; + background-image: url("https://websitedemos.net/furniture-shop-04/wp-content/uploads/sites/1116/2022/07/hero-01.jpg"); + height: 100vh; + background-size: cover; + background-position: center; + background-attachment: fixed; +} +.head-logo{ + position: absolute; + top: 0; + left: 0; + +} +.list-cont-div{ + display: flex; + justify-content: center; + align-items: center; + margin: 0; + padding: 0; + +} +.list-container{ + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + width: 25vw; + + +} +.list-item{ + list-style: none; + margin: 30px 0; + +} +.list-link{ + text-decoration: none; + color: black; + transition: all 0.3s; + font-size: 15px; + +} +@keyframes anim-exp{ + from{ + font-size: 16px; + } + to{ + font-size: 20px; + + } +} +.list-link:hover{ + color: rgb(193,154,131); + font-size: large; +} +.head-text{ + position: absolute; + top: 40%; + left: 5%; + text-align: left; + font-size: 3rem; + font-weight: 700; + letter-spacing: 2px; +} +.img-cont{ + display: flex; + justify-content: center; + align-items: center; + margin: 0; + padding: 0; + +} +.img-cont svg{ + padding: 3rem; + border : 2px solid rgb(237,237,237); + margin: 12px; + +} +.shop-category{ + margin-top: 80px; + text-align: center; +} +.card-container{ + display: flex; + justify-content: center; + align-items: center; + margin: 0; + padding: 0; +} +.card-1{ + margin-top: 50px; + margin-bottom: 50px; + margin-right: 25px; + width: 20vw; + +} +.card-2{ + margin-top: 50px; + margin-bottom: 50px; + margin-right: 25px; + width: 30vw; + background-color: rgb(241,243,242); +} +.innertext{ + width: 17%; + background-color: white; + position: absolute; + text-align: center; + margin-top: 250px; + margin-left: 25px; +} + +.shop_btn{ + padding-top: 15px; + padding-bottom: 15px; + padding-left: 20px; + padding-right: 20px; + font-family:oswald, sans-serif ; + color: white; + background-color: black; + border: none; + transition: all 0.2s ease-in-out; +} +.shop_btn:hover{ + background-color: rgb(193,154,131); + color: white; +} +.card-description{ + Font-size: 22px; + Font-weight: 400; + Line-height: 22px; + +} +.color_change1{ + border: 4px solid white; + padding: 10px; + border-radius: 50px; + margin-bottom: 30px; + background-color: black; + +} +.color_change2{ + border: 4px solid white; + padding: 10px; + border-radius: 50px; + margin-bottom: 30px; + background-color: rgb(143,100,83); + +} +.color_change3{ + border: 4px solid white; + padding: 10px; + border-radius: 50px; + margin-bottom: 30px; + background-color: rgb(218,188,162); + +} +.new_products{ + +} +.new_products{ + display: flex; + justify-content: space-around; + align-items: center; + + +} +.card-3{ + margin-top: 50px; + margin-bottom: 50px; + margin-right: 25px; + width: 20vw; +} +.feedback{ + margin-top: 20px; + display: flex; + justify-content:space-between; + align-items: center; + padding-left: 20px; + height:25vw ; + + +} + +.card-4{ + border: 1px solid rgb(241,243,242) ; + height:23vw; + width: 31vw; + background-color: rgb(241,243,242); + margin-right: 20px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align:center; + + +} + +.choose-us{ + height: 200px; + width:90vw; + margin-top: 40px; + + display: flex; + flex-direction: column; + margin-bottom: 15vw; + + +} +.choose_container{ + display: flex; + justify-content: space-around; + align-items: center; + margin-top: 30px; + margin-left: 40px; + padding-left: 60px; + + +} + +.card-5{ + margin-top: 50px; + height: 5vw; + width: 20vw; + display: flex; + flex-wrap: nowrap; + flex-direction: column; + justify-content: space-around; + align-items: center; + +} + +.footer{ + + text-align:start; + display: flex; + justify-content: start; + align-items: end; + background-color:rgb(241,242,242); + height: 10vw; + width: 98vw; +} +.footer_links{ + display: flex; + justify-content: end; +}