forked from mate-academy/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 1264f41
Showing
22 changed files
with
9 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.
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.
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="stylesheet" href="style.95f7eb6d.css"><script src="main.b2b0b56a.js" defer></script></head><body id="body" class="page__body"> <header class="header"> <div class="top-bar"> <a href="#" class="top-bar__logo"> <img src="logo-mobile.eac6dae2.png" alt="MyBike"> </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 icon--menu-hover"></a> </div> </div> <div class="header__bottom"> <h1 class="header__title">Take the Streets</h1> </div> </header> <aside class="menu page__menu" id="menu"> <div class="menu__content"> <div class="top-bar"> <a href="#" class="top-bar__logo"> <img src="logo-aside-menu.9f5f8444.png" alt="MyBike"> </a> <div class="top-bar__icons"> <a href="#" class="icon icon--close"></a> </div> </div> <div class="menu__content-bottom"> <nav class="menu__nav nav"> <ul class="nav__list"> <li class="nav__item"> <a href="#home" class="nav__link">Home</a> </li> <li class="nav__item"> <a href="#about_us" class="nav__link">About Us</a> </li> <li class="nav__item"> <a href="#compare_bikes" class="nav__link">Compare Bikes</a> </li> <li class="nav__item"> <a href="#details" class="nav__link">Details</a> </li> <li class="nav__item"> <a href="#contacts" class="nav__link">Contacts</a> </li> </ul> <article class="menu__contacts"> <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__button-call">Book a test ride</a> </article> </nav> </div> </div> </aside> <main class="main"> <section id="about_us" class="about-us"> <h2 class="about-us__title">Move Free</h2> <p class="about-us__description"> 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 id="compare_bikes" class="compare-bikes"> <h2 class="compare-bikes__title">Compare Bikes</h2> <div class="compare-bikes__catalog"> <article class="card card--column"> <img class="card__image" src="bike-green.654ba8f0.png" alt="bike-green"> <h4 class="card__text card__text--title">Sporty 4</h4> <p class="card__description"> The iconic frame brought to a new performance height as a sporty, active ride. </p> <h4 class="card__text card__text--price">$ 2 590</h4> </article> <article class="card card--column"> <img class="card__image" src="bike-bage.270d7055.png" alt="bike-green"> <h4 class="card__text card__text--title">Ride in town ST</h4> <p class="card__description"> An open frame for an upright riding position as the most comfortable ride in town. </p> <h4 class="card__text card__text--price">$ 2 590</h4> </article> <article class="card card--column"> <img class="card__image" src="bike-white.2838d437.png" alt="bike-green"> <h4 class="card__text card__text--title">Agile ride 3</h4> <p class="card__description"> The lightweight frame that has earned its street tread as a sleek, agile ride. </p> <h4 class="card__text card__text--price">$ 2 090</h4> </article> </div> </section> <section id="details" class="details"> <h2 class="details__title">The Details</h2> <div class="details__content"> <article class="advantages"> <a href="#" class="advantages__link advantages__link--wide"> <img class="advantages__img" src="advantages-km.1208f5fb.jpeg" alt="km"> </a> <a href="#" class="advantages__link advantages__link--square"> <img class="advantages__img" src="advantages-rudder.3f44a51a.jpeg" alt="km"> </a> <h4 class="advantages__title">Auto Unlock</h4> <p class="advantages__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="advantages"> <a href="#" class="advantages__link advantages__link--wide"> <img class="advantages__img" src="advantage-range.cbc9badf.png" alt="km"> </a> <a href="#" class="advantages__link advantages__link--square"> <img class="advantages__img" src="advantages-lights.b37891cd.png" alt="km"> </a> <h4 class="advantages__title">Range & Integrated lights</h4> <p class="advantages__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="advantages"> <a href="#" class="advantages__link advantages__link--square"> <img class="advantages__img" src="advantages-brake.7e5e4721.png" alt="km"> </a> <a href="#" class="advantages__link advantages__link--wide"> <img class="advantages__img" src="advantages-disk.7d5fd74c.png" alt="km"> </a> <h4 class="advantages__title">Hydraulic disc brakes & Lightweight</h4> <p class="advantages__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> <button class="details__btn">Explore</button> </section> <section id="contacts" class="contacts"> <h2 class="contacts__title">Contact us</h2> <form action="info" class="contacts__form" onsubmit="this.reset(); return false;"> <label for="name" class="contacts__label"> <input name="name" type="text" placeholder="Name" class="contacts__input"> </label> <label for="email" class="contacts__label"> <input name="email" type="email" placeholder="Email" class="contacts__input"> </label> <label for="text" class="contacts__label contacts__label--message"> <textarea name="text" class="contacts__textarea" placeholder="Message"></textarea> </label> <button type="submit" class="contacts__btn">Send</button> </form> <article class="contacts__info"> <label class="contacts__info-label" for="phone"> <h5 class="contacts__info-title">Phone</h5> <a class="contacts__info-text" href="tel:+1 234 5555-55-55">+1 234 5555-55-55</a> </label> <label class="contacts__info-label" for="email"> <h5 class="contacts__info-title">Email</h5> <a class="contacts__info-text" href="mailto:[email protected]">[email protected]</a> </label> <label class="contacts__info-label" for="address"> <h5 class="contacts__info-title">Address</h5> <a class="contacts__info-text" href="https://www.google.com/maps/place/400+N+1st+Ave+STE+700,+Minneapolis,+MN+55401,+%D0%A1%D0%A8%D0%90/@44.9813258,-93.2731311,17z/data=!3m1!4b1!4m6!3m5!1s0x52b3328fdf233887:0x3348e5113ed2472d!8m2!3d44.9813258!4d-93.2731311!16s%2Fg%2F11nyn_tfyt?entry=ttu" target="_blank">400 first ave.<br> suite 700<br> Minneapolis, MN 55401 </a> </label> </article> </section> </main> <footer class="footer"></footer> </body></html> |
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.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Oops, something went wrong.