├── assets
    ├── pic-1.jpg
    ├── pic-2.jpeg
    ├── pic-3.jpg
    ├── service-1.png
    ├── service-2.png
    ├── service-3.png
    ├── service-4.png
    ├── service-5.png
    ├── service-6.png
    └── template.jpg
├── README.md
├── styles.css
└── index.html


/assets/pic-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaashu/RUNWEB/HEAD/assets/pic-1.jpg


--------------------------------------------------------------------------------
/assets/pic-2.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaashu/RUNWEB/HEAD/assets/pic-2.jpeg


--------------------------------------------------------------------------------
/assets/pic-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaashu/RUNWEB/HEAD/assets/pic-3.jpg


--------------------------------------------------------------------------------
/assets/service-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaashu/RUNWEB/HEAD/assets/service-1.png


--------------------------------------------------------------------------------
/assets/service-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaashu/RUNWEB/HEAD/assets/service-2.png


--------------------------------------------------------------------------------
/assets/service-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaashu/RUNWEB/HEAD/assets/service-3.png


--------------------------------------------------------------------------------
/assets/service-4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaashu/RUNWEB/HEAD/assets/service-4.png


--------------------------------------------------------------------------------
/assets/service-5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaashu/RUNWEB/HEAD/assets/service-5.png


--------------------------------------------------------------------------------
/assets/service-6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaashu/RUNWEB/HEAD/assets/service-6.png


--------------------------------------------------------------------------------
/assets/template.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codeaashu/RUNWEB/HEAD/assets/template.jpg


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # RUN-WEB StartUp
 2 | ## A website which provide a services to create fast websites, in no time, quickly and easily with stunning eye-catching design.
 3 | 
 4 | # TechStack Uses : HTML - CSS - JS - FIGMA
 5 | 
 6 | # Our Services
 7 | ### We Help to built startup websites 
 8 | 💎Website Builders
 9 | 💎Content Management System
10 | 💎Web Design
11 | 💎Hosting Service
12 | 💎E-Commerce Solutions
13 | 💎Web Development
14 | 
15 | # ADD ON Services
16 | 💌 Provides Powerful UI kit templates for webflow.
17 | 💌 Hosting services like Bluehost, HostGator, or SiteGround provide the server space and technology needed to keep your website online.
18 | 


--------------------------------------------------------------------------------
/styles.css:
--------------------------------------------------------------------------------
  1 | @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
  2 | /* ===( CODE AASHU )=== */
  3 | :root {
  4 |   --primary-color: #495bfd;
  5 |   --secondary-color: #059669;
  6 |   --background-color: #080808;
  7 |   --text-light: #cbd5e1;
  8 |   --white: #ffffff;
  9 |   --max-width: 1200px;
 10 | }
 11 | 
 12 | * {
 13 |   padding: 0;
 14 |   margin: 0;
 15 |   box-sizing: border-box;
 16 | }
 17 | 
 18 | .section__container {
 19 |   max-width: var(--max-width);
 20 |   margin: auto;
 21 |   padding: 5rem 1rem;
 22 | }
 23 | 
 24 | .section__subheader {
 25 |   margin-bottom: 0.5rem;
 26 |   font-size: 1.1rem;
 27 |   color: var(--secondary-color);
 28 |   text-align: center;
 29 | }
 30 | 
 31 | .section__header {
 32 |   font-size: 2.5rem;
 33 |   font-weight: 600;
 34 |   line-height: 3rem;
 35 |   text-align: center;
 36 |   background: linear-gradient(
 37 |     to right,
 38 |     #c2b3ea,
 39 |     #99b8f1,
 40 |     #6abceb,
 41 |     #41bed8,
 42 |     #3abdbb,
 43 |     #44c1ac,
 44 |     #59c39a,
 45 |     #72c486,
 46 |     #83cd7f,
 47 |     #96d676,
 48 |     #acde6c,
 49 |     #c5e562
 50 |   );
 51 |   -webkit-background-clip: text;
 52 |   -webkit-text-fill-color: transparent;
 53 | }
 54 | 
 55 | .btn {
 56 |   padding: 0.75rem 2rem;
 57 |   outline: none;
 58 |   border: none;
 59 |   font-size: 1rem;
 60 |   color: var(--white);
 61 |   background-color: var(--primary-color);
 62 |   border-radius: 5px;
 63 |   cursor: pointer;
 64 | }
 65 | 
 66 | a {
 67 |   text-decoration: none;
 68 | }
 69 | 
 70 | body {
 71 |   font-family: "Poppins", sans-serif;
 72 |   background-color: var(--background-color);
 73 | }
 74 | 
 75 | .nav__container {
 76 |   padding: 2rem 1rem;
 77 |   display: flex;
 78 |   align-items: center;
 79 |   justify-content: space-between;
 80 |   gap: 1rem;
 81 |   border-bottom: 1px solid var(--text-light);
 82 | }
 83 | 
 84 | .nav__logo {
 85 |   font-size: 1.2rem;
 86 |   font-weight: 600;
 87 |   color: var(--white);
 88 | }
 89 | 
 90 | .nav__links {
 91 |   list-style: none;
 92 |   display: flex;
 93 |   align-items: center;
 94 |   gap: 2rem;
 95 | }
 96 | 
 97 | .link a {
 98 |   padding: 0 0.5rem;
 99 |   color: var(--text-light);
100 |   transition: 0.3s;
101 | }
102 | 
103 | .link a:hover {
104 |   color: var(--white);
105 | }
106 | 
107 | .header__container {
108 |   padding-top: 10rem;
109 |   text-align: center;
110 | }
111 | 
112 | .header__container .section__header {
113 |   font-size: 5rem;
114 |   font-weight: 700;
115 |   line-height: 6rem;
116 | }
117 | 
118 | .header__container .section__header span {
119 |   -webkit-text-stroke: 1px var(--text-light);
120 |   -webkit-text-fill-color: var(--background-color);
121 | }
122 | 
123 | .header__container p {
124 |   max-width: 900px;
125 |   margin: 1rem auto 2rem;
126 |   color: var(--text-light);
127 | }
128 | 
129 | .service__grid {
130 |   display: grid;
131 |   grid-template-columns: repeat(3, 1fr);
132 |   gap: 2rem;
133 |   margin-top: 4rem;
134 | }
135 | 
136 | .service__card {
137 |   padding: 1rem;
138 |   background-color: rgba(255, 255, 255, 0.1);
139 |   border-radius: 1rem;
140 | }
141 | 
142 | .service__icon {
143 |   margin-bottom: 1rem;
144 |   height: 50px;
145 |   width: 50px;
146 |   display: grid;
147 |   place-content: center;
148 |   font-size: 1.5rem;
149 |   color: var(--white);
150 |   background-color: rgba(255, 255, 255, 0.1);
151 |   border-radius: 0.5rem;
152 | }
153 | 
154 | .service__icon img {
155 |   max-width: 30px;
156 | }
157 | 
158 | .service__card h4 {
159 |   margin-bottom: 0.5rem;
160 |   font-size: 1.25rem;
161 |   font-weight: 500;
162 |   color: var(--white);
163 | }
164 | 
165 | .service__card p {
166 |   color: var(--text-light);
167 |   margin-bottom: 1rem;
168 | }
169 | 
170 | .service__card a {
171 |   display: flex;
172 |   align-items: center;
173 |   gap: 1rem;
174 |   font-size: 0.8rem;
175 |   color: var(--text-light);
176 | }
177 | 
178 | .service__card a span {
179 |   font-size: 1rem;
180 |   transition: 0.3s;
181 | }
182 | 
183 | .service__card a:hover span {
184 |   transform: translateX(5px);
185 | }
186 | 
187 | .template__container {
188 |   display: grid;
189 |   grid-template-columns: repeat(2, 1fr);
190 |   gap: 2rem;
191 |   align-items: center;
192 | }
193 | 
194 | .template__container .section__subheader {
195 |   text-align: left;
196 | }
197 | 
198 | .template__container .section__header {
199 |   margin-bottom: 1rem;
200 |   text-align: left;
201 | }
202 | 
203 | .template__container .description {
204 |   color: var(--text-light);
205 |   margin-bottom: 2rem;
206 | }
207 | 
208 | .template__image {
209 |   text-align: center;
210 | }
211 | 
212 | .template__image img {
213 |   width: 100%;
214 |   max-width: 400px;
215 |   border-radius: 1rem;
216 | }
217 | 
218 | .client__grid {
219 |   margin-top: 4rem;
220 |   display: grid;
221 |   grid-template-columns: repeat(3, 1fr);
222 |   gap: 2rem;
223 | }
224 | 
225 | .client__card {
226 |   padding: 1.5rem;
227 |   background-color: rgba(255, 255, 255, 0.1);
228 |   border-radius: 1rem;
229 | }
230 | 
231 | .client__card img {
232 |   margin-bottom: 1rem;
233 |   max-width: 60px;
234 |   border: 2px solid var(--white);
235 |   border-radius: 100%;
236 | }
237 | 
238 | .client__card h5 {
239 |   margin-bottom: 0.5rem;
240 |   font-size: 1rem;
241 |   font-weight: 500;
242 |   color:#8c8b8b;
243 | }
244 | 
245 | .client__card h4 {
246 |   margin-bottom: 0.5rem;
247 |   font-size: 1.2rem;
248 |   font-weight: 500;
249 |   color: var(--white);
250 | }
251 | 
252 | .client__card p {
253 |   font-size: 1rem;
254 |   color: var(--text-light);
255 | }
256 | 
257 | .question__accordian {
258 |   max-width: 900px;
259 |   margin: 4rem auto 0;
260 |   display: grid;
261 |   gap: 1rem;
262 | }
263 | 
264 | .question__box {
265 |   padding: 1rem;
266 |   background-color: rgba(255, 255, 255, 0.1);
267 |   border-radius: 1rem;
268 |   color: var(--text-light);
269 | }
270 | 
271 | .question__box .title {
272 |   display: flex;
273 |   align-items: center;
274 |   justify-content: space-between;
275 |   gap: 1rem;
276 |   font-weight: 500;
277 |   color: var(--white);
278 | }
279 | 
280 | .question__box .title .icon {
281 |   padding: 5px 10px;
282 |   font-size: 1.2rem;
283 |   border-radius: 5px;
284 |   background-color: rgba(255, 255, 255, 0.1);
285 |   cursor: pointer;
286 | }
287 | 
288 | .question__box .content {
289 |   height: 0;
290 |   transition: 0.5s;
291 |   overflow: hidden;
292 | }
293 | 
294 | .question__box.active .content {
295 |   height: 90px;
296 |   padding-top: 1rem;
297 | }
298 | 
299 | .footer__grid {
300 |   display: grid;
301 |   grid-template-columns: 2fr repeat(3, 1fr);
302 |   gap: 2rem;
303 | }
304 | 
305 | .footer__col h4 {
306 |   margin-bottom: 1rem;
307 |   font-size: 1.2rem;
308 |   font-weight: 500;
309 |   color: var(--white);
310 | }
311 | 
312 | .footer__col p {
313 |   color: var(--text-light);
314 |   margin-bottom: 1rem;
315 |   cursor: pointer;
316 |   transition: 0.3s;
317 | }
318 | 
319 | .footer__col p:hover {
320 |   color: var(--white);
321 | }
322 | 
323 | .footer__col p span {
324 |   margin-right: 0.5rem;
325 |   color: var(--primary-color);
326 | }
327 | 
328 | .footer__bar {
329 |   padding: 1rem;
330 |   display: flex;
331 |   align-items: center;
332 |   justify-content: space-between;
333 |   gap: 1rem;
334 |   border-top: 1px solid var(--text-light);
335 | }
336 | 
337 | .footer__bar p {
338 |   font-size: 0.9rem;
339 |   color: var(--text-light);
340 | }
341 | 
342 | .socials {
343 |   display: flex;
344 |   align-items: center;
345 |   gap: 1rem;
346 | }
347 | 
348 | .socials span {
349 |   padding: 5px 10px;
350 |   border-radius: 5px;
351 |   color: var(--text-light);
352 |   background-color: rgba(255, 255, 255, 0.1);
353 |   cursor: pointer;
354 |   transition: 0.3s;
355 | }
356 | 
357 | .socials span:hover {
358 |   color: var(--white);
359 | }
360 | 
361 | @media (width < 900px) {
362 |   .nav__links {
363 |     display: none;
364 |   }
365 | 
366 |   .header__container {
367 |     padding-top: 5rem;
368 |   }
369 | 
370 |   .service__grid {
371 |     grid-template-columns: repeat(2, 1fr);
372 |     gap: 1rem;
373 |   }
374 | 
375 |   .template__container {
376 |     grid-template-columns: repeat(1, 1fr);
377 |   }
378 | 
379 |   .template__content,
380 |   .template__content :is(.section__subheader, .section__header) {
381 |     text-align: center;
382 |   }
383 | 
384 |   .template__image {
385 |     grid-area: 1/1/2/2;
386 |   }
387 | 
388 |   .client__grid {
389 |     grid-template-columns: repeat(2, 1fr);
390 |     gap: 1rem;
391 |   }
392 | 
393 |   .question__box.active .content {
394 |     height: 135px;
395 |   }
396 | }
397 | 
398 | @media (width < 600px) {
399 |   .header__container .section__header {
400 |     font-size: 4rem;
401 |     line-height: 5rem;
402 |   }
403 | 
404 |   .service__grid {
405 |     grid-template-columns: repeat(1, 1fr);
406 |   }
407 | 
408 |   .client__grid {
409 |     grid-template-columns: repeat(1, 1fr);
410 |   }
411 | 
412 |   .question__box.active .content {
413 |     height: 180px;
414 |   }
415 | 
416 |   .footer__grid {
417 |     grid-template-columns: repeat(2, 1fr);
418 |   }
419 | 
420 |   .footer__bar {
421 |     flex-direction: column;
422 |     text-align: center;
423 |   }
424 | }
425 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head> <!-- ===( CODE AASHU )=== -->
  4 |     <meta charset="UTF-8" />
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6 |     <link rel="stylesheet" href="styles.css" />
  7 |     <link
  8 |       href="https://cdn.jsdelivr.net/npm/remixicon@3.4.0/fonts/remixicon.css"
  9 |       rel="stylesheet"
 10 |     />
 11 |     <title>CODE AASHU | RUNWEB StartUp</title>
 12 |   </head>
 13 |   <body>
 14 |     <nav class="section__container nav__container">
 15 |       <div class="nav__logo">RUN🚀WEB</div>
 16 |       <ul class="nav__links">
 17 |         <li class="link"><a href="#">Home</a></li>
 18 |         <li class="link"><a href="#">Pricing</a></li>
 19 |         <li class="link"><a href="#">Company</a></li>
 20 |         <li class="link"><a href="#">Resource</a></li>
 21 |         <li class="link"><a href="#">Blog</a></li>
 22 |       </ul>
 23 |       <button class="btn">Purchase</button>
 24 |     </nav>
 25 |     <header class="section__container header__container">
 26 |       <h1 class="section__header">
 27 |         Create fast websites,<br />
 28 |         in no <span>time.</span>
 29 |       </h1>
 30 |       <p>
 31 |         Looking to create a website quickly and easily? Our website building
 32 |         service offers fast turnaround times and streamilned design options,
 33 |         allowing you to get online in no time.
 34 |       </p>
 35 |       <button class="btn">Create Account</button>
 36 |     </header>
 37 | 
 38 |     <section class="section__container service__container">
 39 |       <p class="section__subheader">Our Services</p>
 40 |       <h2 class="section__header">We Help to built startup websites</h2>
 41 |       <div class="service__grid">
 42 |         <div class="service__card">
 43 |           <div class="service__icon">
 44 |             <img src="assets/service-1.png" alt="service" />
 45 |           </div>
 46 |           <h4>Website Builders</h4>
 47 |           <p>
 48 |             Creating stunning, user-friendly websites tailored to your brand,
 49 |             with expertise in design, development, and online success.
 50 |           </p>
 51 |           <a href="#">
 52 |             Learn more <span><i class="ri-arrow-right-line"></i></span>
 53 |           </a>
 54 |         </div>
 55 |         <div class="service__card">
 56 |           <div class="service__icon">
 57 |             <img src="assets/service-2.png" alt="service" />
 58 |           </div>
 59 |           <h4>Content Management System</h4>
 60 |           <p>
 61 |             Streamline website management with a user-friendly platform for easy
 62 |             content creation, editing, and organization.
 63 |           </p>
 64 |           <a href="#">
 65 |             Learn more <span><i class="ri-arrow-right-line"></i></span>
 66 |           </a>
 67 |         </div>
 68 |         <div class="service__card">
 69 |           <div class="service__icon">
 70 |             <img src="assets/service-3.png" alt="service" />
 71 |           </div>
 72 |           <h4>Web Design</h4>
 73 |           <p>
 74 |             User-centric web design. Elevate your online presence with
 75 |             beautiful, functional websites tailored to your unique needs.
 76 |           </p>
 77 |           <a href="#">
 78 |             Learn more <span><i class="ri-arrow-right-line"></i></span>
 79 |           </a>
 80 |         </div>
 81 |         <div class="service__card">
 82 |           <div class="service__icon">
 83 |             <img src="assets/service-4.png" alt="service" />
 84 |           </div>
 85 |           <h4>Hosting Service</h4>
 86 |           <p>
 87 |             Reliable and secure hosting solutions for website performance,
 88 |             ensuring optimal speed and uptime for online presence.
 89 |           </p>
 90 |           <a href="#">
 91 |             Learn more <span><i class="ri-arrow-right-line"></i></span>
 92 |           </a>
 93 |         </div>
 94 |         <div class="service__card">
 95 |           <div class="service__icon">
 96 |             <img src="assets/service-5.png" alt="service" />
 97 |           </div>
 98 |           <h4>E-Commerce Solutions</h4>
 99 |           <p>
100 |             Scalable e-commerce solutions that drive online sales, enhance user
101 |             experience, and boost business growth.
102 |           </p>
103 |           <a href="#">
104 |             Learn more <span><i class="ri-arrow-right-line"></i></span>
105 |           </a>
106 |         </div>
107 |         <div class="service__card">
108 |           <div class="service__icon">
109 |             <img src="assets/service-6.png" alt="service" />
110 |           </div>
111 |           <h4>Web Development</h4>
112 |           <p>
113 |             Expertly crafting functional and dynamic websites, tailored to your
114 |             unique needs and designed to captivate your audience.
115 |           </p>
116 |           <a href="#">
117 |             Learn more <span><i class="ri-arrow-right-line"></i></span>
118 |           </a>
119 |         </div>
120 |       </div>
121 |     </section>
122 | 
123 |     <section class="section__container template__container">
124 |       <div class="template__content">
125 |         <p class="section__subheader">Our Templates</p>
126 |         <h2 class="section__header">Powerful UI kit templates for webflow</h2>
127 |         <p class="description">
128 |           Hosting services like Bluehost, HostGator, or SiteGround provide the
129 |           server space and technology needed to keep your website online.
130 |         </p>
131 |         <button class="btn">Learn more</button>
132 |       </div>
133 |       <div class="template__image">
134 |         <img src="assets/template.jpg" alt="template" />
135 |       </div>
136 |     </section>
137 | 
138 |     <section class="section__container client__container">
139 |       <p class="section__subheader">Testimonials</p>
140 |       <h2 class="section__header">What client says about us</h2>
141 |       <div class="client__grid">
142 |         <div class="client__card">
143 |           <img src="assets/pic-1.jpg" alt="client" />
144 |           <h5>Shashikant Mishra from X</h5>
145 |           <h4>Love the simplicity</h4>
146 |           <p>
147 |             They understood our brand and created a stunning website design.
148 |             Professional, responsive, and on-time delivery. Highly recommended!
149 |           </p>
150 |         </div>
151 |         <div class="client__card">
152 |           <img src="assets/pic-2.jpeg" alt="client" />
153 |           <h5>Farjana from X</h5>
154 |           <h4>Excellent Design and Service</h4>
155 |           <p>
156 |             Efficient, reliable, and results-oriented. Visually appealing
157 |             website, improved online visibility. Highly recommended!
158 |           </p>
159 |         </div>
160 |         <div class="client__card">
161 |           <img src="assets/pic-3.jpg" alt="client" />
162 |           <h5>Sufian Mustafa from X</h5>
163 |           <h4>Efficient and Reliable</h4>
164 |           <p>
165 |             Best decision we made. Stunning website, exceptional support. Always
166 |             available and prompt issue resolution. Hassle-free experience!
167 |           </p>
168 |         </div>
169 |       </div>
170 |     </section>
171 | 
172 |     <section class="section__container question__container">
173 |       <p class="section__subheader">Have Questions?</p>
174 |       <h2 class="section__header">Frequently asked questions</h2>
175 |       <div class="question__accordian">
176 |         <div class="question__box">
177 |           <div class="title">
178 |             <span>What services does your website design agency offer?</span>
179 |             <span class="icon"><i class="ri-add-fill"></i></span>
180 |           </div>
181 |           <div class="content">
182 |             Our website design agency offers a wide range of services including
183 |             custom website design, responsive design, e-commerce development,
184 |             content management system integration, search engine optimization
185 |             (SEO), website maintenance, and ongoing support.
186 |           </div>
187 |         </div>
188 |         <div class="question__box">
189 |           <div class="title">
190 |             <span
191 |               >What is the typical timeline for completing a website design
192 |               project?</span
193 |             >
194 |             <span class="icon"><i class="ri-add-fill"></i></span>
195 |           </div>
196 |           <div class="content">
197 |             The timeline for completing a website design project depends on
198 |             various factors such as the size of the website, functionality
199 |             requirements, and the availability of content. On average, a typical
200 |             website design project takes approximately 4-8 weeks from initial
201 |             consultation to launch.
202 |           </div>
203 |         </div>
204 |         <div class="question__box">
205 |           <div class="title">
206 |             <span>Do you provide ongoing website maintenance and support?</span>
207 |             <span class="icon"><i class="ri-add-fill"></i></span>
208 |           </div>
209 |           <div class="content">
210 |             Yes, we offer ongoing website maintenance and support services to
211 |             ensure your website remains up-to-date, secure, and performs
212 |             optimally. Our maintenance plans include regular updates, backups,
213 |             security monitoring, and technical support.
214 |           </div>
215 |         </div>
216 |         <div class="question__box">
217 |           <div class="title">
218 |             <span
219 |               >Can you create a custom website design that aligns with our brand
220 |               identity?</span
221 |             >
222 |             <span class="icon"><i class="ri-add-fill"></i></span>
223 |           </div>
224 |           <div class="content">
225 |             Absolutely! We specialize in creating custom website designs that
226 |             are tailored to reflect your unique brand identity. Our team works
227 |             closely with you to understand your brand and design a website that
228 |             captures your vision, values, and target audience.
229 |           </div>
230 |         </div>
231 |         <div class="question__box">
232 |           <div class="title">
233 |             <span
234 |               >Do you offer responsive design to ensure our website works well
235 |               on mobile devices?</span
236 |             >
237 |             <span class="icon"><i class="ri-add-fill"></i></span>
238 |           </div>
239 |           <div class="content">
240 |             Yes, responsive design is a crucial aspect of our website
241 |             development process. We create websites that adapt seamlessly to
242 |             different screen sizes and devices, ensuring optimal user experience
243 |             and usability on desktops, tablets, and smartphones.
244 |           </div>
245 |         </div>
246 |       </div>
247 |     </section>
248 | 
249 |     <footer class="section__container footer__container">
250 |       <div class="footer__grid">
251 |         <div class="footer__col">
252 |           <h4>RUNBWEB</h4>
253 |           <p>
254 |             <span><i class="ri-mail-fill"></i></span> startup@gmail.com
255 |           </p>
256 |           <p>
257 |             <span><i class="ri-phone-fill"></i></span> +91 6209950346
258 |           </p>
259 |         </div>
260 |         <div class="footer__col">
261 |           <h4>About</h4>
262 |           <p>Home</p>
263 |           <p>Pricing</p>
264 |           <p>Company</p>
265 |           <p>Resource</p>
266 |         </div>
267 |         <div class="footer__col">
268 |           <h4>Features</h4>
269 |           <p>Blog</p>
270 |           <p>Privacy Policy</p>
271 |           <p>Terms & Conditions</p>
272 |         </div>
273 |         <div class="footer__col">
274 |           <h4>Contact</h4>
275 |           <p>Department</p>
276 |           <p>Media</p>
277 |           <p>Support</p>
278 |         </div>
279 |       </div>
280 |     </footer>
281 |     <div class="section__container footer__bar">
282 |       <p>Copyright © 2024 codeaashu. All rights reserved.</p>
283 |       <div class="socials">
284 |         <span><i class="ri-facebook-fill"></i></span>
285 |         <span><i class="ri-twitter-fill"></i></span>
286 |         <span><i class="ri-instagram-line"></i></span>
287 |         <span><i class="ri-youtube-fill"></i></span>
288 |       </div>
289 |     </div>
290 | 
291 |     <script>
292 |       const questionBox = document.getElementsByClassName("question__box");
293 | 
294 |       for (let i = 0; i < questionBox.length; i++) {
295 |         questionBox[i].addEventListener("click", function () {
296 |           this.classList.toggle("active");
297 |         });
298 |       }
299 |     </script>
300 |   </body>
301 | </html>
302 | 


--------------------------------------------------------------------------------