Updates

DanKhuda · Sep 25, 2024 · eb80b1a · eb80b1a
commit eb80b1a
Show file tree

Hide file tree

Showing 21 changed files with 2 additions and 0 deletions.
diff --git a/05ab943c3420a8b538cd.png b/05ab943c3420a8b538cd.png
diff --git a/13b5b4cf11544f2e34c4.png b/13b5b4cf11544f2e34c4.png
diff --git a/15997d2cfa83758725dc.png b/15997d2cfa83758725dc.png
diff --git a/479a2f0454f4e645cd6c.png b/479a2f0454f4e645cd6c.png
diff --git a/5cdda6b57180246b6f64.png b/5cdda6b57180246b6f64.png
diff --git a/634fd8cb5673001391e8.png b/634fd8cb5673001391e8.png
diff --git a/661dd1ac9fb43d76f25f.png b/661dd1ac9fb43d76f25f.png
diff --git a/744b67822cbf007047ec.png b/744b67822cbf007047ec.png
diff --git a/843ef780bb0643cd02d6.png b/843ef780bb0643cd02d6.png
diff --git a/8ec5a497d6cc07a9a262.png b/8ec5a497d6cc07a9a262.png
diff --git a/92f9fa68c461fe86bb2a.png b/92f9fa68c461fe86bb2a.png
diff --git a/a3575063f2eba7cb1440.png b/a3575063f2eba7cb1440.png
diff --git a/aeab4af2478db04f2db3.png b/aeab4af2478db04f2db3.png
diff --git a/be0098c76d9f750430ff.png b/be0098c76d9f750430ff.png
diff --git a/bundle.js b/bundle.js
diff --git a/c2ae5e954414431d2891.png b/c2ae5e954414431d2891.png
diff --git a/c2eff48c910f629219be.png b/c2eff48c910f629219be.png
diff --git a/c79bc99309f85669cdeb.png b/c79bc99309f85669cdeb.png
diff --git a/d26dd454016d80984181.png b/d26dd454016d80984181.png
diff --git a/index.html b/index.html
@@ -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"><title>MyBike</title><link rel="icon" type="image/x-icon" href="05ab943c3420a8b538cd.png"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet"><script defer="defer" src="bundle.js"></script><link href="styles.css" rel="stylesheet"></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="5cdda6b57180246b6f64.png" alt="MyBike 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="d26dd454016d80984181.png" alt="MyBike logo" class="top-bar__logo menu__logo"></a><div class="header__icons"><a href="#" class="icon icon--close"></a></div></div><div class="menu__bottom"><nav class="nav menu__nav"><ul class="nav__list"><li class="nav__item"><a href="#" 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></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-test-drive">Book a test ride</a></div></div></aside><main class="main"><div class="container"><div class="main__content"><section class="about-us" id="about-us"><h2 class="about-us__title section-title">Move Free</h2><div class="about-us__content"><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></div></section><section class="compare-bikes" id="compare-bikes"><h2 class="section-title">Compare bikes</h2><div class="compare-bikes__products"><article class="product compare-bikes__product"><a href="#"><img src="744b67822cbf007047ec.png" alt="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="product compare-bikes__product"><a href="#"><img src="be0098c76d9f750430ff.png" alt="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="product compare-bikes__product"><a href="#"><img src="c2eff48c910f629219be.png" alt="Agile ride 3" class="product__photo"></a><h3 class="product__title">Agile ride 3</h3><p class="product__description">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__wrapper"><article class="detail"><div class="detail__photos"><a href="#" class="detail__link detail__link--wide"><img src="661dd1ac9fb43d76f25f.png" alt="Auto Unlock" class="detail__photo"> </a><a href="#" class="detail__link detail__link--square"><img src="c2ae5e954414431d2891.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="8ec5a497d6cc07a9a262.png" alt="Range & Integrated lights" class="detail__photo"> </a><a href="#" class="detail__link detail__link--square"><img src="479a2f0454f4e645cd6c.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="c79bc99309f85669cdeb.png" alt="Hydraulic disc brakes & Lightweight" class="detail__photo"> </a><a href="#" class="detail__link detail__link--wide"><img src="a3575063f2eba7cb1440.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-wrapper"><button class="button details__button">Explore</button></div></div></section><section class="contacts" id="contacts"><h2 class="section-title">Contact us</h2><div class="contacts__wrapper"><form onsubmit="return this.reset(),!1" class="contacts__form"><input placeholder="Name" class="contacts__input" required> <input type="email" placeholder="Email" class="contacts__input" required> <textarea name="message" placeholder="Message" class="contacts__textarea" required></textarea> <button class="button contacts__button">Send</button></form><div class="contacts__info"><div class="contacts__item"><span class="contacts__label">Phone</span> <a href="tel:+1 234 5555-55-55" class="contacts__link">+1 234 5555-55-55</a></div><div class="contacts__item"><span>Email</span> <a href="mailto:[email protected]" class="contacts__link">[email protected]</a></div><div class="contacts__item"><span>Address</span> <a href="https://maps.app.goo.gl/oYwgu7tGNpFbj8X39" target="_blank" class="contacts__link">400 first ave.<br>suite 700<br>Minneapolis, MN 55401</a></div></div></div></section></div></div></main><footer class="footer"></footer></body></html>
diff --git a/styles.css b/styles.css
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"><title>MyBike</title><link rel="icon" type="image/x-icon" href="05ab943c3420a8b538cd.png"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet"><script defer="defer" src="bundle.js"></script><link href="styles.css" rel="stylesheet"></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="5cdda6b57180246b6f64.png" alt="MyBike 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="d26dd454016d80984181.png" alt="MyBike logo" class="top-bar__logo menu__logo"></a><div class="header__icons"><a href="#" class="icon icon--close"></a></div></div><div class="menu__bottom"><nav class="nav menu__nav"><ul class="nav__list"><li class="nav__item"><a href="#" 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></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-test-drive">Book a test ride</a></div></div></aside><main class="main"><div class="container"><div class="main__content"><section class="about-us" id="about-us"><h2 class="about-us__title section-title">Move Free</h2><div class="about-us__content"><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></div></section><section class="compare-bikes" id="compare-bikes"><h2 class="section-title">Compare bikes</h2><div class="compare-bikes__products"><article class="product compare-bikes__product"><a href="#"><img src="744b67822cbf007047ec.png" alt="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="product compare-bikes__product"><a href="#"><img src="be0098c76d9f750430ff.png" alt="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="product compare-bikes__product"><a href="#"><img src="c2eff48c910f629219be.png" alt="Agile ride 3" class="product__photo"></a><h3 class="product__title">Agile ride 3</h3><p class="product__description">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__wrapper"><article class="detail"><div class="detail__photos"><a href="#" class="detail__link detail__link--wide"><img src="661dd1ac9fb43d76f25f.png" alt="Auto Unlock" class="detail__photo"> </a><a href="#" class="detail__link detail__link--square"><img src="c2ae5e954414431d2891.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="8ec5a497d6cc07a9a262.png" alt="Range & Integrated lights" class="detail__photo"> </a><a href="#" class="detail__link detail__link--square"><img src="479a2f0454f4e645cd6c.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="c79bc99309f85669cdeb.png" alt="Hydraulic disc brakes & Lightweight" class="detail__photo"> </a><a href="#" class="detail__link detail__link--wide"><img src="a3575063f2eba7cb1440.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-wrapper"><button class="button details__button">Explore</button></div></div></section><section class="contacts" id="contacts"><h2 class="section-title">Contact us</h2><div class="contacts__wrapper"><form onsubmit="return this.reset(),!1" class="contacts__form"><input placeholder="Name" class="contacts__input" required> <input type="email" placeholder="Email" class="contacts__input" required> <textarea name="message" placeholder="Message" class="contacts__textarea" required></textarea> <button class="button contacts__button">Send</button></form><div class="contacts__info"><div class="contacts__item"><span class="contacts__label">Phone</span> <a href="tel:+1 234 5555-55-55" class="contacts__link">+1 234 5555-55-55</a></div><div class="contacts__item"><span>Email</span> <a href="mailto:[email protected]" class="contacts__link">[email protected]</a></div><div class="contacts__item"><span>Address</span> <a href="https://maps.app.goo.gl/oYwgu7tGNpFbj8X39" target="_blank" class="contacts__link">400 first ave.<br>suite 700<br>Minneapolis, MN 55401</a></div></div></div></section></div></div></main><footer class="footer"></footer></body></html>