-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (128 loc) · 5.06 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
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TIFFANEY&CO.</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href=" stylesheet.css">
</head>
<body>
<div id="div1">
<i class="fa-solid fa-chevron-left" style="color: black;"></i>
<div id="word"><u>We are pleased to offer complimentary standard shipping on all orders</u></div>
<i class="fa-solid fa-chevron-right" style="color: black;"></i>
</div>
<div id="navbar">
<i class="fa-solid fa-bars fa-x1" style="color: black;"></i>
<i class="fa-solid fa-magnifying-glass" style="color: #000000;"></i>
<p1 id="name">TIFFANEY&CO.</p1>
<i class="fa-solid fa-heart" style="color: #050505;"></i>
<i class="fa-solid fa-cart-plus"></i>
</div>
<div id="navbar2">
<a href="#">jewellery</a>
<a href="#">Gifts</a>
<a href="#">Love & Engagement</a>
<a href="#">Fine Watches</a>
<a href="#">Home & Accessories</a>
<a href="#">Fragnance</a>
<a href="#">Men's</a>
<a href="#">Stories</a>
</div>
<div class="vedio_teaser">
<div class="mothersday">
<p2> Mother's Day with Tiffany</p2><br>
<div id="day"><p3> Celebrate mum with iconic expenssions of love from Tiffany & Co. </p3></div><br>
<div id="discover" >Discover Mother's Day Gifts</div>
<p><i class="fa-solid fa-cannabis fa-beat"></i></p>
</div>
<video autoplay muted loop>
<source src="vedio.mp4".mp4 type="video/mp4"/>
</video>
</div>
</div>
<div class="update">
<button class="but1" id="prev"><</button>
<div>
<div id="img1"></div>
</div>
<div>
<div id="img2"></div>
</div>
<div>
<div id="img3"></div>
</div>
<div>
<div id="img4"></div>
</div>
<button class="but1" id="next">></button>
</div>
<div class="shopmothersday">
<div id="shop">
<a href="#">Shop Mother's Day Gifts</a>
</div>
</div>
<div class="shopnow">
<div class="ad1">
<a href="#"><div id="nec1"></div></a>
<div class="most">
<p4>Most Popular jewellery</p4>
<a href="#">Shop Now >></a>
</div>
</div>
<div class="ad2">
<a href="#"><div id="nec2" ></div></a>
<div class="most">
<p4>Gold jewellery</p4>
<a href="#">Shop Now >></a>
</div>
</div>
</div>
<div id="shopbycategory">
<div id="content">
<p5>Shop by Category</p5>
<p6> Brilliant design and unparalleled craftmanship</p6>
</div>
<div id="showcase">
<div class="combine">
<div id="c1"></div>
<p1>Necklaces & Pendants</p1>
</div>
<div class="combine">
<div id="c2"></div>
<p1>Rings</p1>
</div>
<div class="combine">
<div id="c3"></div>
<p1>Earrings</p1>
</div><div class="combine">
<div id="c4"></div>
<p1>Bracelets</p1>
</div><div class="combine">
<div id="c5"></div>
<p1>Engagement Rings</p1>
</div><div class="combine">
<div id="c6"></div>
<p1>Home</p1>
</div>
</div>
</div>
<div class="aniconoflove">
<a href="#"><div id="iconpic"></div></a>
<div id="love">
<p7><i class="fa-solid fa-heart fa-beat fa-l" style="color: #81d8d0;"></i> An Icon Of Love <i class="fa-solid fa-heart fa-beat fa-l" style="color: #81d8d0;"></i></p7>
<p8>From the moment it was introduced in 1886, a engagement ring has been the ultimate gift from the heart.</p8>
<a href="#" id="el">Explore Love & Engagement> </a>
</div>
</div>
<div class="source">
<div id="fromthesource">
<p7><i class="fa-regular fa-gem fa-beat-fade" style="color: #81d8d0;"></i>From The Source <i class="fa-regular fa-gem fa-beat-fade" style="color: #81d8d0;"></i></p7>
<p8>Handcrafting the world's best diamonds starts with knowing where they come from. We proudly trace 100% of our rough diamonds to known mines and sources.</p8>
<a href="#" id="el">Follow Your Diamond's Journey> </a>
</div>
<a href="#"><div id="diamond"></div></a>
</div>
</body>
</html>