From 819bb6f28d55cd1c73dfaf826d433b322f8dc913 Mon Sep 17 00:00:00 2001 From: LakshayGarg627 Date: Tue, 15 Oct 2024 10:42:40 +0530 Subject: [PATCH 1/2] added new feature --- index.html | 16 +++++++++------- index.js | 42 ++++++++++++++++++++++++++++++++++++++++++ style.css | 12 ++++++++++++ 3 files changed, 63 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index 631160a..6c72157 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,7 @@ - + @@ -34,7 +34,7 @@
  • About
  • Services
  • spots
    • -
  • Contact Us
    • +
  • Contact Us
    • @@ -52,8 +52,9 @@
    -

    The smarter, faster, greener way to get around campus.

    -

    Zip around campus sustainably with our electric scooter service. Download our app to rent and ride hassle-free!

    +

    +

    Zip around campus sustainably with our electric scooter service. + Download our app to rent and ride hassle-free!

    Playstore @@ -93,19 +94,19 @@

    Our Services

    -

    EV Scooter

    +

    This service provides electric scooters specifically designed for students and staff members within the university campus.

    -

    Goods Delivery

    +

    This service focuses on transporting luggage and belongings for students, staff, and visitors within the university campus.

    -

    University Shuttle

    +

    This service provides convenient transportation for students, staff, and visitors within the university campus.

    @@ -128,6 +129,7 @@

    SPOTS

    +

    Contact Us

    diff --git a/index.js b/index.js index c153594..46368e7 100644 --- a/index.js +++ b/index.js @@ -1,3 +1,45 @@ +// JS for hero section h1 +var typed=new Typed(".hero-text",{ + strings:["The smarter, faster, greener way to get around campus."], + typeSpeed:100, + backSpeed:100, + backDelay:1000, + loop:true + + +}); + +// JS for services section divs h3 +var typed=new Typed(".scooter",{ + strings:["EV Scooter"], + typeSpeed:170, + backSpeed:100, + backDelay:1000, + loop:true + + +}); +// JS for services section divs h3 +var typed=new Typed(".goods",{ + strings:["Goods Delivery"], + typeSpeed:120, + backSpeed:100, + backDelay:1000, + loop:true + + +}); +// JS for services section divs h3 +var typed=new Typed(".university",{ + strings:["University Shuttle"], + typeSpeed:100, + backSpeed:100, + backDelay:1000, + loop:true + + +}); + const mobile_nav = document.querySelector(".mobile-navbar-btn"); const nav_header = document.querySelector(".header"); var links=document.querySelectorAll(".header .navbar .navbar-list li") diff --git a/style.css b/style.css index 330c0f6..58afc74 100644 --- a/style.css +++ b/style.css @@ -217,7 +217,9 @@ Hero section } } .section-hero .hero-leftside { + margin-left: -2rem; width: 60%; + align-items: flex-start; display: flex; justify-content: flex-start; @@ -228,10 +230,16 @@ Hero section animation-timing-function: ease; animation-fill-mode: forwards; } +.hero-leftside h1{ + + height: 10rem; + +} .hero-rightside img{ width: 600px; height:600px; } + @keyframes fadein { 0%{ opacity: 0; @@ -265,6 +273,7 @@ Hero section } .section-about .right-side{ + margin-left: 4rem; width: inherit; height: inherit; display: flex; @@ -382,6 +391,8 @@ Hero section flex-direction: column; } + + .text-center { text-align: center; padding-top: 30px; @@ -446,6 +457,7 @@ Hero section } + /* =========================================== Responsive Codes ======================================= */ From cc54159ddfb10b9ecef2ac33ac2dde39f93e81fd Mon Sep 17 00:00:00 2001 From: LakshayGarg627 Date: Fri, 18 Oct 2024 15:02:24 +0530 Subject: [PATCH 2/2] fixed some issues --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 6c72157..c1a6e52 100644 --- a/index.html +++ b/index.html @@ -34,7 +34,7 @@
  • About
  • Services
  • spots
    • -
  • Contact Us
    • +
  • Contact Us