Bike Rental/title> <script src="https://kit.fontawesome.com/379acff5c7.js" crossorigin="anonymous"></script> <link rel="stylesheet" href="./assets/stylesheet/style.css"> </head> <body> <header class="absolute width-100 fixed"> <div class="container flex justify-flex-between align-flex-center"> <a href="./index.html" class="logo"> <h2 class="secondary-heading">MINI RIDE <i class="fas fa-motorcycle"></i></h2> </a> <label for="toggle-bar" class="toggle-lable"> <i class="fas fa-bars bar" ></i> <i class="fas fa-times cross display-none"></i> </label> <input type="checkbox" id="toggle-bar" class="toggle-input"> <nav> <ul class="nav flex"> <li><a href="./index.html">Home</a></li> <li><a href="./about.html">About Us</a></li> <li><a href="./hire.html">Hire</a></li> <li><a href="./faq.html">FAQs</a></li> <li><a href="./contact.html">Contact Us</a></li> </ul> </nav> </div> </header> <main id="about"> <div class="grid-container grid template-column "> <section class="about-hero span-4 grid align-grid-center"> <div class="container flex justify-flex-center align-flex-center"> <h2 class="secondary-heading">About Us</h2> </div> </section> <section class="doIt-sec span-4 padding"> <div class="container grid template-column-2 align-grid-center padding"> <h2 class="secondary-heading">Yes, we can do it!</h2> <p>Rental Riders is a self-ride bike and car rental platform.Rental Riders is the most affordable bike rental service where you can rent two-wheeler on an hourly, daily, weekly and monthly subscription. From your daily city commute to your inter-city travel plans –Rental Riders with its super economical pricing aims to create an alternate mode of commute in India.</p> </div> </section> <section class="span-4 padding"> <article class="container grid template-column-2 gap"> <div class="flex flex-column justify-flex-end align-flex-center"> <h2 class="secondary-heading">Get on and Go!</h2> <div class="hr-line width-30"></div> <h4 class="text-center">Only have an hour or two? No problem. Take a short bike ride for one hour. Have all the time in the city? Rent for an entire day and explore The City at your leisure.</h4> <a href="#" class="btn">Book Now</a> </div> <div class="font-0"> </div> </article> </section> <section class="span-4 padding"> <article class="container grid template-column-2 gap"> <div class="img-box"></div> <div class="flex justify-flex-center flex-column align-flex-center"> <div class="font-0 width-60"><img src="./assets/imgs/couple.svg" alt=""></div> <h2 class="secondary-heading">Best Rental Service</h2> <div class="hr-line width-30"></div> <h4 class="text-center">Rental Riders works round the clock to provide you with an experience to remember, right from the start of your trip to the end.</h4> <a href="" class="btn">lorem</a> </div> </article> </section> </div> </main> <footer class="padding"> <div class="container grid template-column gap"> <nav> <h3 class="ternary-heading">Site Links</h3> <ul class="#"> <li><a href="./index.html"><i class="fas fa-chevron-right"></i>Home</a></li> <li><a href="./about.html"><i class="fas fa-chevron-right"></i>About Us</a></li> <li><a href="./hire.html"><i class="fas fa-chevron-right"></i>Hire</a></li> <li><a href="./faq.html"><i class="fas fa-chevron-right"></i>FAQs</a></li> </ul> </nav> <nav> <h3>Reach Us</h3> <ul> <li><a href="#"><i class="fas fa-location-arrow"></i>#123 Dharamshala</a></li> <li><span><i class="fas fa-phone"></i>0000 1000 200</span></li> <li><a href="mailto:ravindrarajpoot9628172@gmail.com"><i class="far fa-envelope"></i> ravindra@gamil.com</a></li> </ul> </nav> <nav> <h3>Quick Links</h3> <ul> <li><a href="./faq.html"><a href="#">Terms & Conditions</a></li> <li><a href="#">Blog</a></li> </ul> </nav> <nav class="follow-us"> <h3 class="ternary-heading">Follow Us</h3> <ul class="flex"> <li><a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a></li> <li><a href="https://twitter.com/"><i class="fab fa-twitter"></i></a></li> <li><a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a></li> </ul> </nav> </div> </footer> <script src="./index.js"></script> </body> </html>