-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
102 lines (98 loc) · 5.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>About Us</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" charset="utf-8">
<link rel="icon" href="image/favicon.ico" type="image/x-icon">
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js" crossorigin="anonymous"></script>
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header id="header">
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #cc99ff;">
<img src="image/magic.png" width="40" height="40" alt="">
<a class="navbar-brand" href="index.html">MAGIC SHOP</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Makeup
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="eyes.html">Eyes</a>
<a class="dropdown-item" href="lips.html">Lips</a>
<a class="dropdown-item" href="face.html">Face</a>
<a class="dropdown-item" href="tools.html">Tools</a>
<a class="dropdown-item" href="brushes.html">Brushes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="signin.html">Sign In</a>
</li>
</ul>
<div class="header-social-links">
<a href="https://twitter.com" class="twitter"><i class="fab fa-twitter"></i></a>
<a href="https://www.facebook.com/" class="facebook"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/" class="instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
</nav>
</header>
<blockquote class="blockquote text-center">
<h1 class="mb-0">Glow and Shine Everyday!</h1>
<footer class="blockquote-footer">CEO from <cite title="Source Title">Magic Shop</cite></footer>
</blockquote>
<section class="about">
<div class="container-fluid mt-5 pl-5">
<h3>"About MAGIC SHOP"</h3>
<p class="paragraph" style="text-align: center;">MAGIC SHOP is a cosmetic shop which is established in July 1,2021. In this website, you can see different brands, from the most expensive to the least, categorizing different features for your skin care or makeup or for men. With promotions year by year, we have sale promotions in each category of makeup or skin care. You can also find different brands because there are plenty of brands you have already known or not. Under each cosmetics, there are descriptions so that you can understand about skin care or makeup very well. Please support our online cosmetic shop!!</p>
<h3>"We can give services as much as you want!"</h3>
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-12 col-md-6">
<img src="image/shop1.jpg">
</div>
<div class="col-lg-4 col-sm-12 col-md-6">
<img src="image/shop2.jpg">
</div>
<div class="col-lg-4 col-sm-12 col-md-6">
<img src="image/shop3.jpg">
</div>
</div>
</div>
</div>
</section>
<section class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d30552.751780810606!2d96.1490031713167!3d16.821693558863224!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x2e78207b78f01da!2sBeauty%20Diary%20(%20Hledan%20Center%20)!5e0!3m2!1sen!2smm!4v1626280002543!5m2!1sen!2smm" width="100%" height="500" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</section>
<h2>We will not let you dissappoint for shopping with us because there are plenty of services we are giving and we are going to make you want to buy again!<br><br> So, let's start shopping with us at Magic Shop!</h2>
</body>
<footer id="footer">
<div class="container">
<div class="credits">
<h3>Welcome to our Magic Shop!</h3>
<p>We are always welcoming guests with peace. You can have a peaceful discussion with shop assistants about your skin and how to take care of it or put makeup on it.</p>
<div class="social-links">
<a href="https://twitter.com" class="twitter"><i class="fab fa-facebook"></i></a>
<a href="https://www.facebook.com/" class="facebook"><i class="fab fa-instagram-square"></i></a>
<a href="https://www.instagram.com/" class="instagram"><i class="fab fa-youtube"></i></a>
<a href="tel:+959954695156"><i class="fas fa-phone-square-alt"></i></a>
</div>
<span class="text-muted">© 2021 Magic Shop All rights Reserved.</span>
</div>
</div>
</footer>
<!-- JavaScript -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="assets/js/vendor/jquery.slim.min.js"><\/script>')</script>
<script src="assets/dist/js/bootstrap.bundle.min.js"></script>
</html>