-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (119 loc) · 5.54 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="about.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet" />
<title>Document</title>
</head>
<body>
<div id="menu">
<button id="menu-close">X</button>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="#">Account</a></li>
<li><a href="#">Shop</a></li>
<li><a href="#">Return</a></li>
<li><a href="#">Track</a></li>
<li><a href="#">Cart</a></li>
</ul>
</div>
<div class="header-black">
<ul>
<li><a href=""><img src="images/facebook-64.png" alt="fb"></a></li>
<li><a href=""><img src="images/twitter-64.png" alt="twitter"></a></li>
<li><a href="#">English</a></li>
<li><a href="#">MyPage</a></li>
<li><a href="#">Logout</a></li>
</ul>
</div>
<header id="header">
<nav>
<a href="/"><img src="images/mobile_menu 1.png" alt="mobile-menu" class="union-logo" id="union-logo"></a>
<a href="#"><img src="images/thumbnail.png" alt="logo" class="image-logo"></a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="#">Account</a></li>
<li><a href="#">Shop</a></li>
<li><a href="#">Return</a></li>
<li><a href="#">Track</a></li>
<li><a href="#">Cart<img src="images/shopping-cart-filled-64.png" alt="cart"/> </a></li>
</ul>
</nav>
</header>
<main>
<section class="home" id="home-section">
<div class="home-content">
<h2>"We're delighted to have you at BubuDudu!"</h2>
<h1>Bubu's Fashion House</h1>
<div class="para">
<p>Discover adorable and personalized gifts at our online store! Crafted with love, our items include personalized mugs and delightful keepsakes, perfect for showing affection and creating lasting memories.</p>
</div>
<h3>Find something memorable.</h3>
</div>
</section>
<section class="main-features">
<div class="main-container">
<div class="main-header">
<h2>Main categories</h2>
<div class="line"></div>
</div>
<div class="features-container">
<div class="features">
<img src="images/shirt.png" alt="shirt">
<h5>Clothing</h5>
<p>Express your style with our adorable cartoon-themed t-shirts, adding a touch of cuteness to your everyday outfits.</p>
</div>
<div class="features">
<img src="images/cup.png" alt="cup">
<h5>Coffee Mug</h5>
<p>Start your day with a sip of joy using our delightful character mugs, bringing a heartwarming touch to your favorite beverages.</p>
</div>
<div class="features">
<img src="images/freeshipping.png" alt="freeship">
<h5>Free Shipping</h5>
<p>Enjoy free shipping on all orders, making it even easier to bring joy and cuteness into your life with our delightful products.</p>
</div>
<div class="features">
<img src="images/madein (2).png" alt="made">
<h5>USA-Made Treasures</h5>
<p>Discover our charming products, proudly made in the USA, ensuring quality and supporting local craftsmanship.</p>
</div>
<div class="features">
<img src="images/dollar.png" alt="">
<h5>Secure Payment</h5>
<p>Experience peace of mind with our secure payment options, ensuring your transactions are protected and your information remains confidential.</p>
</div>
</div>
<button type="button">See All Categories</button>
<a href=""><p>See the whole products</p></a>
</div>
</section>
<section class="section-product" id="section-product"></section>
<section class="section-partner">
<div class="partner-container">
<div class="partner-header">
<h2>Partner</h2>
<div class="partner-line"></div>
</div>
<div class="partner-content">
<img src="images/amazon-64.png" alt="amazon">
<img src="images/nike-2-64.png" alt="nike">
<img src="images/apple-64.png" alt="apple">
<img src="images/google-plus-3-64.png" alt="google">
<img src="images/facebook-2-64.png" alt="fb">
</div>
</div>
</section>
<footer>
<div class="footer-content">
<img src="images/cc-blk.png" alt="footer-logo">
<p>©2023 BubuDudu Online Shopping. All Rights Reserved. <span>BubuDudu Online Shopping is a dynamic platform dedicated to celebrating creativity and design. We believe in expanding the possibilities of creative works, fostering a community where individuals can legally share and build upon unique creations. Our goal is to curate an inspiring collection of products that ignite imagination and add a touch of magic to people's lives.</span></p>
</div>
</footer>
</main>
<script src="script.js"></script>
</body>
</html>