-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
219 lines (207 loc) · 11.1 KB
/
index.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
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>oneMail</title>
<meta name="title" content="oneMail">
<meta name="description" content="oneMail for all your emails">
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/aos.css">
<link rel="icon" type="image/png" href="img/logo.png">
</head>
<body>
<!-- banner -->
<div class="jumbotron jumbotron-fluid" id="banner" style="background-image: url(img/banner-bk.jpg);">
<div class="container">
<div class="row">
<div class="col-md-1">
</div>
<div class="col-md-7">
<div class="container text-center text-md-left">
<header>
<div class="col-md-2">
<h4 style="color: white;font-family: 'Poppins', sans-serif; font-weight: 600;">
OneMail
</h4>
</div>
</header>
<h1 data-aos="fade" data-aos-easing="linear" data-aos-duration="1000" data-aos-once="true"
style="font-family: 'Poppins', sans-serif;"
class="display-4 text-white font-weight-bold my-5">
One stop for <br>
All your Email
</h1>
<p data-aos="fade" data-aos-easing="linear" data-aos-duration="1000" data-aos-once="true"
class="lead text-white my-4" style="font-family: 'Poppins', sans-serif;">
A easy to use and secured app which supports all your email
<br>
service. Its fast and loaded with features.
</p>
<a href="https://play.google.com/store/apps/details?id=smart.email.allmail.inbox" target="_blank" data-aos="fade" data-aos-easing="linear" data-aos-duration="1000"
data-aos-once="true" class="btn my-4 font-weight-bold atlas-cta cta-green"
style="font-family: 'Poppins', sans-serif; color: white;">
<div class="row my-auto">
<img src="img/store.svg" alt="" srcset="" style="height: 30px;">
<div class="align-self-center">
Download
</div>
</div>
</a>
</div>
</div>
<div class="col-md-3">
<img src="img/landing.png" alt="" class="mx-auto">
</div>
<div class="col-md-3"></div>
</div>
</div>
</div>
<!-- three-blcok -->
<div class="container my-5 py-2">
<h2 class="text-center font-weight-bold my-5" style="font-family: 'Poppins', sans-serif;">Smartest way to
email
</h2>
<div class="row">
<div data-aos="fade-up" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true"
class="col-md-4 text-center">
<img src="img/newsletter.png" alt="Anti-spam" class="mx-auto d-block" style="height: 250px;">
<h4 style="font-family: 'Poppins', sans-serif; padding-top: 20px;">Manage your Tasks</h4>
<p style="font-size: 16px; font-family: 'Poppins'; ">Get all your tasks in one place.</p>
</div>
<div data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000" data-aos-once="true"
class="col-md-4 text-center">
<img src="img/working.png" alt="Phishing Detect" class="mx-auto d-block" style="height: 250px;">
<h4 style="font-family: 'Poppins', sans-serif; padding-top: 20px;">All Mail in one App</h4>
<p style="font-size: 16px; font-family: 'Poppins'; ">Add and Manage all your emails in one go</p>
</div>
<div data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000" data-aos-once="true"
class="col-md-4 text-center">
<img src="img/growth.png" alt="Smart Scan" class="mx-auto d-block" style="height: 250px;">
<h4 style="font-family: 'Poppins', sans-serif; padding-top: 20px;">Get Quick Mails views</h4>
<p style="font-size: 16px; font-family: 'Poppins'; ">Get all important attactments easily.</p>
</div>
</div>
</div>
<div style="background-color: #0066b2;">
<div class="container my-5 py-2">
<div class="row">
<div data-aos="fade-up" data-aos-delay="600" data-aos-duration="1000" data-aos-once="true"
class="col-md-4 text-center">
<img src="img/1.png" alt="Anti-spam" class="mx-auto d-block" style="height: 250px;">
<h4 style="font-family: 'Poppins', sans-serif; padding-top: 20px; color: white;">
Clean Design
</h4>
<p style="font-size: 16px; font-family: 'Poppins'; color: white;">Simple and easy to use
interface.<br>Get all important emails seprately
</p>
</div>
<div data-aos="fade-up" data-aos-delay="800" data-aos-duration="1000" data-aos-once="true"
class="col-md-4 text-center">
<img src="img/2.png" alt="Phishing Detect" class="mx-auto d-block"
style="height: 250px; color: white;">
<h4 style="font-family: 'Poppins', sans-serif; padding-top: 20px;color: white;">
Templates
</h4>
<p style="font-size: 16px; font-family: 'Poppins'; color: white;">
Make quick conversation
through email using templates
</p>
</div>
<div data-aos="fade-up" data-aos-delay="1000" data-aos-duration="1000" data-aos-once="true"
class="col-md-4 text-center">
<img src="img/3.png" alt="Smart Scan" class="mx-auto d-block" style="height: 250px;">
<h4 style="font-family: 'Poppins', sans-serif; padding-top: 20px;color: white;">
Downloads
</h4>
<p style="font-size: 16px; font-family: 'Poppins'; color: white;">
Manage all your attachments in
one place
</p>
</div>
</div>
</div>
</div>
<div class="jumbotron jumbotron-fluid feature" id="feature-first">
<div class="container my-5">
<div class="row justify-content-between text-center text-md-left">
<div data-aos="fade-right" data-aos-duration="1000" data-aos-once="true" class="col-md-6">
<h2 class="font-weight-bold" style="font-family: 'poppins';">Take a look inside</h2>
<p class="my-4" style="font-family: 'poppins';">Traffic compression brings your messages into
your
mailbox quickly. So you can use your data plan for other things, like watching that cool
video.
<br><br> Brings your email in superfast even if the number of messages and contacts you have
grows to an amazing size.
</p>
</div>
<div data-aos="fade-left" data-aos-duration="1000" data-aos-once="true"
class="col-md-3 align-self-center">
<img src="img/inbox.png" alt="Take a look inside" class="mx-auto img-fluid">
</div>
</div>
</div>
</div>
<div class="jumbotron jumbotron-fluid feature" id="feature-last">
<div class="container">
<div class="row justify-content-between text-center text-md-left">
<div data-aos="fade-left" data-aos-duration="1000" data-aos-once="true" class="col-md-6 flex-md-last">
<h2 class="font-weight-bold" style="color: white; font-family: 'poppins';">Safe and reliable
</h2>
<p class="my-4" style="color: white; font-family: 'poppins';">
Import your contacts from all your email accounts. Access frequent contacts easily. Start
typing
name or email and myMail will suggest best matching contacts from all of your address book.
<br> <br>Share all those party photos with a few taps! Pick a bunch of pictures from your
photo
gallery all at once.
</p>
</div>
<div data-aos="fade-right" data-aos-duration="1000" data-aos-once="true"
class="col-md-3 align-self-center flex-md-first">
<img src="img/contacts.png" alt="Safe and reliable" class="mx-auto d-block">
</div>
</div>
</div>
</div>
<div class="jumbotron jumbotron-fluid" style="background-color: white;">
<div class="container">
<div class="row">
<div class="col-sm-4 col-md-4 py-4 align-self-center">
<img src="img/gmail.png" class="mx-auto d-block" style="height: 100px;">
</div>
<div class="col-sm-4 col-md-4 py-4 align-self-center">
<img src="img/outlook.png" class="mx-auto d-block" style="height: 100px;">
</div>
<div class="col-sm-4 col-md-4 py-4 align-self-center">
<img src="img/yandex.png" class="mx-auto d-block" style="height: 100px;">
</div>
</div>
</div>
</div>
<div class="jumbotron jumbotron-fluid" id="copyright">
<div class="container">
<div class="row justify-content-between">
<div class="col-md-10 col-sm-12 text-white align-self-center text-center text-md-left my-2">
Copyright © 2021 oneMail.
</div>
<div class="col-md-2 col-sm-12">
<a href="/privacyPolicy.html" class="btn my-4 font-weight-bold atlas-cta" style="font-family: 'Poppins', sans-serif; color: white;">
View Privacy Policy
</a>
</div>
</div>
</div>
</div>
<script src="js/aos.js"></script>
<script>
AOS.init({
});
</script>
</body>
</html>