This repository was archived by the owner on Aug 27, 2025. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathintrotodo.php
More file actions
254 lines (234 loc) · 17.8 KB
/
introtodo.php
File metadata and controls
254 lines (234 loc) · 17.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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<?php
include("navigation.php");
?>
<title>Introduction SIT- ToDo List</title>
<section class="bg-home d-flex align-items-center" style="background: url('images/saas/home-shape.png') center center; height: auto;" id="home">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12 text-center mt-0 mt-md-5 pt-0 pt-md-5">
<div class="title-heading margin-top-100">
<h1 class="heading mb-3">SIT To Do</h1>
<p class="para-desc mx-auto text-muted">Organize it all with SIT To Do</p>
<div class="mt-4 pt-2">
<a href="index.html" class="btn btn-primary">Start Free Trial <i class="mdi mdi-chevron-right"></i></a>
</div>
</div>
<div class="home-dashboard">
<img src="images/saas/home.png" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</section>
<section class="section bg-light mt-0 mt-md-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mb-4 pb-2">
<h4 class="title mb-4">Free up your mental space</h4>
<p class="text-muted para-desc mx-auto mb-0">Regain clarity and calmness by getting all those tasks out of your head and onto your to-do list (no matter where you are or what device you use).</p>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="row">
<div class="col-md-4 col-12">
<div class="features">
<div class="image position-relative d-inline-block">
<img src="images/icon/user.svg" class="avatar avatar-small" alt="">
</div>
<div class="content mt-4">
<h4 class="title-2">Easy To Use</h4>
<p class="text-muted mb-0">Suitable for all subjects and professions.</p>
</div>
</div>
</div><!--end col-->
<div class="col-md-4 col-12 mt-5 mt-sm-0">
<div class="features">
<div class="image position-relative d-inline-block">
<img src="images/icon/calendar.svg" class="avatar avatar-small" alt="">
</div>
<div class="content mt-4">
<h4 class="title-2">Daily Reports</h4>
<p class="text-muted mb-0">A task manager you can trust for life.</p>
</div>
</div>
</div><!--end col-->
<div class="col-md-4 col-12 mt-5 mt-sm-0">
<div class="features">
<div class="image position-relative d-inline-block">
<img src="images/icon/sand-clock.svg" class="avatar avatar-small" alt="">
</div>
<div class="content mt-4">
<h4 class="title-2">TRUSTWORTHY</h4>
<p class="text-muted mb-0">Create reminders with natural language and never forget a thing.</p>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
<div class="container mt-100 mt-60">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<img src="images/saas/indextodo.png" class="img-fluid shadow rounded" alt="">
</div><!--end col-->
<div class="col-lg-6 col-md-6 mt-4 mt-sm-0 pt-2 pt-sm-0">
<div class="section-title ml-lg-5">
<h4 class="title mb-4">Great Product Analytics With Real Problem</h4>
<p class="text-muted">Due to its widespread use as filler text for layouts, non-readability is of great importance: human perception is tuned to recognize certain patterns and repetitions in texts. If the distribution of letters visual impact.</p>
<ul class="list-unstyled text-muted">
<li class="mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>Digital Marketing Solutions for Tomorrow</li>
<li class="mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>Create your own skin to match your brand</li>
</ul>
<a href="javascript:void(0)" class="mt-3 h6 text-primary">Find Out More <i class="mdi mdi-chevron-right"></i></a>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
<div class="container mt-100 mt-60">
<div class="row align-items-center">
<div class="col-lg-7 col-md-6 order-2 order-md-1 mt-4 mt-sm-0 pt-2 pt-sm-0">
<div class="section-title mr-lg-5">
<h4 class="title mb-4">Daily planner is the secret weapon of successful people.</h4>
<p class="text-muted">SIT To Do helps busy people like you focus on what’s important. It helps millions of people save time and do the things that really matter.</p>
<ul class="list-unstyled text-muted">
<li class="mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>ToDay</li>
<li class="mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>Later</li>
<li class="mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>Done</li>
<li class="mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>Delete</li>
</ul>
<a href="javascript:void(0)" class="mt-3 h6 text-primary">Find Out More <i class="mdi mdi-chevron-right"></i></a>
</div>
</div><!--end col-->
<div class="col-lg-5 col-md-6 order-1 order-md-2">
<img src="images/illustrator/app_development_SVG.svg" alt="">
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
<div class="container mt-100 mt-60">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mb-4 pb-2">
<h4 class="title mb-4">Whats Our Clients Said About <span class="text-primary">SIT To Do</span> Project</h4>
<p class="text-muted para-desc mx-auto mb-0"><span class="text-primary font-weight-bold"> To Do</span> is a task management app to help you stay organized and manage your day-to-day.</p>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-lg-12 mt-4">
<div id="customer-testi" class="owl-carousel owl-theme">
<div class="media customer-testi m-2">
<img src="https://scontent.fdad1-1.fna.fbcdn.net/v/t1.0-9/p960x960/59350536_392606351338647_4337495752927346688_o.jpg?_nc_cat=105&_nc_sid=85a577&_nc_ohc=XB_tHc0_IsgAX_qtx4i&_nc_ht=scontent.fdad1-1.fna&tp=6&oh=dd84b828a4370888f5a8539265890b2e&oe=5F9A1C47" class="avatar avatar-small mr-3 rounded shadow" alt="">
<div class="media-body content p-3 shadow rounded bg-white position-relative">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<p class="text-muted mt-2">"Vì Sứ Mệnh không ngừng phát triển, SIT To Do đã ra đời."</p>
<h6 class="text-primary">- Phạm Hoàng Sang <small class="text-muted">C.E.O</small></h6>
</div>
</div>
<div class="media customer-testi m-2">
<img src="https://scontent.fdad1-1.fna.fbcdn.net/v/t1.0-9/95272282_2611009735819054_2617581549557645312_o.jpg?_nc_cat=102&_nc_sid=09cbfe&_nc_ohc=RTm2zTeN6MoAX-CGJHK&_nc_ht=scontent.fdad1-1.fna&oh=bf4571a80b3fcfdf45da3e9e719501bf&oe=5F97A5D3" class="avatar avatar-small mr-3 rounded shadow" alt="">
<div class="media-body content p-3 shadow rounded bg-white position-relative">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star-half text-warning"></i></li>
</ul>
<p class="text-muted mt-2">" Cuộc sống của tôi bây giờ đã được kiểm soát. "</p>
<h6 class="text-primary">- Thu Huyền <small class="text-muted">M.D</small></h6>
</div>
</div>
<div class="media customer-testi m-2">
<img src="https://scontent.fdad1-1.fna.fbcdn.net/v/t1.0-9/95703648_1292789237594221_6272672295538393088_o.jpg?_nc_cat=104&_nc_sid=09cbfe&_nc_ohc=KHZJ2_XEcJ8AX9dsead&_nc_ht=scontent.fdad1-1.fna&oh=5bfc4fa206c0c3eb3d89f46d36f9f659&oe=5F99718F" class="avatar avatar-small mr-3 rounded shadow" alt="">
<div class="media-body content p-3 shadow rounded bg-white position-relative">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<p class="text-muted mt-2">" Sản phẩm được sự khen ngợi từ rất nhiều đồng nghiệp của công ty tôi. "</p>
<h6 class="text-primary">- Thủy Tiên <small class="text-muted">P.A</small></h6>
</div>
</div>
<div class="media customer-testi m-2">
<img src="https://instagram.fdad2-1.fna.fbcdn.net/v/t51.2885-15/sh0.08/e35/p750x750/120237853_1005235673256576_8862638714333615994_n.jpg?_nc_ht=instagram.fdad2-1.fna.fbcdn.net&_nc_cat=1&_nc_ohc=4X-1rqmoELMAX-6hmps&oh=e1c2b5166065a42e9e7af81cb1af0d46&oe=5F9B31AA" class="avatar avatar-small mr-3 rounded shadow" alt="">
<div class="media-body content p-3 shadow rounded bg-white position-relative">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<p class="text-muted mt-2">" Giờ đây nó là một phần cuộc sống của tôi. "</p>
<h6 class="text-primary">- Thu Thùy <small class="text-muted">Manager</small></h6>
</div>
</div>
<div class="media customer-testi m-2">
<img src="https://scontent-sin6-2.cdninstagram.com/v/t51.2885-15/sh0.08/e35/s640x640/120204357_716147162322615_7099891853784849612_n.jpg?_nc_ht=scontent-sin6-2.cdninstagram.com&_nc_cat=103&_nc_ohc=XK0PQhvgyNoAX-aVZfv&oh=be97f3328e12617133baded7dbb3e765&oe=5F9CE68F" class="avatar avatar-small mr-3 rounded shadow" alt="">
<div class="media-body content p-3 shadow rounded bg-white position-relative">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<p class="text-muted mt-2">" Mọi kế hoạch đã được tạo ra một cách dễ dàng. "</p>
<h6 class="text-primary">- Lệ Thủy <small class="text-muted">Developer</small></h6>
</div>
</div>
<div class="media customer-testi m-2">
<img src="https://scontent-sin6-1.cdninstagram.com/v/t51.2885-15/e35/118768991_2748053735440559_2764682507363761301_n.jpg?_nc_ht=scontent-sin6-1.cdninstagram.com&_nc_cat=111&_nc_ohc=SI0kqelxRAAAX_taSfY&_nc_tp=18&oh=1688449fb7c3fe08fd7d2ce3092f81ba&oe=5F75CE42" class="avatar avatar-small mr-3 rounded shadow" alt="">
<div class="media-body content p-3 shadow rounded bg-white position-relative">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<p class="text-muted mt-2">" Thiết kế chuyên nghiệp nhưng cũng không thiếu sự thân thiện. "</p>
<h6 class="text-primary">- Ánh Tuyết <small class="text-muted">Designer</small></h6>
</div>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
<div class="container pb-lg-4 mb-md-5 mb-4 mt-100 mt-60">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title">
<h4 class="title mb-4">See everything about your employee at one place.</h4>
<p class="text-muted para-desc mx-auto mb-0">Start working with <span class="text-primary font-weight-bold">Landrick</span> that can provide everything you need to generate awareness, drive traffic, connect.</p>
<div class="mt-4">
<a href="index.html" class="btn btn-primary mt-2 mr-2">Get Started Now</a>
<a href="index.html" class="btn btn-outline-primary mt-2">Free Trial</a>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div>
</section>
<div class="position-relative">
<div class="shape overflow-hidden text-footer">
<svg viewBox="0 0 2880 250" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M720 125L2160 0H2880V250H0V125H720Z" fill="currentColor"></path>
</svg>
</div>
</div>
<?php
include("footer.php");
?>