make build

diachkinainna · Dec 18, 2024 · 3409669 · 3409669
commit 3409669
Show file tree

Hide file tree

Showing 22 changed files with 7 additions and 0 deletions.
diff --git a/big-picture.426717f3.png b/big-picture.426717f3.png
diff --git a/header-bg.86bb71df.png b/header-bg.86bb71df.png
diff --git a/icon-burger-menu-hover.d74a0cde.png b/icon-burger-menu-hover.d74a0cde.png
diff --git a/icon-burger-menu.92944106.png b/icon-burger-menu.92944106.png
diff --git a/icon-close.4ae1e25c.png b/icon-close.4ae1e25c.png
diff --git a/icon-phone.cd1b9b7a.png b/icon-phone.cd1b9b7a.png
diff --git a/image-article1-square.6d668a26.png b/image-article1-square.6d668a26.png
diff --git a/image-article1-wide.0d2a2ed9.png b/image-article1-wide.0d2a2ed9.png
diff --git a/image-article2-square.6abdcc22.png b/image-article2-square.6abdcc22.png
diff --git a/image-article2-wide.b3b9095c.png b/image-article2-wide.b3b9095c.png
diff --git a/image-article3-square.83d7aa13.png b/image-article3-square.83d7aa13.png
diff --git a/image-article3-wide.ad2179ac.png b/image-article3-wide.ad2179ac.png
diff --git a/index.08f57406.css b/index.08f57406.css
diff --git a/index.08f57406.css.map b/index.08f57406.css.map
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.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="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:wght@700&family=Space+Mono&display=swap" rel="stylesheet"><link rel="icon" href="logo-nothing.89e3e5e8.png"><link rel="stylesheet" href="index.08f57406.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.a1444157.png" alt="Nothing 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"> 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-link"> <img src="logo.a1444157.png" alt="Nothing 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 class="nav__link" href="#"> Home </a> </li> <li class="nav__item"> <a class="nav__link" href="#recommended"> Recommended </a> </li> <li class="nav__item"> <a class="nav__link" href="#categories"> Categories </a> </li> <li class="nav__item"> <a class="nav__link" href="#about-us"> About us </a> </li> <li class="nav__item"> <a class="nav__link" href="#contact-us"> 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"> <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="#"> <img src="recommended-1.4cbb77e4.png" alt="phone" class="product__photo"> </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="#"> <img src="recommended-2.ed625ca3.png" alt="phone" class="product__photo"> </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="#"> <img src="recommended-3.7167a14a.png" alt="phone" class="product__photo"> </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">$ 119.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="image-article1-wide.0d2a2ed9.png" alt="All products"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="image-article1-square.6d668a26.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="image-article2-square.6abdcc22.png" alt="Audio"> </a> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="image-article2-wide.b3b9095c.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="image-article3-wide.ad2179ac.png" alt="Accessories"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="image-article3-square.83d7aa13.png" alt="Accessories"> </a> </div> <h3 class="category__title">Accessories</h3> </article> </div> </section> <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. <br> <br> 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. <br> <br> Because beautiful tech shouldn’t be complicated. </p> </div> </section> <div class="view-all"> <a href="#" class="view-all__button"> View all </a> </div> </div> </div> </main> <div class="before-footer__photo"> <img class="big-photo" src="big-picture.426717f3.png" alt="before-footer"> </div> <footer class="footer"> <div class="container"> <h2 class="section-title">Contact us</h2> <div class="footer__content" id="contact-us"> <section class="footer__personal-info personal-info"> <form onsubmit="this.reset(); return false;" class="input-fields" action="index.html" method="post"> <input class="input input__personal-info" type="text" name="name" placeholder="Name" required> <input class="input input__personal-info" type="email" name="email" placeholder="Email" required> <textarea class="input input__message" name="message" placeholder="Message" id="message"></textarea> <button class="input input__send" type="submit" name="send"> Send </button> </form> </section> <section class="company-info footer__company-info"> <ul class="company-info__list"> <li class="company-info__type">Phone</li> <a class="company-info__value" href="tel:+1 234 5555-55-55"> +1 234 5555-55-55 </a> <li class="company-info__type">Email</li> <a class="company-info__value" href="#"> [email protected] </a> <li class="company-info__type">Address</li> <a class="company-info__value" target="_blank" href="https://maps.app.goo.gl/4MxZwkbuDkY3sjLu6"> 400 first ave. <br> suite 700 <br> Minneapolis, MN 55401 </a> </ul> </section> </div> </div> </footer> </body></html>
diff --git a/logo-nothing.89e3e5e8.png b/logo-nothing.89e3e5e8.png
diff --git a/logo.a1444157.png b/logo.a1444157.png
diff --git a/recommended-1.4cbb77e4.png b/recommended-1.4cbb77e4.png
diff --git a/recommended-2.ed625ca3.png b/recommended-2.ed625ca3.png
diff --git a/recommended-3.7167a14a.png b/recommended-3.7167a14a.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>Nothing</title><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:wght@700&family=Space+Mono&display=swap" rel="stylesheet"><link rel="icon" href="logo-nothing.89e3e5e8.png"><link rel="stylesheet" href="index.08f57406.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.a1444157.png" alt="Nothing 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"> 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-link"> <img src="logo.a1444157.png" alt="Nothing 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 class="nav__link" href="#"> Home </a> </li> <li class="nav__item"> <a class="nav__link" href="#recommended"> Recommended </a> </li> <li class="nav__item"> <a class="nav__link" href="#categories"> Categories </a> </li> <li class="nav__item"> <a class="nav__link" href="#about-us"> About us </a> </li> <li class="nav__item"> <a class="nav__link" href="#contact-us"> 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"> <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="#"> <img src="recommended-1.4cbb77e4.png" alt="phone" class="product__photo"> </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="#"> <img src="recommended-2.ed625ca3.png" alt="phone" class="product__photo"> </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="#"> <img src="recommended-3.7167a14a.png" alt="phone" class="product__photo"> </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">$ 119.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="image-article1-wide.0d2a2ed9.png" alt="All products"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="image-article1-square.6d668a26.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="image-article2-square.6abdcc22.png" alt="Audio"> </a> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="image-article2-wide.b3b9095c.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="image-article3-wide.ad2179ac.png" alt="Accessories"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="image-article3-square.83d7aa13.png" alt="Accessories"> </a> </div> <h3 class="category__title">Accessories</h3> </article> </div> </section> <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. <br> <br> 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. <br> <br> Because beautiful tech shouldn’t be complicated. </p> </div> </section> <div class="view-all"> <a href="#" class="view-all__button"> View all </a> </div> </div> </div> </main> <div class="before-footer__photo"> <img class="big-photo" src="big-picture.426717f3.png" alt="before-footer"> </div> <footer class="footer"> <div class="container"> <h2 class="section-title">Contact us</h2> <div class="footer__content" id="contact-us"> <section class="footer__personal-info personal-info"> <form onsubmit="this.reset(); return false;" class="input-fields" action="index.html" method="post"> <input class="input input__personal-info" type="text" name="name" placeholder="Name" required> <input class="input input__personal-info" type="email" name="email" placeholder="Email" required> <textarea class="input input__message" name="message" placeholder="Message" id="message"></textarea> <button class="input input__send" type="submit" name="send"> Send </button> </form> </section> <section class="company-info footer__company-info"> <ul class="company-info__list"> <li class="company-info__type">Phone</li> <a class="company-info__value" href="tel:+1 234 5555-55-55"> +1 234 5555-55-55 </a> <li class="company-info__type">Email</li> <a class="company-info__value" href="#"> [email protected] </a> <li class="company-info__type">Address</li> <a class="company-info__value" target="_blank" href="https://maps.app.goo.gl/4MxZwkbuDkY3sjLu6"> 400 first ave. <br> suite 700 <br> Minneapolis, MN 55401 </a> </ul> </section> </div> </div> </footer> </body></html>