make build

RomanHasiuk · Nov 1, 2024 · e6dcbbd · e6dcbbd
commit e6dcbbd
Show file tree

Hide file tree

Showing 22 changed files with 11 additions and 0 deletions.
diff --git a/Beasound_A5.5e58e2b2.png b/Beasound_A5.5e58e2b2.png
diff --git a/Beoplay_HX-2x.83b19757.png b/Beoplay_HX-2x.83b19757.png
diff --git a/Beosound_theatre.3250c8c6.png b/Beosound_theatre.3250c8c6.png
diff --git a/Earphone_1.882152d1.png b/Earphone_1.882152d1.png
diff --git a/Earphone_2.5d356b12.png b/Earphone_2.5d356b12.png
diff --git a/Portable_speaker_1.1c552b89.png b/Portable_speaker_1.1c552b89.png
diff --git a/Portable_speaker_2.ca89a99c.png b/Portable_speaker_2.ca89a99c.png
diff --git a/Smart_hub_1.111751d4.png b/Smart_hub_1.111751d4.png
diff --git a/Smart_hub_2.1a7eacd5.png b/Smart_hub_2.1a7eacd5.png
diff --git a/bang-olufsen-logo.93e5ffe8.png b/bang-olufsen-logo.93e5ffe8.png
diff --git a/bg-about-us.9433deba.png b/bg-about-us.9433deba.png
diff --git a/header-bg-mobile.fc0e300a.png b/header-bg-mobile.fc0e300a.png
diff --git a/icon-burger-menu-hover.535f3edf.svg b/icon-burger-menu-hover.535f3edf.svg
diff --git a/icon-burger-menu.fd26e13d.svg b/icon-burger-menu.fd26e13d.svg
diff --git a/icon-close.31bb77d6.svg b/icon-close.31bb77d6.svg
diff --git a/icon-phone.d181234c.svg b/icon-phone.d181234c.svg
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.ff6e2d71.css b/index.ff6e2d71.css
diff --git a/index.ff6e2d71.css.map b/index.ff6e2d71.css.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>Landing Page</title><link rel="icon shortcut" href="bang-olufsen-logo.93e5ffe8.png" type="image/x-icon"><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=Manrope:[email protected]&display=swap" rel="stylesheet"><link rel="stylesheet" href="index.ff6e2d71.css"><script src="index.cabb280d.js" defer></script></head><body class="page__body"> <header class="header"> <div class="header__content"> <div class="top-bar"> <div class="container"> <div class="top-bar__container"> <a href="#" class="top-bar__logo-link"> <img src="logo.ebc9dd3a.png" alt="Beng & Oluften logo" class="top-bar__logo"> </a> <div class="top-bar__icons"> <a href="#" class="icon icon--phone"> <div class="icon--number">+1 234 5555-55-55</div> </a> <a href="#menu" class="icon icon--menu"></a> </div> </div> </div> </div> <div class="header__bottom"> <div class="container"> <h1 class="header__title"> Your senses. <br> Set free. </h1> </div> </div> </div> </header> <aside class="menu page__menu" id="menu"> <div class="container"> <div class="menu__top top-bar__container"> <a href="#"> <img src="logo.ebc9dd3a.png" alt="Beng & Oluften 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="#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"> Contacts 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"> <img src="Beasound_A5.5e58e2b2.png" alt="Beasound A5" class="product__photo"> <h3 class="product__title">BEOSOUND A5</h3> <p class="product__category"> 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="Beoplay_HX-2x.83b19757.png" alt="Beoplay HX" class="product__photo"> <h3 class="product__title">BEOPLAY HX</h3> <p class="product__category"> 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="Beosound_theatre.3250c8c6.png" alt="Beosound theatre" class="product__photo"> <h3 class="product__title">BEOSOUND THEATRE</h3> <p class="product__category"> 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_1.1c552b89.png" alt="Portable speaker 1"> </a> <a href="#" class="category__link"> <img class="category__photo" src="Portable_speaker_2.ca89a99c.png" alt="Portable speaker 2"> </a> </div> <h3 class="category__title">Portable speakers</h3> </article> <article class="category"> <div class="category__photos"> <a href="#" class="category__link"> <img class="category__photo" src="Earphone_1.882152d1.png" alt="Earphone 1"> </a> <a href="#" class="category__link"> <img class="category__photo" src="Earphone_2.5d356b12.png" alt="Earphone 2"> </a> </div> <h3 class="category__title">Earphones</h3> </article> <article class="category"> <div class="category__photos"> <a href="#" class="category__link"> <img class="category__photo" src="Smart_hub_1.111751d4.png" alt="Smart hub 1"> </a> <a href="#" class="category__link"> <img class="category__photo" src="Smart_hub_2.1a7eacd5.png" alt="Smart hub 2"> </a> </div> <h3 class="category__title">Smart home</h3> </article> <a href="#" class="categories__link"> <button type="button" class="categories__button"> View all </button> </a> </div> </section> </div> </div> <div class="between-sections"></div> <section class="about-us" id="about-us"> <div class="about-us__content"> <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> </section> <div class="container"> <div class="main__content"> <section class="contact-us" id="contact-us"> <h2 class="section-title">Contact us</h2> <div class="contact-us__content"> <form class="form" id="id-form" onsubmit="this.reset(); return false;"> <input type="text" class="form__input form__input--name" name="name" placeholder="Name" minlength="2" maxlength="50" required> <input type="email" class="form__input form__input--email" name="email" placeholder="Email" pattern="^[\w\.-]+@[\w\.-]+\.[a-zA-Z]{2,}$" required> <textarea class="form__input form__input--message" name="message" placeholder="Message" minlength="10" maxlength="500" rows="4" required></textarea> <button id="id-submit" type="submit" class="form__button"> Send </button> </form> <div class="contact-us__contacts"> <div class="contact contact-us__contact"> <p class="contact__item">Phone</p> <a href="tel:+1 234 5555-55-55" class="contact__content contact__phone-number"> +1 234 5555-55-55-55 </a> </div> <div class="contact contact-us__contact"> <p class="contact__item">Email</p> <p class="contact__content">hello@bang&olufsen.com</p> </div> <div class="contact contact-us__contact"> <p class="contact__item">Address</p> <p class="contact__content"> 400 first ave. <br> suite 700 <br> Minneapolis, MN 55401 </p> </div> </div> </div> </section> </div> </div> </main> <footer class="footer">Rom Has Bang & Olufset @ footer 2024</footer> </body></html>
diff --git a/logo.ebc9dd3a.png b/logo.ebc9dd3a.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>Landing Page</title><link rel="icon shortcut" href="bang-olufsen-logo.93e5ffe8.png" type="image/x-icon"><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=Manrope:[email protected]&display=swap" rel="stylesheet"><link rel="stylesheet" href="index.ff6e2d71.css"><script src="index.cabb280d.js" defer></script></head><body class="page__body"> <header class="header"> <div class="header__content"> <div class="top-bar"> <div class="container"> <div class="top-bar__container"> <a href="#" class="top-bar__logo-link"> <img src="logo.ebc9dd3a.png" alt="Beng & Oluften logo" class="top-bar__logo"> </a> <div class="top-bar__icons"> <a href="#" class="icon icon--phone"> <div class="icon--number">+1 234 5555-55-55</div> </a> <a href="#menu" class="icon icon--menu"></a> </div> </div> </div> </div> <div class="header__bottom"> <div class="container"> <h1 class="header__title"> Your senses. <br> Set free. </h1> </div> </div> </div> </header> <aside class="menu page__menu" id="menu"> <div class="container"> <div class="menu__top top-bar__container"> <a href="#"> <img src="logo.ebc9dd3a.png" alt="Beng & Oluften 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="#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"> Contacts 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"> <img src="Beasound_A5.5e58e2b2.png" alt="Beasound A5" class="product__photo"> <h3 class="product__title">BEOSOUND A5</h3> <p class="product__category"> 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="Beoplay_HX-2x.83b19757.png" alt="Beoplay HX" class="product__photo"> <h3 class="product__title">BEOPLAY HX</h3> <p class="product__category"> 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="Beosound_theatre.3250c8c6.png" alt="Beosound theatre" class="product__photo"> <h3 class="product__title">BEOSOUND THEATRE</h3> <p class="product__category"> 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_1.1c552b89.png" alt="Portable speaker 1"> </a> <a href="#" class="category__link"> <img class="category__photo" src="Portable_speaker_2.ca89a99c.png" alt="Portable speaker 2"> </a> </div> <h3 class="category__title">Portable speakers</h3> </article> <article class="category"> <div class="category__photos"> <a href="#" class="category__link"> <img class="category__photo" src="Earphone_1.882152d1.png" alt="Earphone 1"> </a> <a href="#" class="category__link"> <img class="category__photo" src="Earphone_2.5d356b12.png" alt="Earphone 2"> </a> </div> <h3 class="category__title">Earphones</h3> </article> <article class="category"> <div class="category__photos"> <a href="#" class="category__link"> <img class="category__photo" src="Smart_hub_1.111751d4.png" alt="Smart hub 1"> </a> <a href="#" class="category__link"> <img class="category__photo" src="Smart_hub_2.1a7eacd5.png" alt="Smart hub 2"> </a> </div> <h3 class="category__title">Smart home</h3> </article> <a href="#" class="categories__link"> <button type="button" class="categories__button"> View all </button> </a> </div> </section> </div> </div> <div class="between-sections"></div> <section class="about-us" id="about-us"> <div class="about-us__content"> <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> </section> <div class="container"> <div class="main__content"> <section class="contact-us" id="contact-us"> <h2 class="section-title">Contact us</h2> <div class="contact-us__content"> <form class="form" id="id-form" onsubmit="this.reset(); return false;"> <input type="text" class="form__input form__input--name" name="name" placeholder="Name" minlength="2" maxlength="50" required> <input type="email" class="form__input form__input--email" name="email" placeholder="Email" pattern="^[\w\.-]+@[\w\.-]+\.[a-zA-Z]{2,}$" required> <textarea class="form__input form__input--message" name="message" placeholder="Message" minlength="10" maxlength="500" rows="4" required></textarea> <button id="id-submit" type="submit" class="form__button"> Send </button> </form> <div class="contact-us__contacts"> <div class="contact contact-us__contact"> <p class="contact__item">Phone</p> <a href="tel:+1 234 5555-55-55" class="contact__content contact__phone-number"> +1 234 5555-55-55-55 </a> </div> <div class="contact contact-us__contact"> <p class="contact__item">Email</p> <p class="contact__content">hello@bang&olufsen.com</p> </div> <div class="contact contact-us__contact"> <p class="contact__item">Address</p> <p class="contact__content"> 400 first ave. <br> suite 700 <br> Minneapolis, MN 55401 </p> </div> </div> </div> </section> </div> </div> </main> <footer class="footer">Rom Has Bang & Olufset @ footer 2024</footer> </body></html>