-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
206 lines (202 loc) · 10.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rocket</title>
<link rel="stylesheet" href="views/styles/index_styles.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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap" rel="stylesheet">
<script src="controllers/homepage_functionality.js"></script>
<script src="https://unpkg.com/@phosphor-icons/web"></script>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/@phosphor-icons/[email protected]/src/bold/style.css"/>
</head>
<body>
<header>
<div class="container">
<div class="logo">
<img src="views/images/rocket-logo.png" alt="" width="30px" height="30px">
<span>Rocket</span>
</div>
<div class="nav-sections">
<button class="about-us-section">
About Us
<img src="views/images/arrow-down.png" alt="" width="15px" height="15px">
</button>
<button class="projects-section">
Projects
<img src="views/images/arrow-down.png" alt="" width="15px" height="15px">
</button>
<button class="solutions-section">
Solutions
<img src="views/images/arrow-down.png" alt="" width="15px" height="15px">
</button>
</div>
<div class="buttons" id="buttons">
<div class="search-box">
<input type="text" class="search-input" placeholder="Search">
<button type="submit" class="search-btn"><img src="views/images/search-icon.png" alt="" width="18px" height="18px"></button>
</div>
<a href="views/login.html"><button class="login">Log In</button></a>
<a href="views/create-account.html"><button class="sign-up">Sign Up</button></a>
</div>
<input type="checkbox" id="check">
<label for="check" class="checkbtn" id="checkbtn">
<i class="ph ph-list" style="color: white; font-size: 25px;"></i>
</label>
</div>
</header>
<div class="sidebar" id="sidebar">
<button class="close-sidebar" id="close-sidebar"><i class="ph-bold ph-list"></i></button>
<div class="nav-sections">
<button class="about-us-section">
About Us
<img src="views/images/arrow-down.png" alt="" width="15px" height="15px">
</button>
<button class="projects-section">
Projects
<img src="views/images/arrow-down.png" alt="" width="15px" height="15px">
</button>
<button class="solutions-section">
Solutions
<img src="views/images/arrow-down.png" alt="" width="15px" height="15px">
</button>
</div>
<div class="buttons">
<button class="login">Log In</button>
<button class="sign-up">Sign Up</button>
</div>
</div>
<main>
<div class="main-text">
<h1>Launch your Ideas</h1>
<h3>Rocket is about ideation. We are a technology platform that aims to provide users with useful tools to develop any kind of project.<br>
<p style="font-weight: 600;">Shoot at the stars. Launch your dreams.</p>
</h3>
<div class="account-buttons">
<a href="views/create-account.html"><button class="get-started">Get Started</button></a>
<a href="views/login.html"><button class="demo">Normal Access</button></a>
</div>
</div>
</main>
<section class="ready-to-launch">
<div class="purple-line"></div>
<img src="views/images/rocket-3d.png" alt="" width="349px" height="322px">
<div class="introduction">
<h1>Ready to launch?</h1>
<h3>Raising ideas never was easier. At Rocket, our goal is to help you give direction to your projects and boost your creativity, just like a rocket.</h3>
<button class="guide">Quickstart Guide</button>
</div>
</section>
<section class="features">
<h1>A Platform of Solutions</h1>
<h2>We are a team that works to develop different types<br>of software requests. Know our features.</h2>
<div class="feature-row">
<div class="feature-container">
<img src="views/images/aid.png" alt="" width="60px" height="60px" class="feature-icon">
<h3>Personalized Aid</h3>
<p>We work to attend your particular needs and give you the best outcome.</p>
<button class="feature-btn">Learn more</button>
</div>
<div class="feature-container">
<img src="views/images/article.png" alt="" width="60px" height="60px" class="feature-icon">
<h3>Reliable Articles</h3>
<p>We offer a wide variety of articles that report how we get to different kind of results.</p>
<button class="feature-btn">Explore articles</button>
</div>
<div class="feature-container">
<img src="views/images/ai.png" alt="" width="60px" height="60px" class="feature-icon">
<h3>AI-Powered</h3>
<p>We implement Artificial Intelligence in our services to ensure efficiency always.</p>
<button class="feature-btn">Our algorithms</button>
</div>
<div class="feature-container">
<img src="views/images/rocket-feature.png" alt="" width="60px" height="60px" class="feature-icon">
<h3>Ideas Generation</h3>
<p>We are always available to discuss your ideas and help you raise new, better ones.</p>
<button class="feature-btn">Chatting spaces</button>
</div>
</div><br>
</section>
<section class="how-it-works">
<h1>Rocket remains simple.</h1>
<h2>By following some simple steps, you will get started into our general worfklow. We made sure it is easy for you to follow.</h2>
<br>
<div class="features-tab">
<div class="collapsible-set">
<div class="collapsible-element">
<button type="button" class="collapse-btn"><i class="ph-bold ph-notebook icon"></i>Tell us what are you looking for.</button>
<div class="collapsible-content">
<p>Fill out a form to provide us with essential information about what you need exactly. Is it a technical, design, or logical inquiry? Please let us know everything.</p>
</div>
</div>
<div class="collapsible-element">
<button type="button" class="collapse-btn"><i class="ph-bold ph-paper-plane-tilt icon"></i>Send it for development.</button>
<div class="collapsible-content">
<p>When you feel you've explained your solution request enough, please send it to us. We will receive it and review it to start working on it.</p>
</div>
</div>
<div class="collapsible-element">
<button type="button" class="collapse-btn"><i class="ph-bold ph-nut icon"></i>Let's get to work.</button>
<div class="collapsible-content">
<p>Different developers will see your request and work on different solutions for you. They will send them so you can choose who to collaborate with.</p>
</div>
</div>
<div class="collapsible-element">
<button type="button" class="collapse-btn"><i class="ph-bold ph-cube icon"></i>Receive your solution product.</button>
<div class="collapsible-content">
<p>When your request is completed, you will receive a report containing all your solution details, including a product ready to download or use as you wish.</p>
</div>
</div>
</div>
<div class="image">
<img src="views/images/fill-out.jpg" alt="" class="fill-out-img">
</div>
</div>
</section>
<section class="learning">
<div class="description">
<h1>Learn always.</h1>
<p>Rocket also allows users to learn continuously. Our solutions come with a detailed explanation of how the development team reached it.</p>
<button class="dev-team-btn">Development Team</button>
</div>
<img src="views/images/stars.png" alt="" width="300px" height="300px">
</section>
<section class="everything-ready">
<h1>Everything is Ready</h1>
<h2>Launching in 3, 2, 1...</h2>
<a href="views/create-account.html"><button class="sign-now">Get Started</button></a><br><br>
</section>
<footer>
<div class="group">
<div class="brand">
<div class="logo">
<img src="views/images/rocket-logo.png" alt="" width="40px" height="40px">
<span>Rocket</span>
</div><br>
<p>Shoot at the stars. Launch your ideas.</p>
</div>
<div class="box">
<h2>ABOUT US</h2>
<p>What is Rocket</p>
<p>Use Guideline</p>
<p>Terms and Conditions</p>
<p>Privacy Policy</p>
</div>
<div class="box">
<h2>TOOLS</h2>
<p>Articles</p>
<p>Rocket's Team</p>
<p>Forums</p>
</div>
<div class="box">
<h2>CONTACT US</h2>
<p>Articles</p>
<h2>GET IN TOUCH</h2>
<i class="ph ph-facebook-logo"></i><i class="ph ph-instagram-logo"></i><i class="ph ph-x-logo"></i>
</div>
</div>
</footer>
</body>
</html>