forked from Prakarsh-Kaushik/OneYou
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
279 lines (259 loc) · 12 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
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
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="description" content="OneYou.in is an online platform that facilitates you to have a website of your own.">
<meta name="keywords" content="OneYou, Templates, Portfolio, Resume, Online">
<meta name="author" content="Yamparala Rahul">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online Profile | OneYou</title>
<!-- Import Bootstrap along with required JavaScript-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<!-- Import CSS-->
<link rel="stylesheet" href="css\about.css">
<!-- Import Fonts -->
<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=Comfortaa:wght@500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
<!-- Import Icons -->
<link rel="icon" href="images\favicon.ico">
<script src="https://kit.fontawesome.com/6366f274c2.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Nav Bar -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="nav1">
<a class="navbar-brand" href="index.html"> <img class="navbar-brand-image" src="images/logo.svg" alt="OneYou Logo"> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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 ms-auto">
<li class="nav-item">
<a class="nav-link" href="index.html#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#live-pages">Live Pages</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="features.html">Features</a>
</li>
<li class="nav-item nav-item-button">
<button class="btn nav-btn btn-sm btn-primary" type="button" name="button"> <a class="nav-link" href="sign-up.html">Start Free Trial</a></button>
</li>
</ul>
</div>
</nav>
<!--- Section - Content for about -->
<section class="container-fluid" id="what-why-who">
<div class="container-fluid">
<div class="row what">
<div class="column col-lg-6">
<img class="img-1" src="images\about-what.png">
</div>
<div class="column col-lg-6">
<h2 class="what-txt-head">What is OneYou.in ?</h2>
<p class="what-txt-para">Have you ever thought of having your own website to
showcase yourself? This is what exactly oneyou.in
does. It’s an online platform that facilitates you to
have a website of your own.</p>
</div>
</div>
<div class="row why">
<div class="column col-lg-6">
<h2 class="why-txt-head">Why Oneyou.in?</h2>
<ul class="why-txt-para">
<li>You need not worry about purchasing a domain.</li> <br>
<li>You need not worry about developing a website.</li> <br>
<li>You can customize your presence as per your tastes & preferences.</li> <br>
<li>We take care of your portfolio at a minimum cost</li> <br>
</ul>
<p>Finally, the most important <strong class="quoted-txt">“One Link that makes your presence special”</strong>.</p>
</div>
<div class="column col-lg-6">
<img class="img-2" src="images\about-why.png">
</div>
</div>
<div class="row who">
<div class="column col-lg-6">
<img class="img-3" src="images\about-Whom.png">
</div>
<div class="column col-lg-6">
<h2 class="who-txt-head">Who is this for?</h2>
<p class="who-txt-para">Students Wishing to exhibit their traits and willing <br>
to explore the world of opportunities are our main <br>
concerns. But it doesn’t limit others. It also extends <br>
to professionals willing to distinguish themselves in <br>
this world of competition.</p>
</div>
</div>
<div class="row when">
<div class="column col-lg-6">
<h2 class="when-txt-head">When did it happen?</h2>
<p class="when-txt-para">As the proverb goes <strong class="quoted-txt">“Necessity is the mother of <br>
Invention”</strong>, Our creator was in search of online <br>
opportunities during the pandemic but didn’t find <br>
an online portfolio, where he could easily showcase <br>
his work. As a result, he began working on the <br>
concept which allows students & professionals to <br>
have their online portfolios.</p>
</div>
<div class="column col-lg-6">
<img class="img-4" src="images\about-when.png">
</div>
</div>
<div class="row where">
<div class="column col-lg-6">
<img class="img-5" src="images\about-where.png">
</div>
<div class="column col-lg-6">
<h2 class="where-txt-head">Where one can use it?</h2>
<p class="where-txt-para">Anyone with an Internet connection can use it <br>
or visit it. Therefore, the prospects are infinite. <br>
Your Oneyou portfolio can be included in your job <br>
search or for meeting new people with similar <br>
interests.</p>
</div>
</div>
<!--Features-->
<div class="features">
<div class="row">
<div class="col-lg-9">
<h3 class="feature-txt">Wanna Know Some Features of OneYou.in</h3>
</div>
<div class="col-lg-3">
<a href="features.html"><button class="btn feature-btn btn-primary btn-lg" type="button" name="button">Features</button></a>
</div>
</div>
<!-- How it works -->
<section id="how-it-works">
<div class="container-fluid">
<h2 class="section-heading">How it works</h2>
<div class="row">
<div class="col-md-6 boxes">
<div class="how-it-works-tile">
<div class="row">
<div class="col-3">
<div class="circle"><strong>1</strong></div>
</div>
<div class="col">
<h4>Register on Oneyou.in</h4>
<p class="grey-text how-it-works-para">Register and pick the package that best suits your needs</p>
</div>
</div>
</div>
<div class="how-it-works-tile">
<div class="row">
<div class="col-3">
<div class="circle"><strong>2</strong></div>
</div>
<div class="col">
<h4 class="how-it-works-heading">Q&A</h4>
<p class="grey-text how-it-works-para">Answer basic questions about yourself</p>
</div>
</div>
</div>
<div class="how-it-works-tile">
<div class="row">
<div class="col-3">
<div class="circle"><strong>3</strong></div>
</div>
<div class="col">
<h4 class="how-it-works-heading">Get Your page Design</h4>
<p class="grey-text how-it-works-para">You can select a template OR we can customize one for you. We will give you a sample link to try out and make any improvements you want.</p>
</div>
</div>
</div>
<div class="how-it-works-tile">
<div class="row">
<div class="col-3">
<div class="circle"><strong>4</strong></div>
</div>
<div class="col">
<h4 class="how-it-works-heading">Choose your plan and Subscribe</h4>
<p class="grey-text how-it-works-para">Finally, your page will be available, Once the subscription is done.</p>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<img class="how-it-works-image1" src="images/pagecustomize.png" alt="Customize your page image">
<img class="forward-slash" src="images\homeabout-forward.jpg">
<img class="how-it-works-image2" src="images/pageready.png" alt="Your page is ready image">
<img class="back-slash" src="images\homeabout-backward.jpg" >
<div class="how-it-works-pricing">
<div class="row">
<div class="col">
<a href="signup-student.html"><button type="button" class="btn btn-primary how-it-works-button">Student</button></a>
<p>*₹ 50 / month</p>
</div>
<div class="col">
<a href="signup-professional.html"><button type="button" class="btn btn-primary how-it-works-button">Professional</button></a>
<p>*₹ 120 / month</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Endless Possibility -->
<div class="possibility-txt">
<h1 class="poss-head">The possibilities are endless. <br> What are you going to make?</h1> <br>
<p class="poss-para">No credit card required. </p>
<a href="sign-up.html"><button class="btn btn-poss btn-primary btn-lg" type="button" name="button">Get your OneYou Page</button></a>
</div>
<!-- People Credit -->
<div class="People-credit" id="credit">
<h1 class="section-heading">Awesome people behind this all</h1>
<div class="row">
<div class="col-md-6">
<div class="live-page-tile">
<div class="row boxed-live boxed-rahul">
<div class="col-3">
<img class="live-page-image" src="images/rahul.png" alt="Rahul's image">
</div>
<div class="col rahul-txt">
<h5>Yamparala Rahul</h5>
<p>Founder and CEO of OneYou.in<br>Product manager @ Viggify.com</p>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="live-page-tile">
<div class="row boxed-live boxed-abdul">
<div class="col-3">
<img class="live-page-image" src="images/abdul.png" alt="Abdul's image">
</div>
<div class="col abdul-txt">
<h5>Abdul Muzeer</h5>
<p>CMO at OneYou.in<br>Technical Lead at SAC vignan</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<section id="foot">
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<p class="para-foot">© 2025 OneYou.in. All Rights Reserved.</p>
<p class="para-foot">Contact Details - Email - YamparalaMedia@gmail.com</p>
</div>
<div class="col div-foot-center-aligned">
<p class="para-foot">Made with love by <a class="link-foot" href="https://twitter.com/yamparalarahul1" target="_blank">Rahul</a> from 🏠</p>
</div>
</div>
</div>
</body>
</html>