make build

svitlanak31 · Jul 12, 2024 · cfee4fb · cfee4fb
commit cfee4fb
Show file tree

Hide file tree

Showing 22 changed files with 7 additions and 0 deletions.
diff --git a/Icon-burger.af250253.png b/Icon-burger.af250253.png
diff --git a/Icon-close.79ba3314.png b/Icon-close.79ba3314.png
diff --git a/Image2.deeba9aa.png b/Image2.deeba9aa.png
diff --git a/Image3.330428c5.png b/Image3.330428c5.png
diff --git a/Image4.e3bd05ec.png b/Image4.e3bd05ec.png
diff --git a/Image5.aa1a4c71.png b/Image5.aa1a4c71.png
diff --git a/Image6.9a3df495.png b/Image6.9a3df495.png
diff --git a/bg-photo.86078057.png b/bg-photo.86078057.png
diff --git a/favicon.11e8a72b.png b/favicon.11e8a72b.png
diff --git a/header-bg-mobile.58013bc9.png b/header-bg-mobile.58013bc9.png
diff --git a/icon-burger-hover.b8d0dd41.png b/icon-burger-hover.b8d0dd41.png
diff --git a/icon-phone.a1b2c69e.png b/icon-phone.a1b2c69e.png
diff --git a/image1.7d0fc2aa.png b/image1.7d0fc2aa.png
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.df2553e8.css b/index.df2553e8.css
diff --git a/index.df2553e8.css.map b/index.df2553e8.css.map
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.0"><title>bose</title><link rel="icon" href="favicon.11e8a72b.png" type="image/png"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:[email protected]&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"><link rel="stylesheet" href="index.df2553e8.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="logo.e3f0b3cf.png" alt="Bose logo" class="top-bar__logo"> </a> <div class="top-bar__icons"> <a href="+1 234 5555-55-55" class="icon icon--phone"></a> <span class="icon__phone-number">+1 234 5555-55-55</span> <a href="#menu" class="icon icon--menu"></a> </div> </div> <div class="header__bottom"> <h1 class="header__title">Bring joy back to the everyday</h1> </div> </div> </div> </header> <aside class="menu page__menu" id="menu"> <div class="container"> <div class="top-bar"> <a href="#" class="top-bar__logo-link"> <img src="logo.e3f0b3cf.png" alt="Bose logo" class="top-bar__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 href="#recommended" class="nav__link">Recommended</a> </li> <li class="nav__item"> <a href="#store" class="nav__link">Store</a> </li> <li class="nav__item"> <a href="#login" class="nav__link">Login</a> </li> <li class="nav__item"> <a href="#cart(0)" class="nav__link">Cart(0)</a> </li> </ul> <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> </nav> </div> </div> </aside> <main class="main"> <div class="main__content"> <section class="products" id="#recommended"> <div class="container"> <h2 class="section-title">Recommended</h2> <div class="recommended__products"> <article class="product recommended__product"> <img src="product-1.b4dcebe0.png" alt="Phone(1)" class="product__photo"> <h3 class="product__title">Phone (1)</h3> <p class="mobile-and-tablet-text product__category">Designed with instinct, to bring joy back to the everyday. Through the Glyph Interface, a perfected OS and exceptional dual camera. All startlingly fast.>This text is visible on mobile devices only.</p> <p class="desktop-text product__category">Through the Glyph Interface, a perfected OS and exceptional dual camera. All startlingly fast.</p> <p class="product__price">$ 499.00</p> </article> <article class="product recommended__product"> <img src="product-2.63d7ce62.png" alt="Ear (2)" class="product__photo"> <h3 class="product__title">Ear (2)</h3> <p class="product__category">Perfecting the path from artist to ear. So that music sounds just as it was intended.</p> <p class="product__price">$ 149.00</p> </article> <article class="product recommended__product"> <img src="product-3.e8cba25c.png" alt="Ear (stick)" class="product__photo"> <h3 class="product__title">Ear (stick)</h3> <p class="product__category">Tech you can`t feel. Leaving just space for sound to come to life. Powered by custom sound technology.</p> <p class="product__price">$ 119.00</p> </article> </div> </div> </section> <section class="store" id="store"> <div class="container"> <div class="store__container"> <h2 class="section-title store__title">Browse Nothing products by category</h2> <div class="store__wrapper"> <article class="category"> <div class="category__photos"> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="image1.7d0fc2aa.png" alt="All products"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="Image2.deeba9aa.png" alt="All products"> </a> </div> <h3 class="category__title">All products</h3> </article> <article class="category"> <div class="category__photos"> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="Image3.330428c5.png" alt="Audio"> </a> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="Image4.e3bd05ec.png" alt="Audio"> </a> </div> <h3 class="category__title">Audio</h3> </article> <article class="category"> <div class="category__photos"> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="Image5.aa1a4c71.png" alt="Accessories"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="Image6.9a3df495.png" alt="Accessories"> </a> </div> <h3 class="category__title">Accessories</h3> </article> </div> <button class="store__button">View all</button> </div> </div> </section> <section class="image-section"> </section> <section class="login" id="login"> <div class="container"> <div class="login__container"> <h2 class="login__title section-title">About us</h2> <div class="login__content"> <p class="login__text"> We’re a London-based tech company on a mission to remove barriers between people and technology. </p> <p class="login__text"> To do this, we’re crafting intuitive, flawlessly connected products that improve our lives without getting in the way. No confusing tech-speak. No silly product names. Just artistry, passion and trust. And products we’re proud to share with our friends and family. Simple. </p> <p class="login__text"> Because beautiful tech shouldn’t be complicated. </p> </div> </div> </div> </section> <section class="cart" id="cart"> <div class="container"> <div class="cart__container"> <h2 class="cart__title section-title">Contact us</h2> <div class="cart-input"> <div class="cart-input__container"> <input type="text" id="name" placeholder="Name" class="cart-input__filed" required> </div> <div class="cart-input__container"> <input type="email" id="email" placeholder="Email" class="cart-input__filed" required> </div> <div class="cart-input__container"> <textarea id="message" placeholder="Message" class="cart-input__filed cart-input__filed--height" required></textarea> </div> <button class="cart-input__button">Send</button> </div> <div class="cart-contacts"> <div class="cart-contacts__container"> <p class="cart-contacts__title">Phone</p> <a href="#" class="cart-contacts__content">+1 234 5555-55-55</a> </div> <div class="cart-contacts__container"> <p class="cart-contacts__title">Email</p> <a href="#" class="cart-contacts__content">[email protected]</a> </div> <div class="cart-contacts__container"> <p class="cart-contacts__title">Address</p> <a href="#" class="cart-contacts__content">400 first ave.<br>suite 700<br>Minneapolis, MN 55401</a> </div> </div> </div> </div> </section> </div> </main> <footer> </footer> </body></html>
diff --git a/logo.e3f0b3cf.png b/logo.e3f0b3cf.png
diff --git a/product-1.b4dcebe0.png b/product-1.b4dcebe0.png
diff --git a/product-2.63d7ce62.png b/product-2.63d7ce62.png
diff --git a/product-3.e8cba25c.png b/product-3.e8cba25c.png
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>bose</title><link rel="icon" href="favicon.11e8a72b.png" type="image/png"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:[email protected]&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"><link rel="stylesheet" href="index.df2553e8.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="logo.e3f0b3cf.png" alt="Bose logo" class="top-bar__logo"> </a> <div class="top-bar__icons"> <a href="+1 234 5555-55-55" class="icon icon--phone"></a> <span class="icon__phone-number">+1 234 5555-55-55</span> <a href="#menu" class="icon icon--menu"></a> </div> </div> <div class="header__bottom"> <h1 class="header__title">Bring joy back to the everyday</h1> </div> </div> </div> </header> <aside class="menu page__menu" id="menu"> <div class="container"> <div class="top-bar"> <a href="#" class="top-bar__logo-link"> <img src="logo.e3f0b3cf.png" alt="Bose logo" class="top-bar__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 href="#recommended" class="nav__link">Recommended</a> </li> <li class="nav__item"> <a href="#store" class="nav__link">Store</a> </li> <li class="nav__item"> <a href="#login" class="nav__link">Login</a> </li> <li class="nav__item"> <a href="#cart(0)" class="nav__link">Cart(0)</a> </li> </ul> <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> </nav> </div> </div> </aside> <main class="main"> <div class="main__content"> <section class="products" id="#recommended"> <div class="container"> <h2 class="section-title">Recommended</h2> <div class="recommended__products"> <article class="product recommended__product"> <img src="product-1.b4dcebe0.png" alt="Phone(1)" class="product__photo"> <h3 class="product__title">Phone (1)</h3> <p class="mobile-and-tablet-text product__category">Designed with instinct, to bring joy back to the everyday. Through the Glyph Interface, a perfected OS and exceptional dual camera. All startlingly fast.>This text is visible on mobile devices only.</p> <p class="desktop-text product__category">Through the Glyph Interface, a perfected OS and exceptional dual camera. All startlingly fast.</p> <p class="product__price">$ 499.00</p> </article> <article class="product recommended__product"> <img src="product-2.63d7ce62.png" alt="Ear (2)" class="product__photo"> <h3 class="product__title">Ear (2)</h3> <p class="product__category">Perfecting the path from artist to ear. So that music sounds just as it was intended.</p> <p class="product__price">$ 149.00</p> </article> <article class="product recommended__product"> <img src="product-3.e8cba25c.png" alt="Ear (stick)" class="product__photo"> <h3 class="product__title">Ear (stick)</h3> <p class="product__category">Tech you can`t feel. Leaving just space for sound to come to life. Powered by custom sound technology.</p> <p class="product__price">$ 119.00</p> </article> </div> </div> </section> <section class="store" id="store"> <div class="container"> <div class="store__container"> <h2 class="section-title store__title">Browse Nothing products by category</h2> <div class="store__wrapper"> <article class="category"> <div class="category__photos"> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="image1.7d0fc2aa.png" alt="All products"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="Image2.deeba9aa.png" alt="All products"> </a> </div> <h3 class="category__title">All products</h3> </article> <article class="category"> <div class="category__photos"> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="Image3.330428c5.png" alt="Audio"> </a> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="Image4.e3bd05ec.png" alt="Audio"> </a> </div> <h3 class="category__title">Audio</h3> </article> <article class="category"> <div class="category__photos"> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="Image5.aa1a4c71.png" alt="Accessories"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="Image6.9a3df495.png" alt="Accessories"> </a> </div> <h3 class="category__title">Accessories</h3> </article> </div> <button class="store__button">View all</button> </div> </div> </section> <section class="image-section"> </section> <section class="login" id="login"> <div class="container"> <div class="login__container"> <h2 class="login__title section-title">About us</h2> <div class="login__content"> <p class="login__text"> We’re a London-based tech company on a mission to remove barriers between people and technology. </p> <p class="login__text"> To do this, we’re crafting intuitive, flawlessly connected products that improve our lives without getting in the way. No confusing tech-speak. No silly product names. Just artistry, passion and trust. And products we’re proud to share with our friends and family. Simple. </p> <p class="login__text"> Because beautiful tech shouldn’t be complicated. </p> </div> </div> </div> </section> <section class="cart" id="cart"> <div class="container"> <div class="cart__container"> <h2 class="cart__title section-title">Contact us</h2> <div class="cart-input"> <div class="cart-input__container"> <input type="text" id="name" placeholder="Name" class="cart-input__filed" required> </div> <div class="cart-input__container"> <input type="email" id="email" placeholder="Email" class="cart-input__filed" required> </div> <div class="cart-input__container"> <textarea id="message" placeholder="Message" class="cart-input__filed cart-input__filed--height" required></textarea> </div> <button class="cart-input__button">Send</button> </div> <div class="cart-contacts"> <div class="cart-contacts__container"> <p class="cart-contacts__title">Phone</p> <a href="#" class="cart-contacts__content">+1 234 5555-55-55</a> </div> <div class="cart-contacts__container"> <p class="cart-contacts__title">Email</p> <a href="#" class="cart-contacts__content">[email protected]</a> </div> <div class="cart-contacts__container"> <p class="cart-contacts__title">Address</p> <a href="#" class="cart-contacts__content">400 first ave.<br>suite 700<br>Minneapolis, MN 55401</a> </div> </div> </div> </div> </section> </div> </main> <footer> </footer> </body></html>