make build

KarinaKoliada · Jun 4, 2024 · 5b5260c · 5b5260c
commit 5b5260c
Show file tree

Hide file tree

Showing 22 changed files with 67 additions and 0 deletions.
diff --git a/FAVICON.b5a310d6.svg b/FAVICON.b5a310d6.svg
diff --git a/Icon-Burger-menu-hover.23e1ce64.svg b/Icon-Burger-menu-hover.23e1ce64.svg
diff --git a/Icon-Burger-menu.d17a5b50.svg b/Icon-Burger-menu.d17a5b50.svg
diff --git a/Icon-Close.2fa8315e.svg b/Icon-Close.2fa8315e.svg
diff --git a/Icon-Phone.5fb4715f.svg b/Icon-Phone.5fb4715f.svg
diff --git a/Logo.cbc73df6.svg b/Logo.cbc73df6.svg
diff --git a/background.bc77d934.png b/background.bc77d934.png
diff --git a/birds.997b80ad.png b/birds.997b80ad.png
diff --git a/black-phone.1a1961bb.png b/black-phone.1a1961bb.png
diff --git a/bottom.5af23ea7.png b/bottom.5af23ea7.png
diff --git a/charge.ca3bc20a.png b/charge.ca3bc20a.png
diff --git a/ears-in-case.c3ef0b6d.png b/ears-in-case.c3ef0b6d.png
diff --git a/ears-sticks.7fdc0863.png b/ears-sticks.7fdc0863.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.0"><title>Nothing</title><link rel="icon" type="image/svg+xml" href="FAVICON.b5a310d6.svg"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:[email protected]&display=swap" rel="stylesheet"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"><link rel="stylesheet" href="main.caabc223.css"><script src="main.b2b0b56a.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.cbc73df6.svg" alt="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"> <hi class="header__title"> Bring joy back <br> to the everyday </hi> </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="Logo.cbc73df6.svg" alt="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="#categories" class="nav__link"> Store </a> </li> <li class="nav__item"> <a href="#about-us" class="nav__link"> About us </a> </li> <li class="nav__item"> <a href="#contact-us" class="nav__link"> Contact us </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-sections"> <div class="container"> <div class="main-sections__content"> <section class="recommended" id="recommended"> <h2 class="section-title">Recommended</h2> <div class="recommended__products"> <article class="product recommended__product"> <img src="silver-phone.dfaf60ff.png" alt="Phone" class="product__photo"> <h3 class="product__title">Phone(1)</h3> <p class="product__description"> Designed with instinct, to bring joy back to the everyday. 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="ears-in-case.c3ef0b6d.png" alt="Ears" class="product__photo"> <h3 class="product__title">Ear(2)</h3> <p class="product__description"> 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="sticks.d28f3af5.png" alt="Ears stick" class="product__photo"> <h3 class="product__title">Ear(stick)</h3> <p class="product__description"> 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> </section> <section class="categories" id="categories"> <h2 class="section-title"> Browse Nothing <br> products by category </h2> <div class="categories__wrapper"> <article class="category"> <div class="category__photos"> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="birds.997b80ad.png" alt="birds"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="open-case.22d8ce49.png" alt="ears"> </a> </div> <h3 class="category__title">All products</h3> <div class="category__photos"> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="one-ear.10a21f34.png" alt="single ear"> </a> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="ears-sticks.7fdc0863.png" alt="ears stick"> </a> </div> <h3 class="category__title">Audio</h3> <div class="category__photos"> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="black-phone.1a1961bb.png" alt="black phone"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="charge.ca3bc20a.png" alt="charge"> </a> </div> <h3 class="category__title">Accessories</h3> </article> </div> <div class="categories__button-wrapper"> <a href="#" class="button categories__button"> View all </a> </div> </section> </div> </div> </main> <footer class="footer"> <div class="bottom__images"></div> <div class="container"> <section class="about-us" id="about-us"> <h2 class="about-us__title section-title">About us</h2> <div class="about-us__content"> <p class="about-us__description"> We’re a London-based tech company on a mission to remove barriers between people and technology. </p> <p class="about-us__description"> To do this, we’re crafting intuitive, flawlessly connected products that improve our lives without getting in the way. <br> 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="about-us__description"> Because beautiful tech shouldn’t be complicated. </p> </div> </section> <section class="contact-us" id="contact-us"> <h2 class="contact-us__title section-title">Contact us</h2> <div class="contact-us__content"> <form onsubmit="this.reset(); return false;" autocomplete="on" method="post" action="#" class="contact-us__form"> <input type="text" class="contact-us__input contact-us__input--small" name="name" placeholder="Name" required> <input type="email" class="contact-us__input contact-us__input--small" name="email" placeholder="Email" required> <textarea class="contact-us__input contact-us__input--message" name="message" placeholder="Message" required></textarea> <button class="button">Send</button> </form> <div class="contact-us__wrapper"> <h3 class="contact-us__contact">Phone</h3> <a href="tel:+1 234 5555-55-55" class="contact-us__info text-link"> +1 234 5555-55-55 </a> <h3 class="contact-us__contact">Email</h3> <a href="mailto:[email protected]" class="contact-us__info text-link"> [email protected] </a> <h3 class="contact-us__contact">Address</h3> <a href="https://www.google.com/maps/place/400+N+1st+Ave+STE+700,+Minneapolis,+MN+55401,+USA/@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" class="contact-us__info text-link"> 400 first ave. <br> suite 700 <br> Minneapolis, MN 55401 </a> </div> </div> </section> </div> </footer> </body></html>
diff --git a/main.b2b0b56a.js b/main.b2b0b56a.js
diff --git a/main.b2b0b56a.js.map b/main.b2b0b56a.js.map
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>Nothing</title><link rel="icon" type="image/svg+xml" href="FAVICON.b5a310d6.svg"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:[email protected]&display=swap" rel="stylesheet"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"><link rel="stylesheet" href="main.caabc223.css"><script src="main.b2b0b56a.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.cbc73df6.svg" alt="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"> <hi class="header__title"> Bring joy back <br> to the everyday </hi> </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="Logo.cbc73df6.svg" alt="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="#categories" class="nav__link"> Store </a> </li> <li class="nav__item"> <a href="#about-us" class="nav__link"> About us </a> </li> <li class="nav__item"> <a href="#contact-us" class="nav__link"> Contact us </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-sections"> <div class="container"> <div class="main-sections__content"> <section class="recommended" id="recommended"> <h2 class="section-title">Recommended</h2> <div class="recommended__products"> <article class="product recommended__product"> <img src="silver-phone.dfaf60ff.png" alt="Phone" class="product__photo"> <h3 class="product__title">Phone(1)</h3> <p class="product__description"> Designed with instinct, to bring joy back to the everyday. 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="ears-in-case.c3ef0b6d.png" alt="Ears" class="product__photo"> <h3 class="product__title">Ear(2)</h3> <p class="product__description"> 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="sticks.d28f3af5.png" alt="Ears stick" class="product__photo"> <h3 class="product__title">Ear(stick)</h3> <p class="product__description"> 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> </section> <section class="categories" id="categories"> <h2 class="section-title"> Browse Nothing <br> products by category </h2> <div class="categories__wrapper"> <article class="category"> <div class="category__photos"> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="birds.997b80ad.png" alt="birds"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="open-case.22d8ce49.png" alt="ears"> </a> </div> <h3 class="category__title">All products</h3> <div class="category__photos"> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="one-ear.10a21f34.png" alt="single ear"> </a> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="ears-sticks.7fdc0863.png" alt="ears stick"> </a> </div> <h3 class="category__title">Audio</h3> <div class="category__photos"> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="black-phone.1a1961bb.png" alt="black phone"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="charge.ca3bc20a.png" alt="charge"> </a> </div> <h3 class="category__title">Accessories</h3> </article> </div> <div class="categories__button-wrapper"> <a href="#" class="button categories__button"> View all </a> </div> </section> </div> </div> </main> <footer class="footer"> <div class="bottom__images"></div> <div class="container"> <section class="about-us" id="about-us"> <h2 class="about-us__title section-title">About us</h2> <div class="about-us__content"> <p class="about-us__description"> We’re a London-based tech company on a mission to remove barriers between people and technology. </p> <p class="about-us__description"> To do this, we’re crafting intuitive, flawlessly connected products that improve our lives without getting in the way. <br> 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="about-us__description"> Because beautiful tech shouldn’t be complicated. </p> </div> </section> <section class="contact-us" id="contact-us"> <h2 class="contact-us__title section-title">Contact us</h2> <div class="contact-us__content"> <form onsubmit="this.reset(); return false;" autocomplete="on" method="post" action="#" class="contact-us__form"> <input type="text" class="contact-us__input contact-us__input--small" name="name" placeholder="Name" required> <input type="email" class="contact-us__input contact-us__input--small" name="email" placeholder="Email" required> <textarea class="contact-us__input contact-us__input--message" name="message" placeholder="Message" required></textarea> <button class="button">Send</button> </form> <div class="contact-us__wrapper"> <h3 class="contact-us__contact">Phone</h3> <a href="tel:+1 234 5555-55-55" class="contact-us__info text-link"> +1 234 5555-55-55 </a> <h3 class="contact-us__contact">Email</h3> <a href="mailto:[email protected]" class="contact-us__info text-link"> [email protected] </a> <h3 class="contact-us__contact">Address</h3> <a href="https://www.google.com/maps/place/400+N+1st+Ave+STE+700,+Minneapolis,+MN+55401,+USA/@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" class="contact-us__info text-link"> 400 first ave. <br> suite 700 <br> Minneapolis, MN 55401 </a> </div> </div> </section> </div> </footer> </body></html>