-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
301 lines (294 loc) · 11.5 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
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
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
<!DOCTYPE html>
<html lang="en">
<head> <!-- ===( CODE AASHU )=== -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="styles.css" />
<link
href="https://cdn.jsdelivr.net/npm/remixicon@3.4.0/fonts/remixicon.css"
rel="stylesheet"
/>
<title>CODE AASHU | RUNWEB StartUp</title>
</head>
<body>
<nav class="section__container nav__container">
<div class="nav__logo">RUN🚀WEB</div>
<ul class="nav__links">
<li class="link"><a href="#">Home</a></li>
<li class="link"><a href="#">Pricing</a></li>
<li class="link"><a href="#">Company</a></li>
<li class="link"><a href="#">Resource</a></li>
<li class="link"><a href="#">Blog</a></li>
</ul>
<button class="btn">Purchase</button>
</nav>
<header class="section__container header__container">
<h1 class="section__header">
Create fast websites,<br />
in no <span>time.</span>
</h1>
<p>
Looking to create a website quickly and easily? Our website building
service offers fast turnaround times and streamilned design options,
allowing you to get online in no time.
</p>
<button class="btn">Create Account</button>
</header>
<section class="section__container service__container">
<p class="section__subheader">Our Services</p>
<h2 class="section__header">We Help to built startup websites</h2>
<div class="service__grid">
<div class="service__card">
<div class="service__icon">
<img src="assets/service-1.png" alt="service" />
</div>
<h4>Website Builders</h4>
<p>
Creating stunning, user-friendly websites tailored to your brand,
with expertise in design, development, and online success.
</p>
<a href="#">
Learn more <span><i class="ri-arrow-right-line"></i></span>
</a>
</div>
<div class="service__card">
<div class="service__icon">
<img src="assets/service-2.png" alt="service" />
</div>
<h4>Content Management System</h4>
<p>
Streamline website management with a user-friendly platform for easy
content creation, editing, and organization.
</p>
<a href="#">
Learn more <span><i class="ri-arrow-right-line"></i></span>
</a>
</div>
<div class="service__card">
<div class="service__icon">
<img src="assets/service-3.png" alt="service" />
</div>
<h4>Web Design</h4>
<p>
User-centric web design. Elevate your online presence with
beautiful, functional websites tailored to your unique needs.
</p>
<a href="#">
Learn more <span><i class="ri-arrow-right-line"></i></span>
</a>
</div>
<div class="service__card">
<div class="service__icon">
<img src="assets/service-4.png" alt="service" />
</div>
<h4>Hosting Service</h4>
<p>
Reliable and secure hosting solutions for website performance,
ensuring optimal speed and uptime for online presence.
</p>
<a href="#">
Learn more <span><i class="ri-arrow-right-line"></i></span>
</a>
</div>
<div class="service__card">
<div class="service__icon">
<img src="assets/service-5.png" alt="service" />
</div>
<h4>E-Commerce Solutions</h4>
<p>
Scalable e-commerce solutions that drive online sales, enhance user
experience, and boost business growth.
</p>
<a href="#">
Learn more <span><i class="ri-arrow-right-line"></i></span>
</a>
</div>
<div class="service__card">
<div class="service__icon">
<img src="assets/service-6.png" alt="service" />
</div>
<h4>Web Development</h4>
<p>
Expertly crafting functional and dynamic websites, tailored to your
unique needs and designed to captivate your audience.
</p>
<a href="#">
Learn more <span><i class="ri-arrow-right-line"></i></span>
</a>
</div>
</div>
</section>
<section class="section__container template__container">
<div class="template__content">
<p class="section__subheader">Our Templates</p>
<h2 class="section__header">Powerful UI kit templates for webflow</h2>
<p class="description">
Hosting services like Bluehost, HostGator, or SiteGround provide the
server space and technology needed to keep your website online.
</p>
<button class="btn">Learn more</button>
</div>
<div class="template__image">
<img src="assets/template.jpg" alt="template" />
</div>
</section>
<section class="section__container client__container">
<p class="section__subheader">Testimonials</p>
<h2 class="section__header">What client says about us</h2>
<div class="client__grid">
<div class="client__card">
<img src="assets/pic-1.jpg" alt="client" />
<h5>Shashikant Mishra from X</h5>
<h4>Love the simplicity</h4>
<p>
They understood our brand and created a stunning website design.
Professional, responsive, and on-time delivery. Highly recommended!
</p>
</div>
<div class="client__card">
<img src="assets/pic-2.jpeg" alt="client" />
<h5>Farjana from X</h5>
<h4>Excellent Design and Service</h4>
<p>
Efficient, reliable, and results-oriented. Visually appealing
website, improved online visibility. Highly recommended!
</p>
</div>
<div class="client__card">
<img src="assets/pic-3.jpg" alt="client" />
<h5>Sufian Mustafa from X</h5>
<h4>Efficient and Reliable</h4>
<p>
Best decision we made. Stunning website, exceptional support. Always
available and prompt issue resolution. Hassle-free experience!
</p>
</div>
</div>
</section>
<section class="section__container question__container">
<p class="section__subheader">Have Questions?</p>
<h2 class="section__header">Frequently asked questions</h2>
<div class="question__accordian">
<div class="question__box">
<div class="title">
<span>What services does your website design agency offer?</span>
<span class="icon"><i class="ri-add-fill"></i></span>
</div>
<div class="content">
Our website design agency offers a wide range of services including
custom website design, responsive design, e-commerce development,
content management system integration, search engine optimization
(SEO), website maintenance, and ongoing support.
</div>
</div>
<div class="question__box">
<div class="title">
<span
>What is the typical timeline for completing a website design
project?</span
>
<span class="icon"><i class="ri-add-fill"></i></span>
</div>
<div class="content">
The timeline for completing a website design project depends on
various factors such as the size of the website, functionality
requirements, and the availability of content. On average, a typical
website design project takes approximately 4-8 weeks from initial
consultation to launch.
</div>
</div>
<div class="question__box">
<div class="title">
<span>Do you provide ongoing website maintenance and support?</span>
<span class="icon"><i class="ri-add-fill"></i></span>
</div>
<div class="content">
Yes, we offer ongoing website maintenance and support services to
ensure your website remains up-to-date, secure, and performs
optimally. Our maintenance plans include regular updates, backups,
security monitoring, and technical support.
</div>
</div>
<div class="question__box">
<div class="title">
<span
>Can you create a custom website design that aligns with our brand
identity?</span
>
<span class="icon"><i class="ri-add-fill"></i></span>
</div>
<div class="content">
Absolutely! We specialize in creating custom website designs that
are tailored to reflect your unique brand identity. Our team works
closely with you to understand your brand and design a website that
captures your vision, values, and target audience.
</div>
</div>
<div class="question__box">
<div class="title">
<span
>Do you offer responsive design to ensure our website works well
on mobile devices?</span
>
<span class="icon"><i class="ri-add-fill"></i></span>
</div>
<div class="content">
Yes, responsive design is a crucial aspect of our website
development process. We create websites that adapt seamlessly to
different screen sizes and devices, ensuring optimal user experience
and usability on desktops, tablets, and smartphones.
</div>
</div>
</div>
</section>
<footer class="section__container footer__container">
<div class="footer__grid">
<div class="footer__col">
<h4>RUNBWEB</h4>
<p>
<span><i class="ri-mail-fill"></i></span> startup@gmail.com
</p>
<p>
<span><i class="ri-phone-fill"></i></span> +91 6209950346
</p>
</div>
<div class="footer__col">
<h4>About</h4>
<p>Home</p>
<p>Pricing</p>
<p>Company</p>
<p>Resource</p>
</div>
<div class="footer__col">
<h4>Features</h4>
<p>Blog</p>
<p>Privacy Policy</p>
<p>Terms & Conditions</p>
</div>
<div class="footer__col">
<h4>Contact</h4>
<p>Department</p>
<p>Media</p>
<p>Support</p>
</div>
</div>
</footer>
<div class="section__container footer__bar">
<p>Copyright © 2024 codeaashu. All rights reserved.</p>
<div class="socials">
<span><i class="ri-facebook-fill"></i></span>
<span><i class="ri-twitter-fill"></i></span>
<span><i class="ri-instagram-line"></i></span>
<span><i class="ri-youtube-fill"></i></span>
</div>
</div>
<script>
const questionBox = document.getElementsByClassName("question__box");
for (let i = 0; i < questionBox.length; i++) {
questionBox[i].addEventListener("click", function () {
this.classList.toggle("active");
});
}
</script>
</body>
</html>