-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
174 lines (149 loc) · 5.8 KB
/
Copy pathabout.html
File metadata and controls
174 lines (149 loc) · 5.8 KB
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
<title>ABOUT US</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Additional CSS Files -->
<link rel="stylesheet" href="assets/css/fontawesome.css">
<link rel="stylesheet" href="assets/css/tooplate-main.css">
<link rel="stylesheet" href="assets/css/owl.css">
<link rel="stylesheet" href="assets/css/flex-slider.css">
</head>
<body>
<!-- Pre Header -->
<div id="pre-header">
<div class="container">
<div class="row">
<div class="col-md-12">
<span>FREE SHIPPING FOR A MINIMUM SPEND OF ₱1500 ONLY</span>
</div>
</div>
</div>
</div>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark static-top">
<div class="container">
<a class="navbar-brand" href="#"><img src="logo.png" alt="logo" width=200></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="home.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="about.html">About Us</a>
<span class="sr-only">(current)</span>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<!-- About Page Starts Here -->
<div class="about-page">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
</div>
</div>
<div class="col-md-6">
<div class="left-image">
<img src="assets/images/about-us.jpg" alt="">
</div>
</div>
<div class="col-md-6">
<div class="right-content">
<h3>Our Mission</h3>
<p>To empower individuals to embrace their unique beauty with high-quality, innovative, and sustainable lip products that inspire confidence, self-expression, and elegance. Enchanté is committed to delivering exceptional craftsmanship while championing inclusivity and eco-conscious practices.</p>
<br>
<h3>Our Vision</h3>
<p>To become a globally celebrated lipstick brand synonymous with timeless beauty, inclusivity, and sustainability, inspiring individuals to express themselves boldly and authentically in every aspect of life.</p>
<br>
<div class="share">
<br>
<h1>Kissed by Elegance,
<br>Powered by You.</h1>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About Page Ends Here -->
<!-- Footer Starts Here -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="logo">
</div>
</div>
<div class="col-md-12">
<div class="footer-menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Condition</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
<div class="col-md-12">
<div class="social-icons">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Ends Here -->
<!-- Sub Footer Starts Here -->
<div class="sub-footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="copyright-text">
<p>Copyright © 2024 ENCHANTÉ - PHILIPPINES
</div>
</div>
</div>
</div>
<!-- Sub Footer Ends Here -->
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Additional Scripts -->
<script src="assets/js/custom.js"></script>
<script src="assets/js/owl.js"></script>
<script src="assets/js/isotope.js"></script>
<script src="assets/js/flex-slider.js"></script>
<script language = "text/Javascript">
cleared[0] = cleared[1] = cleared[2] = 0; //set a cleared flag for each field
function clearField(t){ //declaring the array outside of the
if(! cleared[t.id]){ // function makes it static and global
cleared[t.id] = 1; // you could use true and false, but that's more typing
t.value=''; // with more chance of typos
t.style.color='#fff';
}
}
</script>
</body>
</html>