-
Notifications
You must be signed in to change notification settings - Fork 0
/
About.html
120 lines (119 loc) · 4.43 KB
/
About.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
<!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="stype.css">
<title>About</title>
<style>
body{
background-color: #DDE6ED;
}
</style>
</head>
<body>
<div class="Menu">
<div class="logo-website">
<a href="Index.html"><img title="Home" src="/Img/500K.png" alt="Logo Website"></a>
</div>
<div class="task_menu">
<ul class="Main_menu">
<li><a href="Index.html">Home</a></li>
<li><a href="">Product</a>
<ul class="Sub_menu">
<li><a href="">Milk Tea</a></li>
<li><a href="">Smoothies</a></li>
<li><a href="">Tea</a></li>
<li><a href="">Soda</a></li>
</ul>
</li>
<li><a href="About.html">About</a></li>
<li><a href="Enluate.html">Evaluate</a></li>
</ul>
</div>
<div class="buttoms">
<div class="search">
<ion-icon name="search-outline"></ion-icon>
<input type="text" placeholder="Sreach">
</div>
<div class="cart">
<ion-icon title="My Cart" name="cart-outline"></ion-icon>
</div>
<ul class="account">
<li><ion-icon title="My Account" name="person-outline"></ion-icon>
<ul class="login">
<li><a href="Login.html">Login</a></li>
<li><a href="Signin.html">Sign in</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="About_content">
<div class="About_Introduce">
<div class="img">
<img src="/Img/background.jpg" alt="">
<div class="Infor">
<p>Enjoy your life </p>
<span>From our product in the <a href="Index.html"> Dev Coffee </a></span>
<a href="Index.html">Our Product</a>
</div>
</div>
<div class="About">
<div>
<div class="Welcome">
<span>Dev Coffee</span>
<p> Chào mừng đến với quán của chúng tôi! Chúng tôi tự hào giới thiệu những thức uống độc đáo và ngon lành. Cà phê thơm ngào ngạt, trà đượm hương thơm và sinh tố tươi mát - chúng tôi có tất cả để đáp ứng sở thích của bạn. Hãy ghé thăm và trải nghiệm vị ngọt của chúng ngay hôm nay!
</p>
</div>
<img src="/Img/introduce.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="footer">
<div class="Infor_Store">
<img src="/Img/500K.png" alt="">
<div class="Infor">
<div class="address">
<ion-icon name="home-outline"></ion-icon> :
<span> 1100 Quang Trung,P.8,Q.Gò Vấp,TP.HCM </span>
</div>
<div class="phone">
<ion-icon name="call-outline"></ion-icon> :
<span>0939023387</span>
</div>
<div class="mail">
<ion-icon name="mail-outline"></ion-icon> :
<span>[email protected]</span>
</div>
</div>
</div>
<div class="follow_us">
<p>Follow Us</p>
<div class="social">
<div class="tiktok">
<ion-icon name="logo-tiktok"></ion-icon>
<span>Tik tok</span>
</div>
<div class="fb">
<ion-icon name="logo-facebook"></ion-icon>
<span>Facebook</span>
</div>
<div class="Instagam">
<ion-icon name="logo-instagram"></ion-icon>
<span>Instagram</span>
</div>
</div>
</div>
<div class="Question">
<p>Question</p>
<textarea name="" id="" cols="40" rows="5"></textarea>
<button>Send question</button>
</div>
</div>
</body>
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
</body>
</html>