make build

tuhusova · Jul 9, 2024 · e28aa8a · e28aa8a
commit e28aa8a
Show file tree

Hide file tree

Showing 21 changed files with 123 additions and 0 deletions.
diff --git a/Icon-Burger-menu-hover.d3d49573.svg b/Icon-Burger-menu-hover.d3d49573.svg
diff --git a/Icon-Burger-menu.144b7c16.svg b/Icon-Burger-menu.144b7c16.svg
diff --git a/Icon-Close.2fa8315e.svg b/Icon-Close.2fa8315e.svg
diff --git a/Phone-number.0dffe585.svg b/Phone-number.0dffe585.svg
diff --git a/birds.53b2fd34.svg b/birds.53b2fd34.svg
diff --git a/ear(2).967f065e.svg b/ear(2).967f065e.svg
diff --git a/ear(stick).82df0c61.svg b/ear(stick).82df0c61.svg
diff --git a/ear.58e0e2dd.svg b/ear.58e0e2dd.svg
diff --git a/ear_in_arms.039781fe.svg b/ear_in_arms.039781fe.svg
diff --git a/ears.9915358e.svg b/ears.9915358e.svg
diff --git a/full_screen_photo.1c70f382.png b/full_screen_photo.1c70f382.png
diff --git a/header_image.2dbb033f.png b/header_image.2dbb033f.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/x-icon" href="logo_nothing.aec05c2e.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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Space+Grotesk:[email protected]&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"><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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&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="style.8c3d53c0.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 class="top-bar__logo" src="logo_nothing.aec05c2e.png" alt="Nothing"> </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"> Bring joy back <br> to the everyday </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"> <img src="logo_nothing.aec05c2e.png" alt="Nothing"> </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="#products"> Products </a> </li> <li class="nav__item"> <a class="nav__link" href="#store"> Store </a> </li> <li class="nav__item"> <a class="nav__link" href="#"> Login </a> </li> <li class="nav__item"> <a class="nav__link" href="#"> Cart(0) </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"> <div class="main__content"> <section class="container recommended" id="products"> <h2 class="section-title">Recommended</h2> <div class="recommended__products"> <article class="product"> <img src="phone(1).831b69de.svg" alt="Phone (1)" 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"> <img src="ear(2).967f065e.svg" alt="Ear (2)" 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"> <img src="ear(stick).82df0c61.svg" alt="ear(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="store"> <div class="categories__wrapper container"> <h2 class="section-title section-title--category"> Browse Nothing products by category </h2> <article class="category"> <div class="category__photos"> <a href="#" class="category__link category__link--wide"> <img src="birds.53b2fd34.svg" alt="Birds" class="category__photo"> </a> <a href="#" class="category__link category__link--square"> <img src="ear_in_arms.039781fe.svg" alt="Ear_in_arms" class="category__photo"> </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 src="ear.58e0e2dd.svg" alt="Ear" class="category__photo"> </a> <a href="#" class="category__link category__link--wide"> <img src="ears.9915358e.svg" alt="Ears" class="category__photo"> </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 src="smartphone.b85d876e.svg" alt="Smartphone" class="category__photo"> </a> <a href="#" class="category__link category__link--square"> <img src="powerblock.792b2971.svg" alt="Powerblock" class="category__photo"> </a> </div> <h3 class="category__title">Accessories</h3> </article> <button data-qa="hover" class="categories__button"> View all </button> </div> </section> <section class="full_screen_photo" id="photo"> <img src="full_screen_photo.1c70f382.png" alt="Full screen image" class="full-screen-image"> </section> <section class="about-us container" id="about-us"> <h2 class="about-us__title section-title section-title--about-us"> About us </h2> <div class="about-us__description"> <p> We’re a London-based tech company on a mission to remove barriers between people and technology. </p> <p> 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>Because beautiful tech shouldn’t be complicated.</p> </div> </section> <section class="contacts container" id="contact us"> <h2 class="contacts__title section-title section-title--contacts"> Contact us </h2> <div class="contacts__grid"> <form action="http://localhost:8080/api" class="contacts__fields" onsubmit="this.reset(); return false;" method="post"> <input class="contacts__fields--name inputs" type="text" placeholder="Name" required pattern="\w+"> <input class="contacts__fields--email inputs" type="email" name="email" placeholder="Email" required minlength="8" maxlength="20"> <textarea class="contacts__fields--message inputs" name="message" placeholder="Message" rows="4"></textarea> <button class="contacts__fields--button inputs">Send</button>  </form> <div class="contacts__footer"> <div class="contacts__footer--title contacts__footer--title--phone">Phone</div> <a href="tel:+1 234 5555-55-55" class="contacts__footer--value"> +1 234 5555-55-55 </a> <div class="contacts__footer--title">Email</div> <a href="mailto:[email protected]" class="contacts__footer--value">[email protected]</a> <div class="contacts__footer--title">Address</div> <a class="contacts__footer--value contacts__footer--value--address" href="https://maps.app.goo.gl/W3WJ1YS65Hcc4rWS9" target="_blank"> 400 first ave. <br> suite 700 <br> Minneapolis, MN 55401 </a> </div> </div> </section> </div> </main> </body></html>
diff --git a/logo_nothing.aec05c2e.png b/logo_nothing.aec05c2e.png
diff --git a/main.b2b0b56a.js b/main.b2b0b56a.js
diff --git a/main.b2b0b56a.js.map b/main.b2b0b56a.js.map
diff --git a/phone(1).831b69de.svg b/phone(1).831b69de.svg
diff --git a/powerblock.792b2971.svg b/powerblock.792b2971.svg
diff --git a/smartphone.b85d876e.svg b/smartphone.b85d876e.svg
diff --git a/style.8c3d53c0.css b/style.8c3d53c0.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.0"><title>Nothing</title><link rel="icon" type="image/x-icon" href="logo_nothing.aec05c2e.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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Space+Grotesk:[email protected]&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"><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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&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="style.8c3d53c0.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 class="top-bar__logo" src="logo_nothing.aec05c2e.png" alt="Nothing"> </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"> Bring joy back <br> to the everyday </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"> <img src="logo_nothing.aec05c2e.png" alt="Nothing"> </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="#products"> Products </a> </li> <li class="nav__item"> <a class="nav__link" href="#store"> Store </a> </li> <li class="nav__item"> <a class="nav__link" href="#"> Login </a> </li> <li class="nav__item"> <a class="nav__link" href="#"> Cart(0) </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"> <div class="main__content"> <section class="container recommended" id="products"> <h2 class="section-title">Recommended</h2> <div class="recommended__products"> <article class="product"> <img src="phone(1).831b69de.svg" alt="Phone (1)" 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"> <img src="ear(2).967f065e.svg" alt="Ear (2)" 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"> <img src="ear(stick).82df0c61.svg" alt="ear(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="store"> <div class="categories__wrapper container"> <h2 class="section-title section-title--category"> Browse Nothing products by category </h2> <article class="category"> <div class="category__photos"> <a href="#" class="category__link category__link--wide"> <img src="birds.53b2fd34.svg" alt="Birds" class="category__photo"> </a> <a href="#" class="category__link category__link--square"> <img src="ear_in_arms.039781fe.svg" alt="Ear_in_arms" class="category__photo"> </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 src="ear.58e0e2dd.svg" alt="Ear" class="category__photo"> </a> <a href="#" class="category__link category__link--wide"> <img src="ears.9915358e.svg" alt="Ears" class="category__photo"> </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 src="smartphone.b85d876e.svg" alt="Smartphone" class="category__photo"> </a> <a href="#" class="category__link category__link--square"> <img src="powerblock.792b2971.svg" alt="Powerblock" class="category__photo"> </a> </div> <h3 class="category__title">Accessories</h3> </article> <button data-qa="hover" class="categories__button"> View all </button> </div> </section> <section class="full_screen_photo" id="photo"> <img src="full_screen_photo.1c70f382.png" alt="Full screen image" class="full-screen-image"> </section> <section class="about-us container" id="about-us"> <h2 class="about-us__title section-title section-title--about-us"> About us </h2> <div class="about-us__description"> <p> We’re a London-based tech company on a mission to remove barriers between people and technology. </p> <p> 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>Because beautiful tech shouldn’t be complicated.</p> </div> </section> <section class="contacts container" id="contact us"> <h2 class="contacts__title section-title section-title--contacts"> Contact us </h2> <div class="contacts__grid"> <form action="http://localhost:8080/api" class="contacts__fields" onsubmit="this.reset(); return false;" method="post"> <input class="contacts__fields--name inputs" type="text" placeholder="Name" required pattern="\w+"> <input class="contacts__fields--email inputs" type="email" name="email" placeholder="Email" required minlength="8" maxlength="20"> <textarea class="contacts__fields--message inputs" name="message" placeholder="Message" rows="4"></textarea> <button class="contacts__fields--button inputs">Send</button> </form> <div class="contacts__footer"> <div class="contacts__footer--title contacts__footer--title--phone">Phone</div> <a href="tel:+1 234 5555-55-55" class="contacts__footer--value"> +1 234 5555-55-55 </a> <div class="contacts__footer--title">Email</div> <a href="mailto:[email protected]" class="contacts__footer--value">[email protected]</a> <div class="contacts__footer--title">Address</div> <a class="contacts__footer--value contacts__footer--value--address" href="https://maps.app.goo.gl/W3WJ1YS65Hcc4rWS9" target="_blank"> 400 first ave. <br> suite 700 <br> Minneapolis, MN 55401 </a> </div> </div> </section> </div> </main> </body></html>