-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (145 loc) · 8.18 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Startup- Landing Page</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar custom-navbar">
<a class="navbar-brand" href="#"><i class="fa-solid fa-magnet"></i>Launch</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span><i class="fa-solid fa-brush"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#product-overview"><i class="fa-solid fa-shop"></i>Product</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#mission"><i class="fa-solid fa-medal"></i>Mission</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team"><i class="fa-solid fa-user-plus"></i>Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cta"><i class="fa-solid fa-sign-hanging"></i>Sign Up</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact"><i class="fa-solid fa-address-book"></i>Contact</a>
</li>
</ul>
</div>
</nav>
<section class="hero">
<h1>Welcome to <i class="fa-solid fa-magnet"></i>Launch</h1>
<p>Revolutionizing the way you manage your business</p>
<a href="#cta" class="btn btn-lg mt-3" data-bs-toggle="popover" title="Popover title" data-bs-content="And here's some amazing content. It's very engaging. Right?">Get Early Access </a>
</section>
<section id="about" class="about text-center">
<div class="container">
<h2 class="mb-5"><i class="fa-solid fa-address-card"></i>About Our Company</h2>
<div class="row">
<div class="col-lg-12">
<p class="lead">At Launch, we are dedicated to providing innovative solutions that drive business growth and efficiency. Our mission is to revolutionize the way you manage your business with cutting-edge technology and exceptional service.</p>
<p class="lead">Founded in 2024, Launch has been at the forefront of industry innovation, consistently delivering high-quality products that meet the needs of our customers. Our team of experts is passionate about making a positive impact in the business world.</p>
<p class="lead">Our values are centered around integrity, innovation, and customer satisfaction. We strive to create a positive and inclusive work environment where every team member can thrive and contribute to our success.</p>
</div>
</div>
</div>
</section>
<section id="product-overview" class="product-overview text-center">
<div class="container">
<h2 class="mb-5"><i class="fa-solid fa-shop"></i>Our Product</h2>
<p>Our product is designed to help you streamline your business processes and increase productivity.</p>
<div class="row">
<div class="col-lg-4">
<div class="card mb-4 shadow-sm">
<div class="card-body">
<h5 class="card-title"><i class="fa-solid fa-feather-pointed"></i>Real-Time Analytics</h5>
<p class="card-text">Gain actionable insights with real-time data analytics. Monitor key metrics and make informed decisions to drive your business forward.</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card mb-4 shadow-sm">
<div class="card-body">
<h5 class="card-title"><i class="fa-solid fa-feather-pointed"></i>Automated Workflows</h5>
<p class="card-text">Automate routine tasks and workflows to save time and reduce errors. Customize automation to fit your business needs seamlessly.</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card mb-4 shadow-sm">
<div class="card-body">
<h5 class="card-title"><i class="fa-solid fa-feather-pointed"></i>Scalable Integration</h5>
<p class="card-text">Easily integrate with other tools and systems. Scale your operations effortlessly as your business grows with our flexible integration options.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="mission" class="mission text-center">
<div class="container">
<h2 class="mb-5"><i class="fa-solid fa-medal"></i>Our Mission</h2>
<p>At Launch, our mission is to provide innovative solutions that drive business growth and efficiency.</p>
</div>
</section>
<section id="team" class="team text-center">
<div class="container">
<h2 class="mb-5"><i class="fa-solid fa-user-group"></i>Meet the Team</h2>
<div class="row">
<div class="col-lg-4">
<img src="p1.jpg" class="rounded-circle mb-3" alt="Team Member 1">
<h5>Mohak Agarwal </h5>
<p>CEO</p>
</div>
<div class="col-lg-4">
<img src="p2.jpg\" class="rounded-circle mb-3" alt="Team Member 2">
<h5>Darsh Kalathiya</h5>
<p>CTO</p>
</div>
<div class="col-lg-4">
<img src="p3.jpg" class="rounded-circle mb-3" alt="Team Member 3">
<h5>Michael Johnson</h5>
<p>COO</p>
</div>
</div>
</div>
</section>
<section id="cta" class="cta text-center">
<div class="container">
<h2 class="mb-5"><i class="fa-solid fa-hat-wizard"></i>Get Early Access</h2>
<p>Sign up now to be the first to experience our revolutionary product and get exclusive early access benefits.</p>
<a href="#contact" class="btn btn-primary btn-lg">Sign Up Now</a>
</div>
</section>
<section id="contact" class="contact-section">
<div class="container">
<h2><i class="fa-solid fa-address-book"></i>Contact Me</h2>
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="contact-form">
<p>If you have any questions or want to get in touch, please fill out the form linked below:</p>
<a href="https://forms.gle/NZK8LAC4idvsgFhH6" target="_blank" class="contact-form-link">Contact Form<i class="fa-brands fa-usps"></i></a>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<p>© 2024 Launch. All rights reserved.</p>
</div>
</footer>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>