forked from kirill-d24/layout_landing-page
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 43deed1
Showing
23 changed files
with
8 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
<!doctype html><html lang="en" class="page"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>My bike</title><link rel="icon" href="favicon.765c181a.ico"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="index.7b965ef8.css"><script src="index.cabb280d.js" defer></script></head><body class="page__body"> <header class="header"> <div class="container"> <div class="header__content"> <div class="top-bar"> <a href="#" class="top-bar__logo-link"> <img src="bike-logo-2x.5c185740.png" alt="bike logo" class="top-bar__logo"> </a> <div class="top-bar__icons"> <a href="tel:+1 234 5555-55-55" class="icon icon--phone"></a> <a href="#menu" class="icon icon--menu"></a> </div> </div> <div class="header__bottom"> <h1 class="header__title">Take the Streets</h1> </div> </div> </div> </header> <aside class="menu page__menu" id="menu"> <div class="container"> <div class="menu__top top-bar"> <a href="#" class="top-bar__logo-link"> <img src="black-bike-logo-2x.147f29f4.png" alt="bike logo" class="top-bar__logo"> </a> <div> <a href="#" class="icon icon--close"></a> </div> </div> <div class="menu__bottom"> <nav class="menu__nav nav"> <ul class="nav__list"> <li class="nav__item"> <a class="nav__link" href="#"> Home </a> </li> <li class="nav__item"> <a class="nav__link" href="#about-us"> About Us </a> </li> <li class="nav__item"> <a class="nav__link" href="#compare-bikes"> Compare Bikes </a> </li> <li class="nav__item"> <a class="nav__link" href="#details"> Details </a> </li> <li class="nav__item"> <a class="nav__link" href="#contacts"> Contacts </a> </li> </ul> </nav> <a href="tel:+1 234 5555-55-55" class="menu__phone-number"> +1 234 5555-55-55 </a> <a href="tel:+1 234 5555-55-55" class="menu__book_a_test_ride"> Book a test ride </a> </div> </div> </aside> <main class="main"> <div class="container"> <div class="main__content"> <section class="about-us main__about-us" id="about-us"> <h2 class="about-us__title section-title section-title--sec-1"> Move Free </h2> <p class="about-us__text"> Shift your ride, not gears. Find the fastest way to move in the city as the bike adapts intuitively to power the speed you need. </p> </section> <section class="compare-bikes main__compare-bikes" id="compare-bikes"> <h2 class="section-title section-title--sec-2">Compare bikes</h2> <div class="compare-bikes__products"> <article class="compare-bikes__product product"> <a href="#"> <img src="bike-1.f591c635.png" alt="bike Sporty 4" class="product__photo"> </a> <h3 class="product__title">Sporty 4</h3> <p class="product__description"> The iconic frame brought to a new performance height as a sporty, active ride. </p> <p class="product__price">$ 2 590</p> </article> <article class="compare-bikes__product product"> <a href="#"> <img src="bike-2.005ad29f.png" alt="bike Ride in town ST" class="product__photo"> </a> <h3 class="product__title">Ride in town ST</h3> <p class="product__description"> An open frame for an upright riding position as the most comfortable ride in town. </p> <p class="product__price">$ 2 590</p> </article> <article class="compare-bikes__product product"> <a href="#"> <img src="bike-3.cf638060.png" alt="bike Agile ride 3" class="product__photo"> </a> <h3 class="product__title">Agile ride 3</h3> <p class="product__description product__description--margin-bottom"> The lightweight frame that has earned its street tread as a sleek, agile ride. </p> <p class="product__price">$ 2 090</p> </article> </div> </section> <section class="details main__details" id="details"> <h2 class="section-title section-title--sec-3">The details</h2> <div class="details__wrapper"> <article class="detail"> <div class="detail__photos"> <a href="#" class="detail__link detail__link--wide"> <img src="Auto%20Unlock%20-%20wide.185fa37d.png" alt="Auto Unlock" class="detail__photo"> </a> <a href="#" class="detail__link detail__link--square"> <img src="Auto%20Unlock%20-%20square.278a611d.png" alt="Auto Unlock" class="detail__photo"> </a> </div> <h3 class="detail__title">Auto Unlock</h3> <p class="detail__text"> The app senses when you're nearby to unlock automatically. GPS tracking so you know where your bike is and can track it anytime. </p> </article> <article class="detail"> <div class="detail__photos"> <a href="#" class="detail__link detail__link--wide"> <img src="Range%20&%20Integrated%20lights%20-%20wide.c39a32d7.png" alt="Range & Integrated lights" class="detail__photo"> </a> <a href="#" class="detail__link detail__link--square"> <img src="Range%20&%20Integrated%20lights%20-%20square.7b9a69b9.png" alt="Range & Integrated lights" class="detail__photo"> </a> </div> <h3 class="detail__title">Range & Integrated lights</h3> <p class="detail__text"> The removable battery has up to 70km battery autonomy and weighs only 2.4 kg. Lights integrated into the frame give you always-on visibility day and night. </p> </article> <article class="detail"> <div class="detail__photos"> <a href="#" class="detail__link detail__link--square"> <img src="Hydraulic%20disc%20brakes%20&%20Lightweight%20-%20square.61e643ae.png" alt="Hydraulic disc brakes & Lightweight" class="detail__photo"> </a> <a href="#" class="detail__link detail__link--wide"> <img src="Hydraulic%20disc%20brakes%20&%20Lightweight%20-%20wide.d9bbceb5.png" alt="Hydraulic disc brakes & Lightweight" class="detail__photo"> </a> </div> <h3 class="detail__title"> Hydraulic disc brakes & Lightweight </h3> <p class="detail__text"> Brakes with total stopping power the second you make contact. The removable battery has up to 70km battery autonomy and weighs only 2.4 kg. Lights integrated into the frame give you always-on visibility day and night. </p> </article> <div class="details__button"> <a href="#" class="details__link"> Explore </a> </div> </div> </section> <section class="contacts main__contacts" id="contacts"> <h2 class="section-title section-title--sec-4">Contact us</h2> <form class="contacts__form" onsubmit="this.reset(); return false;"> <div class="fields__wrapper"> <div class="contacts__field fields"> <input class="fields__field fields__field--name" type="text" placeholder="Name" required> </div> <div class="contacts__field fields"> <input class="fields__field fields__field--email" type="email" placeholder="Email" required> </div> <div class="contacts__field fields"> <textarea class="fields__field fields__field--message" type="text" placeholder="Message" required></textarea> </div> <button class="contacts__button">Send</button> </div> <div class="contacts__wrapper"> <div class="contacts__value"> Phone <a href="tel:+1 234 5555-55-55" class="contacts__contact contacts__contact--tel"> +1 234 5555-55-55 </a> </div> <div class="contacts__value"> Email <p class="contacts__contact">[email protected]</p> </div> <div class="contacts__value"> Address <a target="_blank" class="contacts__contact contacts__contact--address" href="https://maps.app.goo.gl/GEa29ipREUHpcQF7A"> 400 first ave. <br> suite 700 <br> Minneapolis, MN 55401 </a> </div> </div> </form> </section> </div> </div> </main> <footer class="footer"></footer> </body></html> |