make build

manch0ffline · Dec 21, 2023 · fa066bd · fa066bd
commit fa066bd
Show file tree

Hide file tree

Showing 21 changed files with 9 additions and 0 deletions.
diff --git a/Icon-Burger-menu-hover.1f004737.png b/Icon-Burger-menu-hover.1f004737.png
diff --git a/Icon-Burger-menu.4dd04ddb.png b/Icon-Burger-menu.4dd04ddb.png
diff --git a/Icon-Close.aff91327.png b/Icon-Close.aff91327.png
diff --git a/Icon-Phone-call.797eb9e5.png b/Icon-Phone-call.797eb9e5.png
diff --git a/bg-header.9825a15b.png b/bg-header.9825a15b.png
diff --git a/earphones-one.08a85c0d.png b/earphones-one.08a85c0d.png
diff --git a/earphones-two.d34e708a.png b/earphones-two.d34e708a.png
diff --git a/gramophone-about-us.ab9555a5.png b/gramophone-about-us.ab9555a5.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>B&O</title><link rel="stylesheet" href="style.6dae5bda.css"><script src="main.b2b0b56a.js" defer></script><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap" rel="stylesheet"></head><body class="page__body"> <aside class="menu page__menu" id="menu"> <div class="container"> <div class="menu__top top-bar"> <a href="#" class="top-bar__logo"> <img class="top-bar__logo" src="logo-x4.461a7d9c.png" alt="company-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">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> <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-x4.461a7d9c.png" alt="company-logo"> </a> <div class="top-bar__icons"> <a href="#" class="icon icon--phone"></a> <a href="#menu" class="icon icon--menu"></a> </div> </div> <div class="header__bottom"> <h1 class="title">Your senses. <br>Set free.</h1> </div> </div> </div> </header> <main class="main"> <div class="main__content"> <section class="recommended" id="recommended"> <h2 class="section-title">Recommended</h2> <div class="recommended__products"> <article class="product recommended__product"> <img src="recomended-one.7b0f268c.png" alt="BEOSOUND A5" class="product__photo"> <h3 class="product__title">BEOSOUND A5</h3> <p class="product_description">Huge sound anywhere – in the home or outdoors. Beosound A5 is a Wi-Fi and Bluetooth speaker with long-lasting battery and wireless charging built in. </p> <p class="product__price">$ 1299.00</p> </article> <article class="product recommended__product"> <img src="recomended-two.fa37a6c7.png" alt="BEOPLAY HX" class="product__photo"> <h3 class="product__title">BEOPLAY HX</h3> <p class="product_description">Wireless noise-cancelling headphones. Listen in comfort whether you're on a call, working from home or taking a moment for yourself. </p> <p class="product__price">$ 499.00</p> </article> <article class="product recommended__product"> <img src="recomended-three.7495bbe9.png" alt="BEOSOUND THEATRE" class="product__photo"> <h3 class="product__title">BEOSOUND THEATRE</h3> <p class="product_description">Four patent-pending acoustic innovations in one sleek soundbar envelop you in sound from every angle. Made to fit any TV, and last for generations. </p> <p class="product__price">$ 3199.00</p> </article> </div> </section> <section class="categories" id="categories"> <h2 class="section-title"> Sound. Vision. <br> It’s your pick. </h2> <div class="categories__wrapper"> <article class="category"> <div class="category__photos"> <a href="#" class="category__link"> <img class="category__photo" src="portable-speaker-one.e7197e0f.png" alt="portable-speaker"> </a> <a href="#" class="category__link"> <img class="category__photo" src="portable-speaker-two.87c7d3fb.png" alt="portable-speaker"> </a> </div> <h3 class="categoty__title">Portable speakers</h3> </article> <article class="category"> <div class="category__photos"> <a href="#" class="category__link"> <img class="category__photo" src="earphones-one.08a85c0d.png" alt="earphones"> </a> <a href="#" class="category__link"> <img class="category__photo" src="earphones-two.d34e708a.png" alt="earphones"> </a> </div> <h3 class="categoty__title">Earphones</h3> </article> <article class="category"> <div class="category__photos"> <a href="#" class="category__link"> <img class="category__photo" src="smart-home-one.d7c5ae0d.png" alt="smart-home"> </a> <a href="#" class="category__link"> <img class="category__photo" src="smart-home-two.ecc278f9.png" alt="smart-home"> </a> </div> <h3 class="categoty__title">Smart Home</h3> </article> <div class="categories__section-button"> <button class="categories__button">View all</button> </div> </div> </section> <section class="about-us" id="about-us"> <div class="about-us__content"> <div class="about-us__photo"></div> <div class="about-us__text-info"> <h2 class="about-us__title section-title"> Timeless, for 50 years and counting </h2> <p class="about-us__description"> Bang & Olufsen is expanding its Recreated Classics Program with the launch of Beosystems - a limited edition music system that transcends time by bridging the gap between one of our iconic designs from 1972 and today's cutting-edge digital technology. </p> </div> </div> </section> <section class="contact-us" id="contact-us"> <h2 class="section-title">Contact Us</h2> <div class="contact-us__wrapper"> <div class="contact-us__inputs"> <input type="text" class="contact-us__input" placeholder="Name"> <input type="email" class="contact-us__input" placeholder="Email"> <textarea class="contact-us__input contact-us__input--massage" placeholder="Message"></textarea> <button class="contact-us__button">Send</button> </div> <div class="contact-us__info"> <article class="contact-us__data-info"> <h4 class="contact-us__title">Phone</h4> <a href="tel:+1 234 5555-55-55" class="contact-us__link">+1 234 5555-55-55</a> </article> <article class="contact-us__data-info"> <h4 class="contact-us__title">Email</h4> <a href="mailto:hello@bang&olufsen.com" class="contact-us__link">hello@bang&olufsen.com</a> </article> <article class="contact-us__data-info"> <h4 class="contact-us__title">Address</h4> <a class="contact-us__link" href="https://www.google.com/maps/place/%D0%B1%D1%83%D0%BB%D1%8C%D0%B2%D0%B0%D1%80+%D0%9C%D0%B8%D0%BA%D0%BE%D0%BB%D0%B8+%D0%9C%D1%96%D1%85%D0%BD%D0%BE%D0%B2%D1%81%D1%8C%D0%BA%D0%BE%D0%B3%D0%BE,+18%2F7,+%D0%9A%D0%B8%D1%97%D0%B2,+%D0%A3%D0%BA%D1%80%D0%B0%D0%B8%D0%BD%D0%B0,+02000/@50.4151305,30.5400518,17z/data=!3m1!4b1!4m6!3m5!1s0x40d4cf6a862f8661:0x8536ceed868144e4!8m2!3d50.4151305!4d30.5400518!16s%2Fg%2F1tdbjhxl?entry=ttu"> 400 first ave. <br> suite 700 <br> Minneapolis, MN 55401 </a> </article> </div> </div> </section> </div> </main> </body></html>
diff --git a/logo-x4.461a7d9c.png b/logo-x4.461a7d9c.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/portable-speaker-one.e7197e0f.png b/portable-speaker-one.e7197e0f.png
diff --git a/portable-speaker-two.87c7d3fb.png b/portable-speaker-two.87c7d3fb.png
diff --git a/recomended-one.7b0f268c.png b/recomended-one.7b0f268c.png
diff --git a/recomended-three.7495bbe9.png b/recomended-three.7495bbe9.png
diff --git a/recomended-two.fa37a6c7.png b/recomended-two.fa37a6c7.png
diff --git a/smart-home-one.d7c5ae0d.png b/smart-home-one.d7c5ae0d.png
diff --git a/smart-home-two.ecc278f9.png b/smart-home-two.ecc278f9.png
diff --git a/style.6dae5bda.css b/style.6dae5bda.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>B&O</title><link rel="stylesheet" href="style.6dae5bda.css"><script src="main.b2b0b56a.js" defer></script><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap" rel="stylesheet"></head><body class="page__body"> <aside class="menu page__menu" id="menu"> <div class="container"> <div class="menu__top top-bar"> <a href="#" class="top-bar__logo"> <img class="top-bar__logo" src="logo-x4.461a7d9c.png" alt="company-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">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> <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-x4.461a7d9c.png" alt="company-logo"> </a> <div class="top-bar__icons"> <a href="#" class="icon icon--phone"></a> <a href="#menu" class="icon icon--menu"></a> </div> </div> <div class="header__bottom"> <h1 class="title">Your senses. <br>Set free.</h1> </div> </div> </div> </header> <main class="main"> <div class="main__content"> <section class="recommended" id="recommended"> <h2 class="section-title">Recommended</h2> <div class="recommended__products"> <article class="product recommended__product"> <img src="recomended-one.7b0f268c.png" alt="BEOSOUND A5" class="product__photo"> <h3 class="product__title">BEOSOUND A5</h3> <p class="product_description">Huge sound anywhere – in the home or outdoors. Beosound A5 is a Wi-Fi and Bluetooth speaker with long-lasting battery and wireless charging built in. </p> <p class="product__price">$ 1299.00</p> </article> <article class="product recommended__product"> <img src="recomended-two.fa37a6c7.png" alt="BEOPLAY HX" class="product__photo"> <h3 class="product__title">BEOPLAY HX</h3> <p class="product_description">Wireless noise-cancelling headphones. Listen in comfort whether you're on a call, working from home or taking a moment for yourself. </p> <p class="product__price">$ 499.00</p> </article> <article class="product recommended__product"> <img src="recomended-three.7495bbe9.png" alt="BEOSOUND THEATRE" class="product__photo"> <h3 class="product__title">BEOSOUND THEATRE</h3> <p class="product_description">Four patent-pending acoustic innovations in one sleek soundbar envelop you in sound from every angle. Made to fit any TV, and last for generations. </p> <p class="product__price">$ 3199.00</p> </article> </div> </section> <section class="categories" id="categories"> <h2 class="section-title"> Sound. Vision. <br> It’s your pick. </h2> <div class="categories__wrapper"> <article class="category"> <div class="category__photos"> <a href="#" class="category__link"> <img class="category__photo" src="portable-speaker-one.e7197e0f.png" alt="portable-speaker"> </a> <a href="#" class="category__link"> <img class="category__photo" src="portable-speaker-two.87c7d3fb.png" alt="portable-speaker"> </a> </div> <h3 class="categoty__title">Portable speakers</h3> </article> <article class="category"> <div class="category__photos"> <a href="#" class="category__link"> <img class="category__photo" src="earphones-one.08a85c0d.png" alt="earphones"> </a> <a href="#" class="category__link"> <img class="category__photo" src="earphones-two.d34e708a.png" alt="earphones"> </a> </div> <h3 class="categoty__title">Earphones</h3> </article> <article class="category"> <div class="category__photos"> <a href="#" class="category__link"> <img class="category__photo" src="smart-home-one.d7c5ae0d.png" alt="smart-home"> </a> <a href="#" class="category__link"> <img class="category__photo" src="smart-home-two.ecc278f9.png" alt="smart-home"> </a> </div> <h3 class="categoty__title">Smart Home</h3> </article> <div class="categories__section-button"> <button class="categories__button">View all</button> </div> </div> </section> <section class="about-us" id="about-us"> <div class="about-us__content"> <div class="about-us__photo"></div> <div class="about-us__text-info"> <h2 class="about-us__title section-title"> Timeless, for 50 years and counting </h2> <p class="about-us__description"> Bang & Olufsen is expanding its Recreated Classics Program with the launch of Beosystems - a limited edition music system that transcends time by bridging the gap between one of our iconic designs from 1972 and today's cutting-edge digital technology. </p> </div> </div> </section> <section class="contact-us" id="contact-us"> <h2 class="section-title">Contact Us</h2> <div class="contact-us__wrapper"> <div class="contact-us__inputs"> <input type="text" class="contact-us__input" placeholder="Name"> <input type="email" class="contact-us__input" placeholder="Email"> <textarea class="contact-us__input contact-us__input--massage" placeholder="Message"></textarea> <button class="contact-us__button">Send</button> </div> <div class="contact-us__info"> <article class="contact-us__data-info"> <h4 class="contact-us__title">Phone</h4> <a href="tel:+1 234 5555-55-55" class="contact-us__link">+1 234 5555-55-55</a> </article> <article class="contact-us__data-info"> <h4 class="contact-us__title">Email</h4> <a href="mailto:hello@bang&olufsen.com" class="contact-us__link">hello@bang&olufsen.com</a> </article> <article class="contact-us__data-info"> <h4 class="contact-us__title">Address</h4> <a class="contact-us__link" href="https://www.google.com/maps/place/%D0%B1%D1%83%D0%BB%D1%8C%D0%B2%D0%B0%D1%80+%D0%9C%D0%B8%D0%BA%D0%BE%D0%BB%D0%B8+%D0%9C%D1%96%D1%85%D0%BD%D0%BE%D0%B2%D1%81%D1%8C%D0%BA%D0%BE%D0%B3%D0%BE,+18%2F7,+%D0%9A%D0%B8%D1%97%D0%B2,+%D0%A3%D0%BA%D1%80%D0%B0%D0%B8%D0%BD%D0%B0,+02000/@50.4151305,30.5400518,17z/data=!3m1!4b1!4m6!3m5!1s0x40d4cf6a862f8661:0x8536ceed868144e4!8m2!3d50.4151305!4d30.5400518!16s%2Fg%2F1tdbjhxl?entry=ttu"> 400 first ave. <br> suite 700 <br> Minneapolis, MN 55401 </a> </article> </div> </div> </section> </div> </main> </body></html>