-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
198 lines (187 loc) · 9.14 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
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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html>
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4RN7HSGW86"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-4RN7HSGW86');
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Staying Healthy - About Page</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet" />
<link href="css/all.min.css" rel="stylesheet" />
<link href="css/templatemo-style.css" rel="stylesheet" />
</head>
<body>
<div class="container">
<!-- Top box -->
<!-- Logo & Site Name -->
<div class="placeholder">
<div class="parallax-window" data-parallax="scroll" data-image-src="img/theme/about_slider.jpg">
<div class="tm-header">
<div class="header_row tm-header-inner">
<div class="col-md-6 col-12">
<img src="img/logo/logo1_notext-removebg.png" alt="Logo" class="tm-site-logo" />
<div class="tm-site-text-box">
<h1 class="tm-site-title">Staying Healthy</h1>
<h6 class="tm-site-description">Eating clean has never been easier !</h6>
</div>
</div>
<nav class="col-md-6 col-12 tm-nav">
<ul class="tm-nav-ul">
<li class="tm-nav-li"><a href="index.html" class="tm-nav-link">Home</a></li>
<li class="tm-nav-li"><a href="search.html" class="tm-nav-link">Search</a></li>
<li class="tm-nav-li"><a href="about.html" class="tm-nav-link active">About</a></li>
<li class="tm-nav-li"><a href="contact.html" class="tm-nav-link">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<main>
<header class="row tm-welcome-section">
<h2 class="col-12 text-center tm-section-title">About Us</h2>
<p class="col-12 text-center">We're from CSE Faculty, HCMUT. Professional Skills for Engineers is one of the requisite courses in our program. The main objective in this couse is to deliver a project that aims to assist our community in its daily lives.</p>
</header>
<div class="tm-container-inner tm-persons">
<div class="row">
<article class="col-lg-6">
<figure class="tm-person">
<img src="img/portrait/quang_cao1.jpg" alt="Image" class="img-fluid tm-person-img" />
<figcaption class="tm-person-description">
<h4 class="tm-person-name">Cao Minh Quang</h4>
<p class="tm-person-title">Leader, Market & Customer Research, Editor, and Developer</p>
<p class="tm-person-about">Third year student at HCMUT, major in Computer Engineering</p>
<div>
<a href="https://www.facebook.com/quang.caominh.79" class="tm-social-link"><i class="fab fa-facebook tm-social-icon"></i></a>
<a href="https://github.com/cmq2002" class="tm-social-link"><i class="fab fa-github tm-social-icon"></i></a>
<a href="https://www.linkedin.com/in/quang2002/" class="tm-social-link"><i class="fab fa-linkedin tm-social-icon"></i></a>
</div>
</figcaption>
</figure>
</article>
<article class="col-lg-6">
<figure class="tm-person">
<img src="img/portrait/tan_hoang.png" alt="Image" class="img-fluid tm-person-img" />
<figcaption class="tm-person-description">
<h4 class="tm-person-name">Hoàng Duy Tân</h4>
<p class="tm-person-title">Market & Customer Research, Editor, and Developer</p>
<p class="tm-person-about">Third year student at HCMUT, major in Computer Engineering</p>
<div>
<a href="https://www.facebook.com/tanhoang2002" class="tm-social-link"><i class="fab fa-facebook tm-social-icon"></i></a>
<a href="https://github.com/hoangtan2002" class="tm-social-link"><i class="fab fa-github tm-social-icon"></i></a>
</div>
</figcaption>
</figure>
</article>
<article class="col-lg-6">
<figure class="tm-person">
<img src="img/portrait/truc_tam.jpg" alt="Image" class="img-fluid tm-person-img" />
<figcaption class="tm-person-description">
<h4 class="tm-person-name">Đinh Trực Tâm</h4>
<p class="tm-person-title">Social Media Markering, and Content Research & Editor</p>
<p class="tm-person-about">Third year student at HCMUT, major in Computer Engineering</p>
<div>
<a href="https://www.facebook.com/profile.php?id=100006889967426" class="tm-social-link"><i class="fab fa-facebook tm-social-icon"></i></a></div>
</figcaption>
</figure>
</article>
<article class="col-lg-6">
<figure class="tm-person">
<img src="img/portrait/tai_le.jpg" alt="Image" class="img-fluid tm-person-img" />
<figcaption class="tm-person-description">
<h4 class="tm-person-name">Lê Phan Kỳ Tài</h4>
<p class="tm-person-title">Social Media Marketing, and Content Research & Editor</p>
<p class="tm-person-about">Third year student at HCMUT, major in Computer Engineering</p>
<div>
<a href="https://www.facebook.com/profile.php?id=100008111595221" class="tm-social-link"><i class="fab fa-facebook tm-social-icon"></i></a>
</div>
</figcaption>
</figure>
</article>
<article class="col-lg-6">
<figure class="tm-person">
<img src="img/portrait/quang_xuan.jpg" alt="Image" class="img-fluid tm-person-img" />
<figcaption class="tm-person-description">
<h4 class="tm-person-name">Đinh Xuân Quang</h4>
<p class="tm-person-title">Social Media Marketing, and Content Research & Editor</p>
<p class="tm-person-about">Third year student at HCMUT, major in Computer Engineering</p>
<div>
<a href="https://www.facebook.com/profile.php?id=100012545584507" class="tm-social-link"><i class="fab fa-facebook tm-social-icon"></i></a>
</div>
</figcaption>
</figure>
</article>
</div>
</div>
<div class="tm-container-inner tm-featured-image">
<div class="row">
<div class="col-12">
<div class="placeholder-2">
<div class="parallax-window-2" data-parallax="scroll" data-image-src="img/portrait/model1.jpg"></div>
</div>
</div>
</div>
</div>
<div class="tm-container-inner tm-features">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6 tm-gallery-item">
<div class="tm-feature">
<i class="fas fa-4x fa-lightbulb tm-feature-icon"></i>
<p class="tm-feature-description">We try to keep our recipe instructions as concise, easy to understand, and clear as possible.</p>
<!-- <a href="index.html" class="tm-btn tm-btn-primary">Read More</a> -->
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 tm-gallery-item">
<div class="tm-feature">
<i class="fas fa-4x fa-check-circle tm-feature-icon"></i>
<p class="tm-feature-description">We make an effort to avoid using excessive amounts of seasonings like MSG, broth mix, fish sauce, salt, etc.</p>
<!-- <a href="index.html" class="tm-btn tm-btn-success">Read More</a> -->
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 tm-gallery-item">
<div class="tm-feature">
<i class="fas fa-4x fa-check-circle tm-feature-icon"></i>
<p class="tm-feature-description">The three basic techniques for preserving the flavor and nutrition of ingredients are steaming, boiling, and half-frying with olive oil.</p>
<!-- <a href="index.html" class="tm-btn tm-btn-success">Read More</a> -->
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 tm-gallery-item">
<div class="tm-feature">
<i class="fas fa-4x fa-comments tm-feature-icon"></i>
<p class="tm-feature-description">Your comments are a priceless tool for us to make the website better and serve as inspiration to keep the project going.</p>
<!-- <a href="index.html" class="tm-btn tm-btn-danger">Read More</a> -->
</div>
</div>
</div>
</div>
<div class="tm-container-inner tm-history">
<div class="row">
<div class="col-12">
<div class="tm-history-inner">
<img src="img/portrait/model3.jpg" alt="Image" class="img-fluid tm-history-img" />
<div class="tm-history-text">
<h4 class="tm-history-title">Future Plan</h4>
<p class="tm-mb-p">At the moment, we are running a Facebook page that will update our project's status. Later on, this will serve as our social media marketing to reach not only HCMUT students but also everyone who is keen on staying healthy.</p>
<p class="tm-mb-p">We also intend to open a Youtube channel to produce video instructions on our cooking recipes, post nutrition advices from experts and daily vlog about our workday.</p>
<p class="tm-mb-p">Right now, your concern and excitement over our website release are a big motivation for us.</p>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="tm-footer text-center">
<p>Copyright © 2023 Staying Healthy</p>
</footer>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/parallax.min.js"></script>
</body>
</html>