make build

00Mass00 · Jul 30, 2023 · dde64a1 · dde64a1
commit dde64a1
Show file tree

Hide file tree

Showing 20 changed files with 37 additions and 0 deletions.
diff --git a/Accessories - square.1d5a0e59.png b/Accessories - square.1d5a0e59.png
diff --git a/Accessories - wide.844b884e.png b/Accessories - wide.844b884e.png
diff --git a/All products - square.94b76e1d.png b/All products - square.94b76e1d.png
diff --git a/All products - wide.c9902018.png b/All products - wide.c9902018.png
diff --git a/Audio - square.eae247a2.png b/Audio - square.eae247a2.png
diff --git a/Audio - wide.8c4d625c.png b/Audio - wide.8c4d625c.png
diff --git a/Ear (2).86d8f440.png b/Ear (2).86d8f440.png
diff --git a/Ear (stick).ed564987.png b/Ear (stick).ed564987.png
diff --git a/Phone (1).cdffdf2c.png b/Phone (1).cdffdf2c.png
diff --git a/bg-main__content.6a3e2345.png b/bg-main__content.6a3e2345.png
diff --git a/favicon.545e8aba.png b/favicon.545e8aba.png
diff --git a/header-bg.a5320c4b.png b/header-bg.a5320c4b.png
diff --git a/icon-burger-menu-hover.d3d49573.svg b/icon-burger-menu-hover.d3d49573.svg
diff --git a/icon-burger-menu.2bbc7899.svg b/icon-burger-menu.2bbc7899.svg
diff --git a/icon-close.13a2bc5b.svg b/icon-close.13a2bc5b.svg
diff --git a/icon-phone.21d2080c.svg b/icon-phone.21d2080c.svg
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 href="https://fonts.googleapis.com/css2?family=Inter:wght@500;700&family=Roboto&family=Space+Grotesk:wght@400;700&family=Space+Mono&display=swap" rel="stylesheet"><link rel="stylesheet" href="styles.d0d31571.css"><link rel="icon shortcut" href="favicon.545e8aba.png"></head><body class="page__body"> <header class="header"> <div class="container"> <div class="header__content"> <div class="top-bar"> <a class="top-bar__logo-link" href="#"> <img class="top-bar__logo" src="logo-2x.58a756f9.png" alt="Nothing logo"> </a> <div class="top-bar__icons"> <a href="tel:+1 234 5555-55-55" class="header__icon-phone 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 class="top-bar__logo-link" href="#"> <img class="top-bar__logo" src="logo-2x.58a756f9.png" alt="Nothing 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="#recommended">Products</a> </li> <li class="nav__item"> <a class="nav__link" href="#categories">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="container"> <div class="main__content"> <section class="recommended" id="recommended"> <h2 class="section-title">Recommended</h2> <div class="recommended__products"> <article class="product recommended__product"> <a href="#" class="product__link"> <img class="product__photo" src="Phone (1).cdffdf2c.png" alt="Phone (1)"> </a> <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"> <a href="#" class="product__link"> <img class="product__photo" src="Ear (2).86d8f440.png" alt="Ear (2).png"> </a> <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"> <a href="#" class="product__link"> <img class="product__photo" src="Ear (stick).ed564987.png" alt="Ear (stick)"> </a> <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">$ 149.00</p> </article> </div> </section> <section class="categories" id="categories"> <h2 class="section-title"> Browse Nothing 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="All products - wide.c9902018.png" alt="All products"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="All products - square.94b76e1d.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="Audio - square.eae247a2.png" alt="All products"> </a> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="Audio - wide.8c4d625c.png" alt="All products"> </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="Accessories - wide.844b884e.png" alt="All products"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="Accessories - square.1d5a0e59.png" alt="All products"> </a> </div> <h3 class="category__title">Accessories</h3> </article> </div> <div class="category__view"> <a class="button category__view-link" href="#" data-qa="hover"> View all </a> </div> </section> </div> </div> <div class="main__background"></div> <div class="container"> <div class="main__content"> <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. 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="contacts" id="contacts"> <h2 class="contacts__title section-title">Contact us</h2> <form class="contacts__form" action="#" method="post" onsubmit="this.reset(); return false;"> <label class="contacts__label"> <input class="contacts__input contacts__input--name" type="text" required placeholder="Name"> </label> <label class="contacts__label"> <input class="contacts__input contacts__input--email" type="email" required placeholder="Email"> </label> <label class="contacts__label"> <textarea class="contacts__input contacts__input--message" name="message" required placeholder="Message" id="message-textarea" cols="30" rows="10"></textarea> </label> <input type="submit" class="button contacts__send-link" value="Send"> </form> <address class="contacts__contact-info"> <p class="contacts__address">Phone</p> <a class="contacts__contact-info-link" href="tel:+1 234 5555-55-55"> +1 234 55-55-55 </a> <p class="contacts__address">Email</p> <a class="contacts__contact-info-link" href="mailto:[email protected]"> [email protected] </a> <p class="contacts__address">Address</p> <a class="contacts__contact-info-link" href="https://www.google.com/maps/place/400+N+1st+Ave+STE+700,+Minneapolis,+MN+55401,+%D0%A1%D0%A8%D0%90/@44.9813258,-93.2753198,17z/data=!4m15!1m8!3m7!1s0x52b3328fdf233887:0x3348e5113ed2472d!2s400+N+1st+Ave+STE+700,+Minneapolis,+MN+55401,+%D0%A1%D0%A8%D0%90!3b1!8m2!3d44.9813258!4d-93.2731311!16s%2Fg%2F11nyn_tfyt!3m5!1s0x52b3328fdf233887:0x3348e5113ed2472d!8m2!3d44.9813258!4d-93.2731311!16s%2Fg%2F11nyn_tfyt?entry=ttu" target="_blank"> 400 first ave. <br> suite 700 <br> Minneapolis, MN 55401 </a> </address> </section> </div> </div> </main> <footer></footer> </body></html>
diff --git a/logo-2x.58a756f9.png b/logo-2x.58a756f9.png
diff --git a/styles.d0d31571.css b/styles.d0d31571.css
diff --git a/styles.d0d31571.css.map b/styles.d0d31571.css.map