forked from mate-academy/layout_landing-page
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit b80964c
Showing
26 changed files
with
9 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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"><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"><title>B&O</title><link rel="icon" href="favicon.eff51123.png" type="image"><link rel="stylesheet" href="style.27c4b165.css"><script src="main.b2b0b56a.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_tablet.65bd75b5.png" alt="Bose logo" class="top-bar__logo"> </a> <div class="top-bar__icons"> <a href="tel: npm +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">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"> <a href="#" class="top-bar__logo-link"> <img src="Logo_tablet.65bd75b5.png" alt="Bose 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">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"> <img src="BEOSOUND A5.0605e909.png" alt="BEOSOUND A5" class="product_photo"> <h3 class="product_title">BEOSOUND A5</h3> <p class="product_categories">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.31e3f397.png" alt="BEOPLAY HX" class="product_photo"> <h3 class="product_title">BEOPLAY HX</h3> <p class="product_categories">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.df43686e.png" alt="BEOSOUND THEATRE" class="product_photo"> <h3 class="product_title">BEOSOUND THEATRE</h3> <p class="product_categories">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 category__link--wide"> <img class="category__photo" src="portable speakers_1.161efbb0.png" alt="portable speakers"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="portable speakers_2.715aa3c3.png" alt="portable speakers"> </a> </div> <h3 class="catagory__title">Portable speakers</h3> </article> <article class="category"> <div class="category__photos"> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="earphones_1.525fc4bc.png" alt="earphones"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="earphones_2.49f1c7bb.png" alt="earphones"> </a> </div> <h3 class="catagory__title">Earphones</h3> </article> <article class="category"> <div class="category__photos"> <a href="#" class="category__link category__link--wide"> <img class="category__photo" src="smart home_1.fafadef7.png" alt="smart home"> </a> <a href="#" class="category__link category__link--square"> <img class="category__photo" src="smart home_2.1597678d.png" alt="smart home"> </a> </div> <h3 class="catagory__title">Smart Home</h3> </article> </div> <div class="category__button"> <button class="category__button-view">View all</button> </div> </section> <section class="about-us" id="about-us"> <div class="about-us__container"> <div class="about-us__photo"> </div> <div class="about-us__container-content"> <h2 class="about-us__title section-title"> Timeless, for 50 years and counting </h2> <div class="about-us__content"> <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> </div> </section> <section class="contacts" id="contacts"> <h2 class="contacts__title section-title"> Contact us </h2> <form action="http://localhost:3000/api" method="post" class="contacts__form" onsubmit="this.reset(); return false;"> <input class="contacts__input" type="text" name="name" placeholder="Name" required> <input class="contacts__input" type="email" name="email" placeholder="Email" required> <textarea class="contacts__message" type="text" name="message" placeholder="Message"></textarea> <button class="contacts__button">Send</button> </form> <div class="contacts__phone"> <p class="contacts__phone-name">Phone</p> <a href="tel: +1 234 5555-55-55" class="contacts__phone-link"> +1 234 5555-55-55 </a> <p class="contacts__phone-name">Email</p> <a href="mailto: hello@bang&olufsen.com " target="_blank" class="contacts__phone-link"> hello@bang&olufsen.com </a> <p class="contacts__phone-name">Address</p> <a href="https://www.google.com.ua/maps" target="_blank" class="contacts__phone-link"> 400 first ave. <br> suite 700 <br> Minneapolis, MN 55401 </a> </div> </section> </div> </div> </main> <footer class="footer"></footer> </body></html> |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.