make build

ydratsevska · Aug 1, 2023 · c9d87d3 · c9d87d3
commit c9d87d3
Show file tree

Hide file tree

Showing 22 changed files with 45 additions and 0 deletions.
diff --git a/B&O.ae50684d.svg b/B&O.ae50684d.svg
diff --git a/Icon-Burger-menu-hover.14c51bac.svg b/Icon-Burger-menu-hover.14c51bac.svg
diff --git a/Icon-Burger-menu.98f2364a.svg b/Icon-Burger-menu.98f2364a.svg
diff --git a/Icon-Close.2fa8315e.svg b/Icon-Close.2fa8315e.svg
diff --git a/Icon-Phone-call.4c2e53f1.svg b/Icon-Phone-call.4c2e53f1.svg
diff --git a/Image.a36266ca.png b/Image.a36266ca.png
diff --git a/about-bg.86429f17.png b/about-bg.86429f17.png
diff --git a/card1.11d020f9.png b/card1.11d020f9.png
diff --git a/card2.2792005f.png b/card2.2792005f.png
diff --git a/card3.53fdcbc6.png b/card3.53fdcbc6.png
diff --git a/catalog1.a6844258.png b/catalog1.a6844258.png
diff --git a/catalog2.ef63bb6f.png b/catalog2.ef63bb6f.png
diff --git a/catalog3.e80f4bcc.png b/catalog3.e80f4bcc.png
diff --git a/catalog4.623af54e.png b/catalog4.623af54e.png
diff --git a/catalog5.1eae87a6.png b/catalog5.1eae87a6.png
diff --git a/catalog6.97c24c38.png b/catalog6.97c24c38.png
diff --git a/header-bg.53235e2c.png b/header-bg.53235e2c.png
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/x-icon" href="B&O.ae50684d.svg"><title>Bang & Olufsen</title><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"><link rel="stylesheet" href="main.773d914d.css"><script src="main.b2b0b56a.js" defer></script></head><body class="page"> <header class="header page__header" id="header"> <div class="container"> <div class="header__content"> <div class="top-bar"> <div class="top-bar__container"> <a href="#" class="top-bar__logo-link"> <img class="top-bar__logo" src="Image.a36266ca.png" alt="bo"> </a> <div class="top-bar__icons"> <a href="tel:+1 234 5555-55-55" class="icon--phone top-bar__link"></a> <a href="#menu" class="icon--menu top-bar__link"></a> </div> </div> </div> <h1 class="header__title"> Your senses. <br> Set free. </h1> </div> </div> </header> <aside class="menu page__menu" id="menu"> <div class="container"> <div class="top-bar"> <div class="top-bar__container"> <a href="#" class="top-bar__logo-link"> <img class="top-bar__logo" src="Image.a36266ca.png" alt="bo"> </a> <div class="top-bar__icons"> <a href="#header" class="icon--close top-bar__link"></a> </div> </div> </div> <nav class="menu__nav nav"> <ul class="nav__list"> <li class="nav__item"> <a href="#speakers" class="nav__link">Speakers</a> </li> <li class="nav__item"> <a href="#Earphones" class="nav__link">Headphones</a> </li> <li class="nav__item"> <a href="#Smart" class="nav__link">Televisions</a> </li> <li class="nav__item"> <a href="#Smart" class="nav__link">Soundbars</a> </li> <li class="nav__item"> <a href="#about" class="nav__link">World of B&O</a> </li> </ul> </nav> <a class="nav__call-to-order" href="tel: +1 234 5555-55-55"> <span class="nav__number">+1 234 5555-55-55</span> <br> call to order </a> </div> </aside> <main class="main"> <div class="container"> <div class="main__content"> <section class="recommended"> <h2 class="section-title"> Recommended </h2> <div class="recommended__content"> <articl class="card recommended__card"> <a href="#" class="recommended__photo-link"> <img src="card1.11d020f9.png" alt="card" class="card__photo"> </a> <h3 class="card__title"> <a href="#">BEOSOUND A5</a> </h3> <p class="card__text"> 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> <span class="card__price"> $ 1299.00 </span> </articl> <articl class="card recommended__card"> <a href="#" class="recommended__photo-link"> <img src="card2.2792005f.png" alt="card" class="card__photo"> </a> <h3 class="card__title"> <a href="#">BEOPLAY HX</a> </h3> <p class="card__text"> Wireless noise-cancelling headphones. Listen in comfort whether you're on a call, working from home or taking a moment for yourself. </p> <span class="card__price"> $ 499.00 </span> </articl> <articl class="card recommended__card"> <a href="#" class="recommended__photo-link"> <img src="card3.53fdcbc6.png" alt="card" class="card__photo"> </a> <h3 class="card__title"> <a href="#">BEOSOUND THEATRE</a> </h3> <p class="card__text"> 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> <span class="card__price"> $ 3199.00 </span> </articl> </div> </section> </div> <section class="categories"> <div class="categories__container"> <h2 class="section-title"> Sound. Vision. <br> It&apos;s your pick. </h2> <div class="categories__content"> <div class="categories__section" id="speakers"> <div class="categories__photos"> <a href="#" class="categories__photo-link"> <img class="categories__photo" src="catalog1.a6844258.png" alt="Portable speakers"> </a> <a href="#" class="categories__photo-link"> <img class="categories__photo" src="catalog2.ef63bb6f.png" alt="Portable speakers"> </a> </div> <a href="#" class="categories__link">Portable speakers</a> </div> <div class="categories__section" id="Earphones"> <div class="categories__photos"> <a href="#" class="categories__photo-link"> <img class="categories__photo" src="catalog3.e80f4bcc.png" alt="Earphones"> </a> <a href="#" class="categories__photo-link"> <img class="categories__photo" src="catalog4.623af54e.png" alt="Earphones"> </a> </div> <a href="#" class="categories__link">Earphones</a> </div> <div class="categories__section" id="Smart"> <div class="categories__photos"> <a href="#" class="categories__photo-link"> <img class="categories__photo" src="catalog5.1eae87a6.png" alt="Smart Home"> </a> <a href="#" class="categories__photo-link"> <img class="categories__photo" src="catalog6.97c24c38.png" alt="Smart Home"> </a> </div> <a href="#" class="categories__link">Smart Home</a> </div> <a href="#" class="button categories--button">View all</a> </div> </div> </section> </div> <section class="about" id="about"> <div class="about__bg-photo"></div> <div class="about__text"> <h2 class="about__title section-title section-title--another-padding"> Timeless, for 50 years and counting </h2> <p class="about__text-paragraf"> 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> </section> <div class="container"> <section class="contacts"> <div class="contacts__items"> <h2 class="contacts__title section-title"> Contact us </h2> <form action="#" method="post" class="contacts__form" onsubmit="this.reset(); return false;"> <input type="text" name="name" placeholder="Name" class="contacts__input" required> <input type="email" name="email" placeholder="Email" class="contacts__input" required> <textarea placeholder="Message" name="Message" class="contacts__text-area" required></textarea> <input type="submit" value="Send" class="button"> </form> <ul class="contacts__list"> <li class="contacts__list-item"> <a href="tel:+1 234 5555-55-55" class="contacts__link"> <span>Phone</span><br> +1 234 5555-55-55 </a> </li> <li class="contacts__list-item"> <a href="email:hello@bang&olufsen.com" class="contacts__link"> <span>Email</span><br> hello@bang&olufsen.com </a> </li> <li class="contacts__list-item"> <a 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=!3m1!4b1!4m6!3m5!1s0x52b3328fdf233887:0x3348e5113ed2472d!8m2!3d44.9813258!4d-93.2731311!16s%2Fg%2F11nyn_tfyt?entry=ttu" class="contacts__link" target="_blank"> <span>Address</span><br> 400 first ave. <br> suite 700 <br> Minneapolis, MN 55401 </a> </li> </ul> </div> </section> </div>   </main> </body></html>