From 2189df860173cab5d332241326f40fd780e853db Mon Sep 17 00:00:00 2001 From: Jeremy Sithole <jeremys@stud.ntnu.no> Date: Thu, 28 Oct 2021 17:41:09 +0000 Subject: [PATCH] Update index.html --- index.html | 274 ++++++++++++++++++++++++++--------------------------- 1 file changed, 137 insertions(+), 137 deletions(-) diff --git a/index.html b/index.html index 9448d53..ee85b80 100644 --- a/index.html +++ b/index.html @@ -1,137 +1,137 @@ -<!DOCTYPE html> -<html lang="en"> - -<head> - <meta charset="UTF-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>QuickFood</title> - <link rel="stylesheet" href="css/style.css"> - <link rel="icon" type="image/png" href="img/QuickFood-Favicon.png"> -</head> - -<body> - - <header> - <nav> - <div class="burger"> - <div class="line1"></div> - <div class="line2"></div> - <div class="line3"></div> - </div> - <div class="logo"> - <a href="index.html"> - <img src="img/QuickFood-logo.png" alt="logo"> - </a> - </div> - <ul class="nav-links"> - <li> - <a href="meny.html">Meny</a> - </li> - <li> - <a href="#">Min side</a> - </li> - <li> - <a href="om_oss.html">Om oss</a> - </li> - </ul> - - <div class="cart"> - <a href="#"> - <img src="img/cart.svg" alt="cart"> - </a> - </div> - </nav> - </header> - - <main> - - <section class="container"> - - <header> - <h1>Quick<wbr>Food</h1> - <h2>Alltid tilbud på fersk pizza</h2> - </header> - - <p>Pizzatilbud! <br> Stor pizza + 1.5l brus <br> kr 199,-</p> - - <video id="pizza-vid" autoplay muted loop> - <source src="videos/Pizza_HD_720P_HD.mp4" type="video/mp4"> - </video> - - <img id="mobile-pizza" src="img/mobile-pizza.png" alt="image of pizza for mobile devices"> - - <div class="container-buttons"> - <button class="container-button1">Meny</button> - <button class="container-button2">Add To Cart</button> - </div> - - </section> - - <section class="news"> - - <header> - <h1>Vi kan tilby et stort utvalg med <span style="color: #FFE119;">pizzaer!</span></h1> - <!-- kan lage et slideshow der et bilde er margherita, neste er chorizo osv hvor man kan trykke på bildet - og bli tatt til rett sted på menyen--> - <p>Bla igjennom vårt slideshow for å utforske bestselgerne</p> - </header> - - <!--image slider start--> - <div class=" slider"> - <div class="slides"> - <!--radio buttons start--> - <input type="radio" name="radio-btn" id="radio1"> - <input type="radio" name="radio-btn" id="radio2"> - <input type="radio" name="radio-btn" id="radio3"> - <input type="radio" name="radio-btn" id="radio4"> - <input type="radio" name="radio-btn" id="radio5"> - <!--radio buttons end--> - <!--slide images start--> - <div class="slide first"> - <img src="img/slideshow/slide1-Margherita.png" alt="Pizza margherita"> - </div> - <div class="slide"> - <img src="img/slideshow/slide2-hawaiian.png" alt="Pizza hawaiian"> - </div> - <div class="slide"> - <img src="img/slideshow/slide3-pepperoni.png" alt="Pizza pepperoni"> - </div> - <div class="slide"> - <img src="img/slideshow/slide4-chicago.png" alt="Pizza chicago"> - </div> - <div class="slide"> - <img src="img/slideshow/slide5-prosciutto.png" alt="Pizza prosciutto"> - </div> - <!--slide images end--> - - </div> - <!--manual navigation start--> - <div class="navigation-manual"> - <label for="radio1" class="manual-btn"></label> - <label for="radio2" class="manual-btn"></label> - <label for="radio3" class="manual-btn"></label> - <label for="radio4" class="manual-btn"></label> - <label for="radio5" class="manual-btn"></label> - </div> - <!--manual navigation end--> - </div> - <!--image slider end--> - - </section> - </main> - - <footer> - <ul class="footer-links"> - <li id="mail"><a href="mailto:contact@QuickFood.com">contact@QuickFood.com</a></li> - <li id="tlf"><a href="tel:55545251">55 54 53 52 51</a></li> - <li id="map"><a href="https://goo.gl/maps/yVjypn6LNuaf8Ecz6">Høgskoleringen 1, 7491 Trondheim</a></li> - <li id="copyright">© 2021 QuickFood</li> - </ul> - - </footer> - - <script src="js/navbar.js"></script> -</body> - -</html> \ No newline at end of file +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>QuickFood</title> + <link rel="stylesheet" href="css/style.css"> + <link rel="icon" type="image/png" href="img/QuickFood-Favicon.png"> +</head> + +<body> + + <header> + <nav> + <div class="burger"> + <div class="line1"></div> + <div class="line2"></div> + <div class="line3"></div> + </div> + <div class="logo"> + <a href="index.html"> + <img src="img/QuickFood-logo.png" alt="logo"> + </a> + </div> + <ul class="nav-links"> + <li> + <a href="meny.html">Meny</a> + </li> + <li> + <a href="#">Min side</a> + </li> + <li> + <a href="om_oss.html">Om oss</a> + </li> + </ul> + + <div class="cart"> + <a href="#"> + <img src="img/cart.svg" alt="cart"> + </a> + </div> + </nav> + </header> + + <main> + + <section class="container"> + + <header> + <h1>Quick<wbr>Food</h1> + <h2>Alltid tilbud på fersk pizza</h2> + </header> + + <p>Pizzatilbud! <br> Stor pizza + 1.5l brus <br> kr 199,-</p> + + <video id="pizza-vid" autoplay muted loop> + <source src="videos/Pizza_HD_720P_HD.mp4" type="video/mp4"> + </video> + + <img id="mobile-pizza" src="img/mobile-pizza.png" alt="image of pizza for mobile devices"> + + <div class="container-buttons"> + <button class="container-button1">Meny</button> + <button class="container-button2">Add To Cart</button> + </div> + + </section> + + <section class="news"> + + <header> + <h1>Vi kan tilby et stort utvalg med <span style="color: #FFE119;">pizzaer!</span></h1> + <!-- kan lage et slideshow der et bilde er margherita, neste er chorizo osv hvor man kan trykke på bildet + og bli tatt til rett sted på menyen--> + <p>Bla igjennom vårt slideshow for å utforske bestselgerne</p> + </header> + + <!--image slider start--> + <div class=" slider"> + <div class="slides"> + <!--radio buttons start--> + <input type="radio" name="radio-btn" id="radio1"> + <input type="radio" name="radio-btn" id="radio2"> + <input type="radio" name="radio-btn" id="radio3"> + <input type="radio" name="radio-btn" id="radio4"> + <input type="radio" name="radio-btn" id="radio5"> + <!--radio buttons end--> + <!--slide images start--> + <div class="slide first"> + <img src="img/slideshow/slide1-Margherita.png" alt="Pizza margherita"> + </div> + <div class="slide"> + <img src="img/slideshow/slide2-hawaiian.png" alt="Pizza hawaiian"> + </div> + <div class="slide"> + <img src="img/slideshow/slide3-pepperoni.png" alt="Pizza pepperoni"> + </div> + <div class="slide"> + <img src="img/slideshow/slide4-chicago.png" alt="Pizza chicago"> + </div> + <div class="slide"> + <img src="img/slideshow/slide5-prosciutto.png" alt="Pizza prosciutto"> + </div> + <!--slide images end--> + + </div> + <!--manual navigation start--> + <div class="navigation-manual"> + <label for="radio1" class="manual-btn"></label> + <label for="radio2" class="manual-btn"></label> + <label for="radio3" class="manual-btn"></label> + <label for="radio4" class="manual-btn"></label> + <label for="radio5" class="manual-btn"></label> + </div> + <!--manual navigation end--> + </div> + <!--image slider end--> + + </section> + </main> + + <footer> + <ul class="footer-links"> + <li id="mail"><a href="mailto:contact@QuickFood.com">contact@QuickFood.com</a></li> + <li id="tlf"><a href="tel:55545251">55 54 53 52 51</a></li> + <li id="map"><a href="https://goo.gl/maps/yVjypn6LNuaf8Ecz6">Høgskoleringen 1, 7491 Trondheim</a></li> + <li id="copyright">© 2021 QuickFood</li> + </ul> + + </footer> + + <script src="js/navbar.js"></script> +</body> + +</html> -- GitLab