-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathfeatures.html
137 lines (123 loc) · 5.67 KB
/
features.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
<!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">
<title>Features | 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/features.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>
<!-- Title -->
<section id="title">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 title-col-left">
<br>
<h1 class="title-headline">Features you'll love.</h1>
<br>
<p class="title-caption">Below are just some of the features we specifically provide for Creators like yourself.</p>
<br>
<a class="title-btn-link" href="sign-up.html"><button class="btn btn-sm btn-primary title-btn" type="button" name="button">Start Free Trial</button></a>
</div>
<div class="col-md-6 title-col-right">
<img class="title-img" src="images/features.png" alt="Features image">
</div>
</div>
</div>
</section>
<!-- Feature cards -->
<section id="feature-card">
<div class="row feature-card-row">
<div class="col-md-4 feature-tile">
<p class="feature-text">Unlimited image & video uploads</p>
</div>
<div class="col-md-4 feature-tile-empty"></div>
<div class="col-md-4 feature-tile">
<p class="feature-text">Beautifully on your phone & Web</p>
</div>
</div>
<div class="row feature-card-row">
<div class="col-md-4 feature-tile my-auto">
<p class="feature-text">Social buttons</p>
</div>
<div class="col-md-4 feature-tile-empty">
<img class="feature-tile-image" src="images/beyourself.png" alt="Feature image">
</div>
<div class="col-md-4 feature-tile my-auto">
<p class="feature-text">Custom Design</p>
</div>
</div>
<div class="row feature-card-row">
<div class="col-md-4 feature-tile">
<p class="feature-text">Insights & Analytics</p>
</div>
<div class="col-md-4 feature-tile-empty"></div>
<div class="col-md-4 feature-tile">
<p class="feature-text">Custom Url & hosting</p>
</div>
</div>
</section>
<!-- Contact-us Free trial -->
<section id="contact-us-freetrial">
<p class="contact-text-1">The possibilities are endless.<br>What are you going to make?</p>
<p class="contact-text-2">No credit card required.</p>
<a href="sign-up.html"><button type="button" class="btn btn-primary contact-freetrial-button">Get your Oneyou Page</button></a>
</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 foot-email">Contact Details - Email - YamparalaMedia@gmail.com</p>
</div>
<div class="col-md-4 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>
</section>
</body>
</html>