├── udrive ├── resources │ ├── customer'sProfile │ │ ├── Customer2.jpg │ │ ├── Customer3.jpg │ │ └── customer image.jpg │ ├── banner-images │ │ ├── udrive-banner-1.jpg │ │ ├── udrive-banner-2.jpg │ │ ├── udrive-banner-3.jpg │ │ └── mobDevice │ │ │ ├── mobcsrosel-1.jpg │ │ │ ├── mobcsrosel-2.jpg │ │ │ └── mobcsrosel-3.jpg │ ├── display │ │ └── batman-display image.png │ ├── js │ │ └── index.js │ ├── css │ │ └── styles.css │ └── favicon │ │ └── U-drive-favicon.svg └── index.html └── dem carouse; ├── main.css.map ├── main.css ├── main.scss └── index.html /udrive/resources/customer'sProfile/Customer2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KaranRajiwade/U-drive/HEAD/udrive/resources/customer'sProfile/Customer2.jpg -------------------------------------------------------------------------------- /udrive/resources/customer'sProfile/Customer3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KaranRajiwade/U-drive/HEAD/udrive/resources/customer'sProfile/Customer3.jpg -------------------------------------------------------------------------------- /udrive/resources/banner-images/udrive-banner-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KaranRajiwade/U-drive/HEAD/udrive/resources/banner-images/udrive-banner-1.jpg -------------------------------------------------------------------------------- /udrive/resources/banner-images/udrive-banner-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KaranRajiwade/U-drive/HEAD/udrive/resources/banner-images/udrive-banner-2.jpg -------------------------------------------------------------------------------- /udrive/resources/banner-images/udrive-banner-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KaranRajiwade/U-drive/HEAD/udrive/resources/banner-images/udrive-banner-3.jpg -------------------------------------------------------------------------------- /udrive/resources/display/batman-display image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KaranRajiwade/U-drive/HEAD/udrive/resources/display/batman-display image.png -------------------------------------------------------------------------------- /udrive/resources/customer'sProfile/customer image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KaranRajiwade/U-drive/HEAD/udrive/resources/customer'sProfile/customer image.jpg -------------------------------------------------------------------------------- /udrive/resources/banner-images/mobDevice/mobcsrosel-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KaranRajiwade/U-drive/HEAD/udrive/resources/banner-images/mobDevice/mobcsrosel-1.jpg -------------------------------------------------------------------------------- /udrive/resources/banner-images/mobDevice/mobcsrosel-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KaranRajiwade/U-drive/HEAD/udrive/resources/banner-images/mobDevice/mobcsrosel-2.jpg -------------------------------------------------------------------------------- /udrive/resources/banner-images/mobDevice/mobcsrosel-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KaranRajiwade/U-drive/HEAD/udrive/resources/banner-images/mobDevice/mobcsrosel-3.jpg -------------------------------------------------------------------------------- /udrive/resources/js/index.js: -------------------------------------------------------------------------------- 1 | window.addEventListener("scroll", function () { 2 | const elements = document.querySelectorAll(".fade-in"); 3 | 4 | elements.forEach((element) => { 5 | const position = element.getBoundingClientRect(); 6 | 7 | if (position.top < window.innerHeight && position.bottom >= 0) { 8 | element.classList.add("visible"); 9 | } else { 10 | element.classList.remove("visible"); // optional, if you want the animation to reverse 11 | } 12 | }); 13 | }); 14 | -------------------------------------------------------------------------------- /dem carouse;/main.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAAA,gBAAgB;EACZ,UAAU,EAAE,MAAM;EAElB,+BAAc;IACV,UAAU,EAAE,SAAS;EAGzB,4BAAY;IACR,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,IAAI;EAErB,sBAAK;IACD,UAAU,EAAE,KAAK;EAGrB,kBAAC;IACG,KAAK,EAAE,IAAI;;AAInB,2DAA2D;EACvD,eAAe;IACX,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;;EAGhB,4BAAY;IACR,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,MAAM;EAElB,sBAAM;IACF,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,KAAK", 4 | "sources": [ 5 | "./main.css.map" 6 | ], 7 | "names": [], 8 | "file": "./main.css" 9 | } 10 | -------------------------------------------------------------------------------- /dem carouse;/main.css: -------------------------------------------------------------------------------- 1 | #carouselExample { 2 | text-align: center; 3 | margin-top: 50px; 4 | } 5 | #carouselExample .carousel-indicators { 6 | position: relative; 7 | bottom: 0; 8 | height: 150px; 9 | } 10 | #carouselExample .carousel-indicators li { 11 | width: auto; 12 | height: auto; 13 | text-indent: 0%; 14 | background-color: transparent; 15 | margin-left: 20px; 16 | margin-right: 20px; 17 | flex-direction: column; 18 | } 19 | #carouselExample .carousel-indicators li img { 20 | transition: 0.5s; 21 | } 22 | #carouselExample .carousel-indicators li.active { 23 | transition: 0.5s; 24 | } 25 | #carouselExample .carousel-indicators li.active img { 26 | transform: scale(1.5); 27 | transition: transform 1s ease-in-out; 28 | } 29 | #carouselExample .carousel-item { 30 | transition: 1s linear; 31 | } 32 | #carouselExample .blockquote { 33 | font-style: italic; 34 | font-weight: bold; 35 | } 36 | #carouselExample small { 37 | text-align: right; 38 | } 39 | #carouselExample i { 40 | color: #222; 41 | } 42 | @media screen and (min-width: 320px) and (max-width: 767px) { 43 | .carousel-title { 44 | font-size: 18px; 45 | margin-top: 20px; 46 | } 47 | #carouselExample .blockquote { 48 | font-size: 15px; 49 | text-align: center; 50 | margin: 20px 0; 51 | } 52 | #carouselExample small { 53 | text-align: center; 54 | display: block; 55 | } 56 | #carouselExample .carousel-indicators li { 57 | margin-left: 8px; 58 | margin-right: 8px; 59 | } 60 | #carouselExample .carousel-indicators li.active img { 61 | transform: scale(1.2); 62 | } 63 | } 64 | -------------------------------------------------------------------------------- /dem carouse;/main.scss: -------------------------------------------------------------------------------- 1 | #carouselExample { 2 | text-align: center; 3 | margin-top: 50px; 4 | 5 | .carousel-indicators { 6 | position: relative; 7 | bottom: 0; 8 | height: 150px; 9 | 10 | li { 11 | width: auto; 12 | height: auto; 13 | text-indent: 0%; 14 | background-color: transparent; 15 | margin-left: 20px; 16 | margin-right: 20px; 17 | flex-direction: column; 18 | 19 | img { 20 | transition: 0.5s; 21 | } 22 | 23 | &.active { 24 | transition: 0.5s; 25 | img { 26 | transform: scale(1.5); 27 | transition: transform 1s ease-in-out; 28 | } 29 | } 30 | } 31 | } 32 | 33 | .carousel-item { 34 | transition: 1s linear; 35 | } 36 | 37 | .blockquote { 38 | font-style: italic; 39 | font-weight: bold; 40 | } 41 | small { 42 | text-align: right; 43 | } 44 | 45 | i { 46 | color: #222; 47 | } 48 | } 49 | 50 | @media screen and (min-width: 320px) and (max-width: 767px) { 51 | .carousel-title { 52 | font-size: 18px; 53 | margin-top: 20px; 54 | } 55 | #carouselExample { 56 | .blockquote { 57 | font-size: 15px; 58 | text-align: center; 59 | margin: 20px 0; 60 | } 61 | small { 62 | text-align: center; 63 | display: block; 64 | } 65 | 66 | .carousel-indicators { 67 | li { 68 | margin-left: 8px; 69 | margin-right: 8px; 70 | &.active { 71 | img { 72 | transform: scale(1.2); 73 | } 74 | } 75 | } 76 | } 77 | } 78 | } 79 | -------------------------------------------------------------------------------- /dem carouse;/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 |
255 | 264 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Totam, 265 | labore reiciendis. Assumenda eos quod animi! Soluta nesciunt 266 | inventore dolores excepturi provident, culpa beatae tempora, 267 | explicabo corporis quibusdam corrupti. Autem, quaerat. Assumenda 268 | quo aliquam vel, nostrum explicabo ipsum dolor, ipsa perferendis 269 | porro doloribus obcaecati placeat natus iste odio est non earum? 270 |
271 | Learn More 272 |
288 | Lorem ipsum dolor sit amet, consectetur
289 | adipisicing elit. Non, quo.
290 |
304 | Keep your vehicle protected with our expert assistance in 305 | renewing car insurance. We help you compare policies to find 306 | the best coverage tailored to your needs. 307 |
308 | 311 |320 | Simplify renewing your driver’s license with our guidance. Our 321 | team helps you gather required documents and navigate 322 | necessary tests to stay legally on the road. 323 |
324 | 327 |336 | Avoid the hassle of vehicle registration with our 337 | comprehensive support. We handle all paperwork and ensure 338 | everything is filed accurately and submitted on time. 339 |
340 | 343 |352 | If you’ve received a traffic ticket, we’re here to help. Our 353 | knowledgeable staff can guide you through your options, 354 | including contesting the ticket or attending traffic school. 355 |
356 | 359 |368 | Enhance your driving skills with our defensive driving 369 | courses. These classes teach valuable techniques that improve 370 | safety and may also lead to insurance discounts. 371 |
372 | 375 |387 | Get ready for your driving test with our personalized 388 | preparation services. Our experienced instructors provide 389 | tailored guidance and practice sessions to boost your 390 | confidence. 391 |
392 | 395 |414 | Meet Our Team Our certified instructors at New Drive are 415 | dedicated to helping you become a confident, safe driver. With 416 | personalized lessons and years of experience, we’re here to 417 | guide you every step of the way! 418 |
419 |
431 | 433 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. 434 | Sequi ipsam nostrum illo tempora esse quibusdam. 435 |
436 | 442 |
453 | 455 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. 456 | Sequi ipsam nostrum illo tempora esse quibusdam. 457 |
458 | 464 |
475 | 477 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. 478 | Sequi ipsam nostrum illo tempora esse quibusdam. 479 |
480 | 486 |
497 | 499 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. 500 | Sequi ipsam nostrum illo tempora esse quibusdam. 501 |
502 | 508 |527 | At New Drive, we offer transparent and affordable packages to 528 | suit every budget. Choose the perfect plan to kickstart your 529 | journey to becoming a confident driver! 530 |
531 |618 | Discover how our expert instructors have helped students 619 | become confident drivers. Read their testimonials and see why 620 | U-Drive is the right choice for your driving journey! 621 |
622 |
632 | Maketing Manager
636 |640 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo 641 | dolor eveniet deleniti repellendus! Minima, dolorum. 642 |
643 |
662 | Graphics Expert
666 |670 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo 671 | dolor eveniet deleniti repellendus! Minima, dolorum. 672 |
673 |
692 | Web Designer
696 |700 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo 701 | dolor eveniet deleniti repellendus! Minima, dolorum. 702 |
703 |