├── README.md ├── images ├── WEBLOGO.png ├── apple-logo.webp ├── awards-01.png ├── awards-02.png ├── awards-03.png ├── awards-04.png ├── client-slide01.png ├── course-1.png ├── course-2.png ├── course-3.png ├── course-4.png ├── course-5.png ├── course-6.png ├── course-7.png ├── cover-bg.png ├── folder.png ├── footer.jpg ├── image-card.png ├── image-circle.jpg ├── image-circle2.jpg ├── image-cover.png ├── logo-white.png ├── logo.png ├── pattern.png ├── reports-logo-01.png ├── reports-logo-02.png ├── reports-logo-03.png ├── services-01.png ├── services-02.png ├── services-03.png └── services-04.png ├── index.html └── style.css /README.md: -------------------------------------------------------------------------------- 1 | # LINKED 2 | ## LIN🔗KED is a redesign & clone website of ceipal.com 3 | ### 🎯 Key Responsibilities: It's focuses on providing comprehensive talent acquisition solutions. 4 | ## 💌 Tech Stack : HTML - CSS - JS 5 | ## ✨ Design - Figma (Link - https://www.figma.com/file/QaCXPpetsW1y9lNxW2iOXz/Lin%F0%9F%94%97ked?type=design&node-id=0%3A1&mode=design&t=9VULXZjkNFeBvjLI-1 ) 6 | #### & all set 👍🏻 7 | 8 | ![Linked](https://github.com/codeaashu/LINKED/assets/130897584/9c06a3ec-b721-4b46-8e82-2e276c9f5801) 9 | -------------------------------------------------------------------------------- /images/WEBLOGO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/WEBLOGO.png -------------------------------------------------------------------------------- /images/apple-logo.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/apple-logo.webp -------------------------------------------------------------------------------- /images/awards-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/awards-01.png -------------------------------------------------------------------------------- /images/awards-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/awards-02.png -------------------------------------------------------------------------------- /images/awards-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/awards-03.png -------------------------------------------------------------------------------- /images/awards-04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/awards-04.png -------------------------------------------------------------------------------- /images/client-slide01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/client-slide01.png -------------------------------------------------------------------------------- /images/course-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/course-1.png -------------------------------------------------------------------------------- /images/course-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/course-2.png -------------------------------------------------------------------------------- /images/course-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/course-3.png -------------------------------------------------------------------------------- /images/course-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/course-4.png -------------------------------------------------------------------------------- /images/course-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/course-5.png -------------------------------------------------------------------------------- /images/course-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/course-6.png -------------------------------------------------------------------------------- /images/course-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/course-7.png -------------------------------------------------------------------------------- /images/cover-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/cover-bg.png -------------------------------------------------------------------------------- /images/folder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/folder.png -------------------------------------------------------------------------------- /images/footer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/footer.jpg -------------------------------------------------------------------------------- /images/image-card.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/image-card.png -------------------------------------------------------------------------------- /images/image-circle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/image-circle.jpg -------------------------------------------------------------------------------- /images/image-circle2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/image-circle2.jpg -------------------------------------------------------------------------------- /images/image-cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/image-cover.png -------------------------------------------------------------------------------- /images/logo-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/logo-white.png -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/logo.png -------------------------------------------------------------------------------- /images/pattern.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/pattern.png -------------------------------------------------------------------------------- /images/reports-logo-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/reports-logo-01.png -------------------------------------------------------------------------------- /images/reports-logo-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/reports-logo-02.png -------------------------------------------------------------------------------- /images/reports-logo-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/reports-logo-03.png -------------------------------------------------------------------------------- /images/services-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/services-01.png -------------------------------------------------------------------------------- /images/services-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/services-02.png -------------------------------------------------------------------------------- /images/services-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/services-03.png -------------------------------------------------------------------------------- /images/services-04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeaashu/LINKED/4ece48472d7834de7b83dd123ade962c143b77f2/images/services-04.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 11 | 14 | 15 | 18 | 19 | LINKED / codeaashu 20 | 21 | 22 | 23 |
24 | 31 |
32 |
33 |
34 |
35 | FRONTIER OF TALENT 36 |
37 |
38 |
39 | 40 |
41 |
42 | 43 |
44 |
45 | 46 |
47 |
48 |
49 |
50 |
51 | ACQUISITION 52 |
53 |
54 |
55 |

56 | Manage your total talent acquisition and automation needs with a 57 | powerful platform that combines ATS, VMS, Workforce Management, 58 | and DEl solutions. 59 |

60 | 63 |
64 |
65 |
66 | Get Started 67 | Download on IOS 68 |
69 | 77 |
78 |
79 |
80 |

Download Mobile App

81 | App Available on Apple Store 82 | 83 |
4.8
84 | On App Store 85 | 86 |
87 |
88 |
89 | 90 |
91 |
92 |
93 |
94 |
95 |

96 | Join 3,500+ leading firms charting new courses 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 | What Makes Us Different 125 |
126 | The phrase typically refers to an exploration of the unique 127 | qualities, characteristics, or aspects that distinguish one 128 | entity, individual, or group from others. 129 |
130 | See More 131 |
132 |
133 |
134 | 01. 135 |
136 |

No more hiring silos

137 | Ceipal brings ATS, Workforce Management, and VMS technology 138 | together into a comprehensive platform. 139 |
140 |
141 | 03. 142 |
143 |

Best-in-class usability

144 | Ceipal created powerful software with intuitive design and 145 | dedicated support so organizations always have what. 146 |
147 |
148 |
149 |
150 | 02. 151 |
152 |

Automation, powered by AI

153 | Ceipal delivers smart technology that improves efficiency and 154 | boosts talent acquisition effectiveness. 155 |
156 |
157 | 04. 158 |
159 |

Tool Use and Technology

160 | Humans have a long history of using tools, and our ability to 161 | create and manipulate technology sets us apart. 162 |
163 |
164 |
165 |
166 |
167 |
168 |
169 |

SOLUTIONS

170 |
171 | Industry-Leading Talent Solutions 172 |
173 | Industry-leading talent solutions encompass 174 | cutting-edge approaches 175 | and tools for attracting, identifying, hiring, and retaining top 176 | talent. 177 |
178 |
179 |
180 |
181 | 182 |
183 |

Advanced Recruitment Technology

184 | Employing cutting-edge and creative methods to 185 | identify. 186 |
187 | 188 |
189 |
190 |
191 |
192 |
193 |
194 | 195 |
196 |

Internal & Corporate Recruiting

197 | Find, hire, and onboard using total talent acquisition. 198 |
199 | 200 |
201 |
202 |
203 |
204 |
205 |
206 | 207 |
208 |

Managed Service Providers

209 | Benefit from cost effective and efficient talent delivery for 210 | MSPs. 211 |
212 | 213 |
214 |
215 |
216 |
217 |
218 |
219 | 220 |
221 |

Compliance and Security

222 | Adherence to legal and regulatory compliance in the 223 | process. 224 |
225 | 226 |
227 |
228 |
229 |
230 |
231 |
232 |
233 |
234 |
235 |
236 |
237 | Innovating With Talent Leaders. 238 |
239 |
240 |
241 | 242 |
243 |
244 | 245 |
246 |
247 | 248 |
249 |
250 | 251 |
252 |
253 |
254 |
255 |
256 |
257 |
2,500+
258 | Clients across staffing, corporate recruiting, MSPs, and 259 | SIs 260 |
261 |
262 |
200,000+
263 | Recruiters and hiring managers on the platform 264 |
265 |
266 |
2,000+
267 | Reviews from happy customers across product evaluation 268 | portals 269 |
270 |
271 |
97%
272 | Customer satisfaction rating 273 |
274 |
275 |
276 |
277 |
278 |
279 |
280 |
281 |
282 |
283 | 284 |
285 |

286 | "If a client decides not to interview a candidate, it's 287 | critically important the candidate we select be a 288 | otherwise. 289 | Ceipal's Al-Powered People Analytics proved extremely 290 | useful, providing personality of candidates while gauging their 291 | 'cultural fit' with each client." 292 |

293 | CHIEF OPERATING OFFICER 294 | Read Case Study 295 |
296 |
297 | 298 |
299 |
300 |
301 |
302 |
303 |
304 |
305 | 306 |
307 |

308 | "If a client decides not to interview a candidate, it's 309 | critically important the candidate we select be a 310 | otherwise. 311 | Ceipal's Al-Powered People Analytics proved extremely 312 | useful, providing personality of candidates while gauging their 313 | 'cultural fit' with each client." 314 |

315 | CHIEF OPERATING OFFICER 316 | Read Case Study 317 |
318 |
319 | 320 |
321 |
322 |
323 |
324 |
325 |
326 |
327 | 328 |
329 |

330 | "If a client decides not to interview a candidate, it's 331 | critically important the candidate we select be a 332 | otherwise. 333 | Ceipal's Al-Powered People Analytics proved extremely 334 | useful, providing personality of candidates while gauging their 335 | 'cultural fit' with each client." 336 |

337 | CHIEF OPERATING OFFICER 338 | Read Case Study 339 |
340 |
341 | 342 |
343 |
344 |
345 |
346 |
347 |
348 |
349 |
350 |
351 |
352 |
353 |
354 |
355 |
356 | 357 |
358 |
359 |

Applicant Tracking System

360 | Ceipal's Al-powered ATS automatically delivers high- 361 | quality talent to your dashboard while integrating. 362 |
363 |
364 |
365 |
366 | 367 |
368 |
369 |

Procurewise VMS

370 | Ceipal Procurewise is a flexible, powerful, and user- 371 | friendly vendor management system. 372 |
373 |
374 |
375 |
376 | 377 |
378 |
379 |

Workforce Management

380 | Ceipal's Workforce Management helps organizations 381 | effectively oversee talent. 382 |
383 |
384 |
385 |
386 | 387 |
388 |
389 |

Diversity Hiring

390 | Ceipal's diversity hiring product uses our advanced Al 391 | capabilities to assess, plan. 392 |
393 |
394 |
395 |
396 |
Dynamic Talent Hub
397 | Welcome to our dynamic talent hub, where innovation and 398 | expertise converge to create a powerful ecosystem for connecting 399 | top-tier talent with unparalleled opportunities. 400 | 401 |
402 |
403 |
404 |
405 |
406 |
407 |

REPORTS AND RESOURCES

408 |
Analyst Reports About Ceipal
409 |
410 |
411 |
412 |
413 | 414 | Reducing Tech Stacks and Improving Outcomes with Holistic 415 | Talent Acquisition Solutions. 416 | 417 | Learn More 418 |
419 |
420 |
421 |
422 | 423 | Ceipal addresses market need, opens new competitive vector 424 | with automation bundle. 425 | 426 | Learn More 427 |
428 |
429 |
430 |
431 | 432 | Procurewise Vendor Analysis: Solution Overview, Roadmap, 433 | Competitors & Market. 434 | 435 | Learn More 436 |
437 |
438 |
439 |
440 | 441 | Reducing Tech Stacks and Improving Outcomes with Holistic 442 | Talent Acquisition Solutions. 443 | 444 | Learn More 445 |
446 |
447 |
448 |
449 | 450 | Ceipal addresses market need, opens new competitive vector 451 | with automation bundle. 452 | 453 | Learn More 454 |
455 |
456 |
457 |
458 | 459 | Procurewise Vendor Analysis: Solution Overview, Roadmap, 460 | Competitors & Market. 461 | 462 | Learn More 463 |
464 |
465 |
466 |
467 |
468 |
469 | 524 |
525 | 526 | 529 | 562 | 563 | 564 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap"); 2 | /* ===( CODE AASHU )=== */ 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | html { 10 | font-size: 62.5%; 11 | } 12 | 13 | 14 | body { 15 | font-family: "Mulish", sans-serif; 16 | width: 100vw; 17 | min-height: 100vh; 18 | font-size: 1.4rem; 19 | overflow-x: hidden; 20 | } 21 | 22 | a { 23 | text-decoration: none; 24 | color: inherit; 25 | } 26 | 27 | main { 28 | width: 100vw; 29 | min-height: 100vh; 30 | } 31 | 32 | nav{ 33 | position: fixed; 34 | top: 0; 35 | left: 0; 36 | width: 100vw; 37 | z-index: 10; 38 | background: url("images/cover-bg.png") no-repeat; 39 | background-position: top; 40 | display: flex; 41 | justify-content: center; 42 | align-items: center; 43 | } 44 | 45 | nav .container{ 46 | display: flex; 47 | align-items: center; 48 | gap: 3rem; 49 | padding: 3rem 0; 50 | } 51 | 52 | nav .logo img { 53 | width: 12rem; 54 | scale: 1.1; 55 | } 56 | 57 | nav .logo { 58 | margin-right: auto; 59 | } 60 | 61 | nav a { 62 | font-weight: bold; 63 | } 64 | 65 | section.cover { 66 | background: url("images/cover-bg.png") no-repeat; 67 | background-size: cover; 68 | min-height: 100vh; 69 | width: 100vw; 70 | padding-top: 13rem; 71 | } 72 | 73 | .cover .container{ 74 | position: relative; 75 | } 76 | 77 | .btn { 78 | padding: 1.4rem 2.6rem; 79 | border-radius: 3rem; 80 | font-weight: normal; 81 | font-size: 1.2rem; 82 | outline: none; 83 | border: none; 84 | color: #fff; 85 | } 86 | 87 | .btn-dark { 88 | background: #000; 89 | } 90 | 91 | .btn-circle{ 92 | width: 4.2rem; 93 | height: 4.2rem; 94 | border-radius: 50%; 95 | outline: none; 96 | border: none; 97 | display: grid; 98 | place-content: center; 99 | font-size: 2.1rem; 100 | color: #fff; 101 | } 102 | 103 | .btn-yellow{ 104 | background: #FEB143; 105 | } 106 | 107 | .intro { 108 | display: flex; 109 | align-items: center; 110 | gap: 2rem; 111 | } 112 | 113 | .gradient-heading { 114 | font-size: 8rem; 115 | font-weight: 1000; 116 | background: linear-gradient(to right, #B545C9, #FEB143 68%); 117 | -webkit-background-clip: text; 118 | -webkit-text-fill-color: transparent; 119 | } 120 | 121 | .heading { 122 | font-size: 8rem; 123 | font-weight: 1000; 124 | color: #000; 125 | } 126 | 127 | .circle-images { 128 | display: flex; 129 | } 130 | 131 | .circle-image { 132 | height: 5.5rem; 133 | width: 5.5rem; 134 | border-radius: 50%; 135 | overflow: hidden; 136 | border: 2px solid #fff; 137 | } 138 | 139 | .circle-image:nth-child(2) { 140 | transform: translateX(-30%); 141 | } 142 | 143 | .circle-image:nth-child(3) { 144 | transform: translateX(-70%); 145 | background: #fef4e4; 146 | display: grid; 147 | place-content: center; 148 | font-size: 2rem; 149 | color: #fdb757; 150 | } 151 | 152 | .circle-image img { 153 | height: 100%; 154 | width: 100%; 155 | object-fit: cover; 156 | } 157 | 158 | .intro-detail{ 159 | font-size: 1.8rem; 160 | width: 40%; 161 | min-width: 40rem; 162 | margin-block: 2rem; 163 | color: #323234; 164 | position: relative; 165 | line-height: 1.5; 166 | } 167 | 168 | .intro-detail .btn-circle{ 169 | scale: 1.8; 170 | font-size: 2.3rem; 171 | position: absolute; 172 | right: -20%; 173 | top: 0; 174 | } 175 | 176 | .intro-footer{ 177 | margin-top: 3rem; 178 | display: flex; 179 | flex-direction: column; 180 | align-items: flex-start; 181 | gap: 2rem; 182 | margin-bottom: 2rem; 183 | } 184 | 185 | .intro-footer-top{ 186 | display: flex; 187 | gap: 2rem; 188 | } 189 | 190 | .intro-footer .share{ 191 | display: flex; 192 | gap: 1rem; 193 | } 194 | 195 | .cover-image{ 196 | position: absolute; 197 | width: 100%; 198 | max-width: 60rem; 199 | max-height: 40rem; 200 | right: 0; 201 | top: 60%; 202 | transform: translateY(-35%); 203 | overflow: hidden; 204 | border-radius: 1rem; 205 | border: 5px solid #fff; 206 | } 207 | 208 | .cover-image img{ 209 | width: 100%; 210 | object-fit: cover; 211 | } 212 | 213 | .show-mobile{ 214 | display: none; 215 | } 216 | 217 | .cta{ 218 | position: absolute; 219 | top: 75%; 220 | left: 50%; 221 | transform: translate(-50%); 222 | z-index: 2; 223 | } 224 | 225 | .cta p{ 226 | font-size: 1.8rem; 227 | font-weight: 700; 228 | margin-bottom: 0.5rem; 229 | } 230 | 231 | .cta span{ 232 | display: inline-block; 233 | font-size: 1.2rem; 234 | margin-bottom: 2rem; 235 | } 236 | 237 | .cta .download{ 238 | min-width: 35rem; 239 | z-index: 10; 240 | position: relative; 241 | padding: 2rem; 242 | border-radius: 1rem; 243 | background: #000; 244 | color: #fff; 245 | border: 5px solid #fff; 246 | } 247 | 248 | .cta::before{ 249 | content: ""; 250 | background: url('images/pattern.png') no-repeat; 251 | position: absolute; 252 | width: 20rem; 253 | height: 10rem; 254 | left: -30%; 255 | top: -20%; 256 | background-size: contain; 257 | transform: rotate(315deg); 258 | z-index: -1; 259 | opacity: 0.8; 260 | } 261 | 262 | .cta-btn{ 263 | display: flex; 264 | padding-right: 1rem; 265 | align-items: center; 266 | gap: 2rem; 267 | background: #fff; 268 | color: #000; 269 | font-size: 1.7rem; 270 | font-weight: 800; 271 | border-radius: 1rem; 272 | overflow: hidden; 273 | } 274 | 275 | .cta-btn .rating{ 276 | height: 6rem; 277 | width: 7rem; 278 | background: #FEB143; 279 | display: grid; 280 | place-content: center; 281 | color: #fff; 282 | font-size: 2.2rem; 283 | position: relative; 284 | } 285 | 286 | .cta-btn .rating::before,.cta-btn .rating::after{ 287 | content: ""; 288 | position: absolute; 289 | height: 1.5rem; 290 | width: 1.5rem; 291 | transform: translate(50%, -50%); 292 | border-radius: 50%; 293 | background: #000; 294 | } 295 | 296 | .cta-btn .rating::before{ 297 | top: 0; 298 | right: 0; 299 | } 300 | 301 | .cta-btn .rating::after{ 302 | top: 100%; 303 | right: 0; 304 | } 305 | 306 | .cta-btn small{ 307 | background: red; 308 | height: 5rem; 309 | width: 5rem; 310 | display: grid; 311 | place-content: center; 312 | background: #000; 313 | color: #fff; 314 | font-size: 2.5rem; 315 | border-radius: 0.5rem; 316 | margin-left: auto; 317 | } 318 | 319 | .about{ 320 | padding: 6rem 0; 321 | } 322 | 323 | .about p{ 324 | font-size: 2rem; 325 | font-weight: bold; 326 | text-align: center; 327 | margin-bottom: 2rem; 328 | } 329 | 330 | .courses{ 331 | width: 100%; 332 | display: flex; 333 | flex-wrap: wrap; 334 | justify-content: center; 335 | align-items: center; 336 | gap: 1rem; 337 | margin-bottom: 8rem; 338 | } 339 | 340 | .course{ 341 | background: #FCFAF8; 342 | height: 5rem; 343 | width: 12rem; 344 | display: flex; 345 | align-items: center; 346 | justify-content: center; 347 | padding: 1.5rem; 348 | } 349 | 350 | .course img{ 351 | width: 100%; 352 | object-fit: contain; 353 | } 354 | 355 | .section-heading{ 356 | font-size: 3.6rem; 357 | font-weight: 900; 358 | position: relative; 359 | z-index: 2; 360 | } 361 | 362 | .about span{ 363 | font-size: 1.2rem; 364 | display: block; 365 | margin: 1rem 0; 366 | line-height: 1.5; 367 | color: #323234; 368 | } 369 | 370 | .about a{ 371 | margin-bottom: 4rem; 372 | display: inline-block; 373 | } 374 | 375 | .card-border{ 376 | width: 100%; 377 | display: flex; 378 | flex-direction: column; 379 | align-items: flex-start; 380 | margin-bottom: 3rem; 381 | } 382 | 383 | .card-border .border{ 384 | width: 100%; 385 | height: 0.15rem; 386 | background: rgba(0,0,0,0.1); 387 | } 388 | 389 | .card-border span, .card-border p{ 390 | margin: 0; 391 | } 392 | 393 | .card-border p{ 394 | margin: 1rem 0; 395 | font-size: 1.6rem; 396 | } 397 | 398 | .card-border span{ 399 | line-height: 1.5; 400 | } 401 | 402 | .index{ 403 | font-weight: 800; 404 | } 405 | 406 | .txt-purple{ 407 | color: #6D31F2 !important; 408 | } 409 | 410 | .txt-green{ 411 | color: #228974 !important; 412 | } 413 | 414 | .txt-blue{ 415 | color: #1886FA !important; 416 | } 417 | 418 | .txt-yellow{ 419 | color: #fdb757 !important; 420 | } 421 | 422 | .services{ 423 | padding: 6rem 0; 424 | text-align: center; 425 | background: linear-gradient(to right, #FEF5F6, #FFFBF4); 426 | } 427 | 428 | .services p{ 429 | font-size: 1.3rem; 430 | color: rgba(0,0,0,0.5); 431 | font-weight: 700; 432 | } 433 | 434 | .services span{ 435 | font-size: 1.2rem; 436 | display: block; 437 | width: 100ch; 438 | max-width: 90%; 439 | margin: auto; 440 | margin-block: 1rem; 441 | margin-bottom: 5rem; 442 | } 443 | 444 | .card-service{ 445 | width: 100%; 446 | height: 25rem; 447 | display: flex; 448 | flex-direction: column; 449 | align-items: flex-start; 450 | justify-content: center; 451 | padding: 0 5rem; 452 | background: #fff; 453 | border-radius: 2rem; 454 | position: relative; 455 | margin-bottom: 5rem; 456 | } 457 | 458 | .card-service span{ 459 | width: 100%; 460 | margin: 0; 461 | text-align: start; 462 | margin-block: 1rem; 463 | } 464 | 465 | .card-service p{ 466 | font-size: 1.8rem; 467 | text-align: start; 468 | color: #000; 469 | } 470 | 471 | .card-service .icon{ 472 | margin-bottom: 1rem; 473 | } 474 | 475 | .card-service .icon img{ 476 | width: 5rem; 477 | object-fit: contain; 478 | } 479 | 480 | .card-service .arrow{ 481 | position: absolute; 482 | bottom: 0; 483 | left: 50%; 484 | transform: translate(-50%, 50%); 485 | height: 5rem; 486 | width: 5rem; 487 | border-radius: 50%; 488 | background: #fff; 489 | display: grid; 490 | place-content: center; 491 | font-size: 2rem; 492 | color: #6D31F2; 493 | box-shadow: 2px 2px 4px rgba(0,0,0,0.05); 494 | } 495 | 496 | .clients{ 497 | padding: 6rem 0; 498 | } 499 | 500 | .clients span{ 501 | font-size: 1.2rem; 502 | color: #323234; 503 | width: 25ch; 504 | display: inline-block; 505 | margin-top: 1rem; 506 | } 507 | 508 | .awards{ 509 | width: 80%; 510 | display: flex; 511 | justify-content: center; 512 | align-items: center; 513 | } 514 | 515 | .award{ 516 | width: 25%; 517 | height: 15rem; 518 | display: flex; 519 | justify-content: center; 520 | align-items: center; 521 | } 522 | 523 | .award img{ 524 | height: 8rem; 525 | object-fit: contain; 526 | max-width: 90%; 527 | } 528 | 529 | .swiper{ 530 | width: 100%; 531 | margin-top: 5rem; 532 | } 533 | 534 | .swiper-wrapper{ 535 | padding: 0 !important; 536 | } 537 | 538 | .swiper .swiper-slide{ 539 | max-width: 100%; 540 | background: #fff; 541 | } 542 | 543 | .clients-swiper .swiper-slide .col-md-6{ 544 | margin-block: 1rem; 545 | position: relative; 546 | } 547 | 548 | .clients-swiper .swiper-slide .col-md-6 img{ 549 | width: 95%; 550 | object-fit: contain; 551 | } 552 | 553 | .clients-swiper p{ 554 | font-size: 1.8rem; 555 | line-height: 1.7; 556 | width: 50ch; 557 | max-width: 90%; 558 | margin-top: 5rem; 559 | } 560 | 561 | .slide-icon{ 562 | font-size: 15rem; 563 | position: absolute; 564 | top: -5rem; 565 | left: 0; 566 | z-index: -1; 567 | color: rgba(0,0,0,0.1); 568 | } 569 | 570 | .clients-swiper span{ 571 | font-size: 1.6rem; 572 | font-weight: 600; 573 | display: block; 574 | margin-block: 2rem; 575 | } 576 | 577 | .clients-swiper a{ 578 | font-weight: 600; 579 | color: #B545C9; 580 | } 581 | 582 | .swiper-pagination{ 583 | display: flex; 584 | height: 5rem; 585 | gap: 0.5rem; 586 | justify-content: center; 587 | align-items: center; 588 | width: 20rem !important; 589 | } 590 | 591 | .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ 592 | transform: scale(1); 593 | } 594 | 595 | .swiper-pagination-bullet{ 596 | height: 1.5rem !important; 597 | width: 1.5rem !important; 598 | border-radius: 50%; 599 | background: #fdb757; 600 | } 601 | 602 | .features{ 603 | padding: 6rem 0; 604 | } 605 | 606 | .features span{ 607 | font-size: 1.2rem; 608 | display: block; 609 | margin: 1rem 0; 610 | line-height: 1.5; 611 | color: #323234; 612 | } 613 | 614 | .feature-card{ 615 | display: flex; 616 | justify-content: center; 617 | align-items: center; 618 | border: 1px solid rgba(0,0,0,0.1); 619 | border-radius: 1rem; 620 | height: 10rem; 621 | gap: 2rem; 622 | transition: 0.3s ease; 623 | cursor: pointer; 624 | } 625 | 626 | .feature-card .feature-card-icon{ 627 | height: 6rem; 628 | width: 6rem; 629 | border-radius: 50%; 630 | display: grid; 631 | place-content: center; 632 | font-size: 2.5rem; 633 | } 634 | 635 | .feature-card .feature-card-content{ 636 | width: 70%; 637 | text-align: left; 638 | } 639 | 640 | .feature-card .feature-card-content p{ 641 | font-size: 1.6rem; 642 | font-weight: 700; 643 | } 644 | 645 | .features .col-md-6{ 646 | display: flex; 647 | flex-direction: column; 648 | gap: 1rem; 649 | text-align: center; 650 | } 651 | 652 | .feature-card:nth-child(1) .feature-card-icon{ 653 | background: rgba(181, 69, 201, 0.2); 654 | color: #B545C9; 655 | } 656 | 657 | .feature-card:nth-child(2) .feature-card-icon{ 658 | background: rgba(34, 137, 116, 0.2); 659 | color: #228974; 660 | } 661 | 662 | .feature-card:nth-child(3) .feature-card-icon{ 663 | background: rgba(24, 134, 250, 0.2); 664 | color: #1886FA; 665 | } 666 | 667 | .feature-card:nth-child(4) .feature-card-icon{ 668 | background: rgba(253, 183, 87, 0.2); 669 | color: #fdb757; 670 | } 671 | 672 | .feature-card:hover{ 673 | box-shadow: 0.5rem 0.5rem 2rem rgba(0,0,0,0.1); 674 | } 675 | 676 | .features img{ 677 | max-width: 90%; 678 | box-shadow: 0.5rem 0.5rem 5rem rgba(0,0,0,0.1); 679 | margin: 0 auto; 680 | } 681 | 682 | .features .section-heading{ 683 | margin-top: 2rem; 684 | } 685 | 686 | .reports{ 687 | padding: 6rem 0; 688 | background: linear-gradient(to right, #fff, #FFFBF4 30%); 689 | position: relative; 690 | } 691 | 692 | .reports::after{ 693 | content: ""; 694 | position: absolute; 695 | height: 50%; 696 | width: 50%; 697 | background: #FFF0DA; 698 | right: 0; 699 | top: 10%; 700 | border-radius: 1rem; 701 | } 702 | 703 | .reports p{ 704 | font-size: 1.3rem; 705 | font-weight: 500; 706 | } 707 | 708 | .reports .swiper-slide{ 709 | background: transparent; 710 | } 711 | 712 | .report-card{ 713 | width: 90%; 714 | overflow: hidden; 715 | height: 20rem; 716 | border-radius: 1rem; 717 | background: #fff; 718 | padding: 1.5rem; 719 | display: flex; 720 | flex-direction: column; 721 | gap: 0.5rem; 722 | box-shadow: 1rem 1rem 0 #FFF0DA; 723 | margin-bottom: 2rem; 724 | } 725 | 726 | .report-card span{ 727 | font-size: 1.4rem; 728 | width: 30ch; 729 | line-height: 1.6; 730 | max-width: 90%; 731 | color: #323234; 732 | } 733 | 734 | .report-card img{ 735 | width: 10rem; 736 | } 737 | 738 | .report-card a{ 739 | font-size: 1.2rem; 740 | font-weight: 700; 741 | margin-top: 1rem; 742 | } 743 | 744 | footer{ 745 | padding-top: 20rem; 746 | position: relative; 747 | color: #fff; 748 | } 749 | 750 | footer a.btn{ 751 | color: #000 !important; 752 | font-weight: 600 !important; 753 | } 754 | 755 | footer::after{ 756 | content: ""; 757 | position: absolute; 758 | width: 100%; 759 | height: 60%; 760 | bottom: 0; 761 | left: 0; 762 | background: #000; 763 | z-index: -1; 764 | } 765 | 766 | .footer-card{ 767 | width: 90%; 768 | height: 32rem; 769 | border-radius: 1rem; 770 | margin: 0 auto; 771 | text-align: center; 772 | background: url(images/footer.jpg) no-repeat; 773 | background-size: cover; 774 | background-position: center; 775 | display: grid; 776 | place-content: center; 777 | margin-bottom: 6rem; 778 | } 779 | 780 | .footer-card-content{ 781 | display: flex; 782 | flex-direction: column; 783 | justify-content: center; 784 | align-items: center; 785 | gap: 2rem; 786 | } 787 | 788 | .footer-card-content span{ 789 | width: 50ch; 790 | max-width: 80%; 791 | } 792 | 793 | footer .logo img{ 794 | width: 12rem; 795 | scale: 1.1; 796 | object-fit: contain; 797 | } 798 | 799 | footer .col-md-3{ 800 | display: flex; 801 | flex-direction: column; 802 | align-items: flex-start; 803 | gap: 0.5rem; 804 | line-height: 1.6; 805 | margin-bottom: 2rem; 806 | } 807 | 808 | footer .col-md-3 span, footer .col-md-3 a{ 809 | font-size: 1.2rem; 810 | color: rgba(255,255,255,0.6); 811 | } 812 | 813 | .copyright{ 814 | border-top: 1px solid rgba(255,255,255,0.2); 815 | padding: 2rem 0; 816 | } 817 | 818 | .copyright .container{ 819 | display: flex; 820 | justify-content: space-between; 821 | align-items: center; 822 | color: rgba(255,255,255,0.6); 823 | } 824 | 825 | .copyright .container a{ 826 | font-size: 2rem; 827 | } 828 | 829 | @media (max-width: 1400px){ 830 | .cover-image{ 831 | right: -5% 832 | } 833 | } 834 | 835 | @media (max-width: 1300px){ 836 | .cover-image{ 837 | right: -2%; 838 | max-width: 58rem; 839 | } 840 | } 841 | 842 | @media (max-width: 1200px){ 843 | .cover-image{ 844 | top: 72%; 845 | right: 0%; 846 | max-width: 50rem; 847 | } 848 | .intro{ 849 | flex-wrap: wrap; 850 | } 851 | .gradient-heading,.heading{ 852 | font-size: 6rem; 853 | } 854 | .intro-detail .btn-circle{ 855 | top: -70%; 856 | right: -25%; 857 | } 858 | } 859 | 860 | @media (max-width: 992px){ 861 | .intro{ 862 | flex-wrap: wrap-reverse; 863 | } 864 | .cover-image{ 865 | top: auto; 866 | left: auto; 867 | position: relative; 868 | margin-top: 18rem; 869 | max-width: 100%; 870 | } 871 | .cta{ 872 | top: 80%; 873 | } 874 | .intro-detail{ 875 | width: 100%; 876 | } 877 | .intro-detail .btn-circle{ 878 | top: -150%; 879 | right: 30%; 880 | } 881 | .intro-footer{ 882 | flex-direction: row; 883 | } 884 | } 885 | 886 | @media (max-width: 768px){ 887 | html{ 888 | font-size: 55%; 889 | } 890 | .intro-detail .btn-circle{ 891 | display: none; 892 | } 893 | .intro-detail{ 894 | min-width: 100%; 895 | } 896 | .about span{ 897 | font-size: 1.4rem; 898 | } 899 | .services span{ 900 | font-size: 1.4rem; 901 | } 902 | .features span{ 903 | font-size: 1.4rem; 904 | } 905 | .feature-card{ 906 | height: 14rem; 907 | } 908 | } 909 | 910 | @media (max-width: 575px){ 911 | nav{ 912 | padding-inline: 2rem !important; 913 | } 914 | nav .logo img{ 915 | width: 10rem; 916 | } 917 | 918 | .heading,.gradient-heading{ 919 | font-size: 5rem; 920 | } 921 | .cover-image{ 922 | display: none; 923 | } 924 | .cta{ 925 | display: none; 926 | } 927 | .btn{ 928 | font-size: 1.4rem; 929 | } 930 | .intro-footer{ 931 | flex-direction: column; 932 | } 933 | .show-mobile{ 934 | display: inline-block; 935 | } 936 | section, footer .row, .copyright .container{ 937 | padding-inline: 2rem !important; 938 | } 939 | .card-service{ 940 | padding: 0 2rem; 941 | height: 18rem; 942 | } 943 | } --------------------------------------------------------------------------------