make build

naz4ik · Nov 4, 2024 · 0e99672 · 0e99672
commit 0e99672
Show file tree

Hide file tree

Showing 22 changed files with 7 additions and 0 deletions.
diff --git a/Icon-Close.e5be17d0.png b/Icon-Close.e5be17d0.png
diff --git a/Icon-Phone-call.46b71101.png b/Icon-Phone-call.46b71101.png
diff --git a/bike-1.a135689a.png b/bike-1.a135689a.png
diff --git a/bike-2.25c026c6.png b/bike-2.25c026c6.png
diff --git a/bike-3.610a8da4.png b/bike-3.610a8da4.png
diff --git a/button-close.edc984a1.png b/button-close.edc984a1.png
diff --git a/det1.11f24095.png b/det1.11f24095.png
diff --git a/det2.2c210cf6.png b/det2.2c210cf6.png
diff --git a/det3.366b9aa8.png b/det3.366b9aa8.png
diff --git a/det4.0df72d94.png b/det4.0df72d94.png
diff --git a/det5.ac4ce94a.png b/det5.ac4ce94a.png
diff --git a/det6.3c870f0b.png b/det6.3c870f0b.png
diff --git a/favicon.cc13a12d.png b/favicon.cc13a12d.png
diff --git a/footer.341e6a76.png b/footer.341e6a76.png
diff --git a/header-bg-mobile.bced6dda.png b/header-bg-mobile.bced6dda.png
diff --git a/index.36874d92.css b/index.36874d92.css
diff --git a/index.36874d92.css.map b/index.36874d92.css.map
diff --git a/index.cabb280d.js b/index.cabb280d.js
diff --git a/index.cabb280d.js.map b/index.cabb280d.js.map
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>MyBike</title><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@500;600;700&display=swap" rel="stylesheet"><link rel="icon" href="favicon.cc13a12d.png" type="image/png"><link rel="stylesheet" href="index.36874d92.css"><script src="index.cabb280d.js" defer></script></head><body> <header class="header"> <div class="header__content"> <div class="top-bar"> <a href="#" class="top-bar__logo-link"> <img src="logo-white.cf3acbb3.png" class="top-bar__logo" alt="MyBike 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> </header> <aside class="menu" id="menu"> <div class="menu__content"> <div class="menu__top top-bar"> <a href="#" class="top-bar__logo-link"> <img src="logo-black.70f69edd.png" class="top-bar__logo" alt="MyBike logo"> </a> <a href="#" class="icon icon--close"></a> </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="#move-free"> About us </a> </li> <li class="nav__item"> <a class="nav__link" href="#compare"> 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__call-to-order"> Call to order </a> </div> </div> </aside> <main class="main"> <section class="move-free" id="move-free"> <h2 class="move-free__title section-title section-title--align--left"> Move Free </h2> <p class="move-free-bike"> 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="recomended" id="compare"> <h2 class="section-title">Compare bikes</h2> <div class="recomended__products"> <article class="product recomended__product"> <img src="bike-1.a135689a.png" class="product__hover product__photo" alt="Sporty-4"> <h3 class="product-title">Sporty 4</h3> <p class="product-info"> 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="product recomended__product"> <img src="bike-2.25c026c6.png" class="product__hover product__photo" alt="Ride in town ST"> <h3 class="product-title">Ride in town ST</h3> <p class="product-info"> 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="product recomended__product"> <img src="bike-3.610a8da4.png" class="product__hover product__photo" alt="Sporty-4"> <h3 class="product-title">Agile ride 3</h3> <p class="product-info"> 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" id="details"> <h2 class="section-title">The Details</h2> <div class="details__wraper"> <article class="detail"> <div class="detail__photos"> <a href="#" class="detail__link detail__link--wide"> <img src="det1.11f24095.png" alt="Detail 1" class="detail__hover detail__photo"> </a> <a href="#" class="detail__link detail__link--square"> <img src="det2.2c210cf6.png" alt="Detail 2" class="detail__hover detail__photo"> </a> </div> <h3 class="detail__title">Auto Unlock</h3> <p class="detail__info"> 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> </div> <div class="details__wraper"> <article class="detail"> <div class="detail__photos"> <a href="#" class="detail__link detail__link--wide"> <img src="det3.366b9aa8.png" alt="Detail 3" class="detail__hover detail__photo"> </a> <a href="#" class="detail__link detail__link--square"> <img src="det4.0df72d94.png" alt="Detail 4" class="detail__hover detail__photo"> </a> </div> <h3 class="detail__title">Range & Integrated lights</h3> <p class="detail__info"> 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> <div class="details__wraper"> <article class="detail"> <div class="detail__photos"> <a href="#" class="detail__link detail__link--square"> <img src="det5.ac4ce94a.png" alt="Detail 5" class="detail__hover detail__photo"> </a> <a href="#" class="detail__link detail__link--wide"> <img src="det6.3c870f0b.png" alt="Detail 6" class="detail__hover detail__photo"> </a> </div> <h3 class="detail__title">Hydraulic disc brakes & Lightweight</h3> <p class="detail__info"> 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> <div class="detail__wraper-button"> <button class="detail__button">Explore</button> </div> </section> <section class="contact" id="contacts"> <h2 class="section-title">Contact us</h2> <article class="contacts"> <div class="contact__wrap"> <form onsubmit="this.reset(); return false;"> <input placeholder="Name" required type="name" class="contact__input contact__name"> <input placeholder="Email" required type="email" class="contact__email contact__input"> <textarea required placeholder="Message" class="contact__input contact__textarea"></textarea> <button type="submit" class="contact__button contact__input"> Send </button> </form> <div class="contact__container"> <ul class="contact__info"> <li class="contact__element1 contact__mini-title"> <a href="#" class="contact__small-text"> Phone </a> </li> <li class="contact__element2 contact__margin contact__min-text"> <a href="tel:+ 1 234 5555-55-55" class="contact__big-text"> +1 234 5555-55-55 </a> </li> <li class="contact__element3 contact__mini-title"> <a href="#" class="contact__small-text"> Email </a> </li> <li class="contact__element4 contact__margin contact__min-text"> <a href="mailto:[email protected]" class="contact__big-text"> [email protected] </a> </li> <li class="contact__element5 contact__mini-title"> <a href="#" class="contact__small-text"> Address </a> </li> <li class="contact__element6 contact__min-text"> <a href="#" target="_blank" class="contact__big-text"> <a href="https://www.google.com/maps" target="_blank" class="contact__big-text"> 400 first ave. </a> <br> <a href="https://www.google.com/maps" target="_blank" class="contact__big-text"> suite 700 </a> <br> <a href="https://www.google.com/maps" target="_blank" class="contact__big-text"> Minneapolis, MN 55401 </a> </a> </li> </ul> </div> </div> </article> </section> </main> <footer class="footer"></footer> </body></html>
diff --git a/logo-black.70f69edd.png b/logo-black.70f69edd.png
diff --git a/logo-white.cf3acbb3.png b/logo-white.cf3acbb3.png
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>MyBike</title><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@500;600;700&display=swap" rel="stylesheet"><link rel="icon" href="favicon.cc13a12d.png" type="image/png"><link rel="stylesheet" href="index.36874d92.css"><script src="index.cabb280d.js" defer></script></head><body> <header class="header"> <div class="header__content"> <div class="top-bar"> <a href="#" class="top-bar__logo-link"> <img src="logo-white.cf3acbb3.png" class="top-bar__logo" alt="MyBike 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> </header> <aside class="menu" id="menu"> <div class="menu__content"> <div class="menu__top top-bar"> <a href="#" class="top-bar__logo-link"> <img src="logo-black.70f69edd.png" class="top-bar__logo" alt="MyBike logo"> </a> <a href="#" class="icon icon--close"></a> </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="#move-free"> About us </a> </li> <li class="nav__item"> <a class="nav__link" href="#compare"> 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__call-to-order"> Call to order </a> </div> </div> </aside> <main class="main"> <section class="move-free" id="move-free"> <h2 class="move-free__title section-title section-title--align--left"> Move Free </h2> <p class="move-free-bike"> 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="recomended" id="compare"> <h2 class="section-title">Compare bikes</h2> <div class="recomended__products"> <article class="product recomended__product"> <img src="bike-1.a135689a.png" class="product__hover product__photo" alt="Sporty-4"> <h3 class="product-title">Sporty 4</h3> <p class="product-info"> 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="product recomended__product"> <img src="bike-2.25c026c6.png" class="product__hover product__photo" alt="Ride in town ST"> <h3 class="product-title">Ride in town ST</h3> <p class="product-info"> 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="product recomended__product"> <img src="bike-3.610a8da4.png" class="product__hover product__photo" alt="Sporty-4"> <h3 class="product-title">Agile ride 3</h3> <p class="product-info"> 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" id="details"> <h2 class="section-title">The Details</h2> <div class="details__wraper"> <article class="detail"> <div class="detail__photos"> <a href="#" class="detail__link detail__link--wide"> <img src="det1.11f24095.png" alt="Detail 1" class="detail__hover detail__photo"> </a> <a href="#" class="detail__link detail__link--square"> <img src="det2.2c210cf6.png" alt="Detail 2" class="detail__hover detail__photo"> </a> </div> <h3 class="detail__title">Auto Unlock</h3> <p class="detail__info"> 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> </div> <div class="details__wraper"> <article class="detail"> <div class="detail__photos"> <a href="#" class="detail__link detail__link--wide"> <img src="det3.366b9aa8.png" alt="Detail 3" class="detail__hover detail__photo"> </a> <a href="#" class="detail__link detail__link--square"> <img src="det4.0df72d94.png" alt="Detail 4" class="detail__hover detail__photo"> </a> </div> <h3 class="detail__title">Range & Integrated lights</h3> <p class="detail__info"> 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> <div class="details__wraper"> <article class="detail"> <div class="detail__photos"> <a href="#" class="detail__link detail__link--square"> <img src="det5.ac4ce94a.png" alt="Detail 5" class="detail__hover detail__photo"> </a> <a href="#" class="detail__link detail__link--wide"> <img src="det6.3c870f0b.png" alt="Detail 6" class="detail__hover detail__photo"> </a> </div> <h3 class="detail__title">Hydraulic disc brakes & Lightweight</h3> <p class="detail__info"> 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> <div class="detail__wraper-button"> <button class="detail__button">Explore</button> </div> </section> <section class="contact" id="contacts"> <h2 class="section-title">Contact us</h2> <article class="contacts"> <div class="contact__wrap"> <form onsubmit="this.reset(); return false;"> <input placeholder="Name" required type="name" class="contact__input contact__name"> <input placeholder="Email" required type="email" class="contact__email contact__input"> <textarea required placeholder="Message" class="contact__input contact__textarea"></textarea> <button type="submit" class="contact__button contact__input"> Send </button> </form> <div class="contact__container"> <ul class="contact__info"> <li class="contact__element1 contact__mini-title"> <a href="#" class="contact__small-text"> Phone </a> </li> <li class="contact__element2 contact__margin contact__min-text"> <a href="tel:+ 1 234 5555-55-55" class="contact__big-text"> +1 234 5555-55-55 </a> </li> <li class="contact__element3 contact__mini-title"> <a href="#" class="contact__small-text"> Email </a> </li> <li class="contact__element4 contact__margin contact__min-text"> <a href="mailto:[email protected]" class="contact__big-text"> [email protected] </a> </li> <li class="contact__element5 contact__mini-title"> <a href="#" class="contact__small-text"> Address </a> </li> <li class="contact__element6 contact__min-text"> <a href="#" target="_blank" class="contact__big-text"> <a href="https://www.google.com/maps" target="_blank" class="contact__big-text"> 400 first ave. </a> <br> <a href="https://www.google.com/maps" target="_blank" class="contact__big-text"> suite 700 </a> <br> <a href="https://www.google.com/maps" target="_blank" class="contact__big-text"> Minneapolis, MN 55401 </a> </a> </li> </ul> </div> </div> </article> </section> </main> <footer class="footer"></footer> </body></html>