SlideShare ist ein Scribd-Unternehmen logo
1 von 23
‫بحث‬ ‫مشروع‬
‫الويب‬ ‫برمجيات‬
‫(عن‬daily juice)
‫الغامدي‬ ‫احمد‬ ‫إبراهيم‬ ‫تقديم‬
439231483
!<DOCTYPE html>
<html>
<head>
<meta charset="utf-8>"
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no>"
<meta http-equiv="x-ua-compatible" content="ie=edge>"
<link href="css/bootstrap.css" rel="stylesheet>/ "
<link href="css/style.css" rel="stylesheet>/ "
<title>Daily Juice</title>
/<head>
<body>
!<--Navigation Bar start... This is the header of the main page-->
<nav class="navbar navbar-light bg-faded navbar-fixed-top>"
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#CollapseNavbar" aria-
controls="CollapseNavbar" aria-expanded="false" aria-label="Toggle Navigation">&#9776;</button>
<div class="collapse navbar-toggleable-xs" id="CollapseNavbar>"
!<--this is the logo of the website in the top nav-->
<a class="navbar-brand" href="#"><img src="img/logo1.jpg" alt="Event logo" height="40"></a>
<div class="collapse navbar-toggleable-xs>"
<ul class="nav navbar-nav pull-lg-right>"
!<--the index paage is always active means that its highlighted-->
<li class="nav-item active>"
<a class="nav-link" href="index.html">Home</a>
/<li>
<li class="nav-item>"
<a class="nav-link" href="menu.html">Menu</a>
/<li>
<li class="nav-item>"
<a class="nav-link" href="about.html">About</a>
/<li>
<li class="nav-item>"
<a class="nav-link" href="contact.html">Contact</a>
/<li>
/<ul>
/<div>
/<nav>
!<--Navigation Bar End-->
<div class="container-fluid"><br><br><br>
/<div>
<div class="container-fluid>"
<img src="img/main.png" alt="Event logo" width="100%>"
/<div>
<br><br>
!<--Title Start... the introdution-->
<section>
<div class="container>"
<h1 class="text-lg-center display-4">juice, smoothies <small class="text-muted">and more!</small></h1>
<p class="text-lg-center">Daily Juice is on a mission to create great tasting and nutritious juices, smoothies, bowls and bites. our
menu is full of fresh offerings that are equally craveable and guilt-free. </p>
<p class="text-lg-center>"
we take a lot of pride in serving products that are high in nutritional value. our juices are made fresh to order, and our sm oothies are
made with frozen fruit instead of ice – which is commonly used by other companies as a filler ingredient.
we want your drinks to be full of nourishment, not fillers. best of all, we have created a juice bar experience built
on convenience. we believe healthy food should be as accessible as fast food.
so beyond our made-to-order menu, all of our stores are stocked with grab-and-go options that are perfect for a
quick, healthy bite or sip.
/<p>
<p class="text-lg-center">whether you are a juicing novice or you're a smoothie pro, we've crafted unique recipes that are packed with
nutrition, taste amazing and are a quick way to fuel up on healthy ingredients!</p>
/<div>
<br><br><hr>
!<--the three options-->
<div class="container>"
<div class="col-md-4>"
<div class="figure>"
<a href="menu.html" ><img class="figure-img img-fluid img-rounded" src="img/1.jpg" alt="Concert Category>"
<div class="centered"><h1>Menu</h1></div>
/<a>
/<div>
/<div>
<div class="col-md-4>"
<div class="figure>"
<a href="about.html> "
<img class="figure-img img-fluid img-rounded" src="img/2.jpg" alt="Book Fair Category>"
<div class="centered"><h1>About us</h1></div>
/<a>
/<div>
/<div>
<div class="col-md-4>"
<div class="figure>"
<a href="contact.html> "
<img class="figure-img img-fluid img-rounded" src="img/4.jpg" alt="Football Category>"
<div class="centered"><h1>Contacts </h1></div>
/<a>
/<div>
/<div>
/<section>
!<--End-->
<br><hr>
!<--section2 Start-->
<section>
<div class="last-review backgreen>"
<div class="container>"
<div class="col-md-8>"
<div>
<h2 class="display-4"><img class="figure-img img-fluid img-rounded" src="img/55.png"> </h2>
<blockquote class="blockquote>"
<p>
we take a lot of pride in using ingredients that are high in quality, responsibly sourced, nutrient-rich, and plant-based to
help power you through your daily routine.
<p>
we never use any added fillers, syrups, sugars or artificial ingredients of any kind and we make all of our menu items
fresh for you every single day.
/<p>
/<blockquote>
/<div>
/<div>
/<div>
/<div>
/<section>
!<--section2 End-->
<br>
!<--Footer Area Start-->
<footer>
<div class="col-md-6 text-lg-center>"
<p class="footer-link">Copyright © 2019 <a href="#" class="text-info">Daily Juice</a></p>
/<div>
/<div>
/<footer>
!<--Footer Area End-->
/<body>
/<html>
!<DOCTYPE html>
<html lang="en>"
<head>
<meta charset="UTF-8>"
<link href="css/bootstrap.css" rel="stylesheet>/ "
<link href="css/style.css" rel="stylesheet>/ "
<link href="css/mycarousel.css" rel="stylesheet>/ "
<title>Menu|DailyJuice</title>
/<head>
<body>
!<--Responsive NavbarDesign-->
<nav class="navbar navbar-light bg-faded>"
<button class="navbar-toggler hidden-sm-up"type="button"data-toggle="collapse" data-target="#CollapseNavbar" aria-
controls="CollapseNavbar"aria-expanded="false" aria-label="Toggle Navigation">&#9776;</button>
<div class="collapse navbar-toggleable-xs" id="CollapseNavbar>"
<a class="navbar-brand" href="#"><imgsrc="img/logo1.jpg"alt="Event logo"height="40"></a>
<ul class="nav navbar-navpull-md-right>"
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-itemactive"><ahref="menu.html" class="nav-link">Menu</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
/<ul>
/<div>
/<nav>
!<--juice Cover Design-->
<section class=" text-xs-center>"
<div class="container>"
<div class="col-md-4>"
<div class="figure>"
<div> <img class="figure-imgimg-fluidimg-rounded" src="img/juice.jpg" alt>""=
/<div>
/<div>
/<div>
<div class="col-md-4>"
<div class="figure>"
<imgclass="figure-imgimg-fluidimg-rounded" src="img/juice2.jpg" alt>" "=
/<div>
/<div>
<div class="col-md-4>"
<div class="figure>"
<div> <img class="figure-imgimg-fluidimg-rounded" src="img/juice.jpg" alt>""=
/<div>
/<div>
/<div>
/<div>
/<section>
!<--juice List-->
<section>
<div class="container>"
<div class="col-md-3>"
<div class="card>"
<div class="card-blocktext-lg-center>"
<h4 class="card-title">GINGER GREENS</h4>
<h6 class="card-subtitle text-muted">200| 300 cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">ginger • apple • kale • spinach• cucumber • parsley• lemon</p>
/<div>
/<div>
/<div>
<div class="col-md-3>"
<div class="card>"
<div class="card-block text-lg-center>"
<h4 class="card-title">WE GOT THE BEET™</h4>
<h6 class="card-subtitle text-muted">160 | 250cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">beet • carrot • apple • ginger • lemon</p>
/<div>
/<div>
/<div>
<div class="col-md-3">
<div class="card>"
<div class="card-block text-lg-center>"
<h4 class="card-title">ORANGE YOU GLAD™</h4>
<h6 class="card-subtitle text-muted">180| 270 cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">carrot • apple • pineapple• mint • ginger • lemon</p>
/<div>
/<div>
/<div>
<div class="col-md-3>"
<div class="card>"
<div class="card-blocktext-lg-center>"
<h4 class="card-title">SUPER GREENS</h4>
<h6 class="card-subtitle text-muted">70 | 100cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">wheatgrass • celery• kale • spinach • cucumber • parsley • lemon</p>
/<div>
/<div>
/<div>
/<div>
/<section>
<section>
<div class="container>"
<div class="col-md-3>"
<div class="card>"
<div class="card-block text-lg-center>"
<h4 class="card-title">PINEAPPLEGREENS</h4>
<h6 class="card-subtitle text-muted">100 | 180cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">cucumber• pineapple • mint • kale • spinach• parsley • lemon</p>
/<div>
/<div>
/<div>
<div class="col-md-3>"
<div class="card>"
<div class="card-block text-lg-center>"
<h4 class="card-title">SWEET GREENS</h4>
<h6 class="card-subtitle text-muted">240| 360 cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">apple • kale • spinach• cucumber • parsley• lemon</p>
/<div>
/<div>
/<div>
<div class="col-md-3>"
<div class="card>"
<div class="card-blocktext-lg-center>"
<h4 class="card-title">MEAN GREENS</h4>
<h6 class="card-subtitle text-muted">70 | 110 cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">jalapeño • celery • kale • spinach• cucumber • parsley• lemon</p>
/<div>
/<div>
/<div>
<div class="col-md-3>"
<div class="card>"
<div class="card-block text-lg-center>"
<h4 class="card-title">FRESH GREENS</h4>
<h6 class="card-subtitle text-muted">200 | 300cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">celery• kale • spinach • cucumber • parsley • lemon</p>
/<div>
/<div>
/<div>
/<div>
/<section>
<div class="container"> <hr>
<button class="btnbtn-info-outlinepull-lg-right">OrderNow</button> </div>
<br> <br>
!<--smooothies section-------------------------------------------------------------------------------------->
<hr><br></br>
<section class=" text-xs-center>"
<div class="container>"
<div class="col-md-4>"
<div class="figure>"
<div> <imgclass="figure-imgimg-fluidimg-rounded" src="img/smo1.png"alt>""=
/<div>
/<div>
/<div>
<div class="col-md-4>"
<div class="figure>"
<imgclass="figure-imgimg-fluidimg-rounded" src="img/smoothie2.jpg" alt>" "=
/<div>
/<div>
<div class="col-md-4>"
<div class="figure>"
<div> <imgclass="figure-imgimg-fluidimg-rounded" src="img/smo1.png"alt>""=
/<div>
/<div>
/<div>
/<div>
/<section>
!<--juice List-->
<section>
<div class="container>"
<div class="col-md-3>"
<div class="card>"
<div class="card-block text-lg-center>"
<h4 class="card-title">THE DOC</h4>
<h6 class="card-subtitle text-muted">380 | 490cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">kale • spinach • probiotics • spirulina • ginger • mint • blueberries • strawberries • banana
• juiced apple</p>
/<div>
/<div>
/<div>
<div class="col-md-3>"
<div class="card>"
<div class="card-block text-lg-center>"
<h4 class="card-title">COCOA BANANA™</h4>
<h6 class="card-subtitle text-muted">160| 250 cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">rawcacao powder • peanut butter • spinach• pinkhimalayansea salt • plant-based
proteinpowder • banana • coconut milk</p>
/<div>
/<div>
/<div>
<div class="col-md-3>"
<div class="card>"
<div class="card-blocktext-lg-center>"
<h4 class="card-title">MATCHA GREEN</h4>
<h6 class="card-subtitle text-muted">270| 450 cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">matchagreen tea • macapowder • cashews • spinach• mango• banana • lemon•
pink himalayansea salt • almondmilk</p>
/<div>
/<div>
/<div>
<div class="col-md-3>"
<div class="card>"
<div class="card-block text-lg-center>"
<h4 class="card-title">COFFEE JANET™</h4>
<h6 class="card-subtitle text-muted">480 | 730cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">rawcacao powder • coffee • hempseeds • almondbutter • banana • plant-based
proteinpowder • himalayanpinksalt • almondmilk</p>
/<div>
/<div>
/<div>
/<div>
/<section>
<section>
<div class="container>"
<div class="col-md-3>"
<div class="card>"
<div class="card-block text-lg-center>"
<h4 class="card-title">BERRY GOOD</h4>
<h6 class="card-subtitle text-muted">320| 440 cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">blueberries • banana • cashews • lemon • coconut milk</p>
/<div>
/<div>
/<div>
<div class="col-md-3>"
<div class="card>"
<div class="card-blocktext-lg-center>"
<h4 class="card-title">PB&J</h4>
<h6 class="card-subtitle text-muted">570| 660 cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">peanut butter • banana • strawberries • flax seedoil • applejuice</p>
/<div>
/<div>
/<div>
<div class="col-md-3>"
<div class="card>"
<div class="card-block text-lg-center>"
<h4 class="card-title">GREEN SMOOTHIE</h4>
<h6 class="card-subtitle text-muted">270 | 360 cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">kale • spinach • pineapple • banana• lemon• coconut milk• apple
juice</p>
/<div>
/<div>
/<div>
<div class="col-md-3>"
<div class="card>"
<div class="card-block text-lg-center>"
<h4 class="card-title">MINT TO BE</h4>
<h6 class="card-subtitle text-muted">240 | 350cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">mint • mango • pineapple • coconut milk• applejuice</p>
/<div>
/<div>
/<div>
/<div>
</section>
<div class="container"> <hr>
<button class="btn btn-info-outline pull-lg-right">Order Now</button> </div>
<br> <br>
!<--smooothies bowl section-------------------------------------------------------------------------------------->
<hr><br></br>
<section class=" text-xs-center>"
<div class="container>"
<div class="col-md-4>"
<div class="figure>"
<div> <img class="figure-imgimg-fluidimg-rounded" src="img/bowl55.png" alt>""=
/<div>
/<div>
/<div>
<div class="col-md-4>"
<div class="figure>"
<imgclass="figure-imgimg-fluidimg-rounded" src="img/smobowl.PNG" alt>" "=
/<div>
/<div>
<div class="col-md-4>"
<div class="figure>"
<div> <img class="figure-imgimg-fluidimg-rounded" src="img/bowl55.png" alt>""=
/<div>
/<div>
/<div>
/<div>
/<section>
!<--menustarts----------->
!<--juice List------------------------------------------>
<section>
<div class="container>"
<div class="col-md-3>"
<div class="card>"
<div class="card-blocktext-lg-center>"
<h4 class="card-title">AÇAÍBOWL</h4>
<h6 class="card-subtitle text-muted">660cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">apple juice • açaí • blueberries • avocado• banana • toppedwith granola • banana•
strawberries • almondbutter • hemp seeds • local honey</p>
/<div>
/<div>
/<div>
<div class="col-md-3>"
<div class="card>"
<div class="card-block text-lg-center>"
<h4 class="card-title">COCOABANANA™</h4>
<h6 class="card-subtitle text-muted">540 cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">coconut water• mango• banana • spirulina • toppedwith granola • banana • blueberries •
peanut butter • coconut flakes • bee pollen• local honey</p>
/<div>
/<div>
/<div>
<div class="col-md-3>"
<div class="card>"
<div class="card-block text-lg-center>"
<h4 class="card-title">DRAGON FRUIT BOWL</h4>
<h6 class="card-subtitle text-muted">460cal </h6>
/<div>
<div class="card-block>"
<p class="card-text">apple juice • dragon fruit • mango• toppedwith granola • banana • strawberries • local
honey</p>
/<div>
/<div>
/<div>
<div class="col-md-3>"
<div class="card>"
<div class="card-blocktext-lg-center>"
<h4 class="card-title">CHOCOLATEBOWL</h4>
<h6 class="card-subtitle text-muted">650 cal</h6>
/<div>
<div class="card-block>"
<p class="card-text">almondmilk • avocado• banana • hempseeds • rawcacao • toppedwith granola •
banana • strawberries • cacao nibs • almondbutter • hemp seeds • cacao nibs • local honey</p>
/<div>/<div>/<div>/<div>
/<section>
<div class="container"> <hr>
<button class="btnbtn-info-outline pull-lg-right">Order Now</button> </div>
<br><br>
!<--Endof the menu------------------------------------------------------->
<nav class="text-lg-center"aria-label="Page navigation Try>"
<ul class="pagination>"
<li class="page-item">
<a class="page-link"href="#"aria-label="Prev>"
<span aria-hidden="true">&laquo;</span>
<span class="sr-only">Prev</span>
/<a>
/<li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">4</a></li>
<li class="page-item"><a class="page-link" href="#">5</a></li>
<li class="page-item>"
<a class="page-link"href="#"aria-label="Next>"
<span aria-hidden="true">&raquo;</span>
<span class="sr-only">Next</span>
/<a>
/<li>
/<ul>
/<nav>
!<--FooterArea Start-->
!<--Footer Area Start-->
<footer>
<div class="col-md-6text-lg-center>"
<p class="footer-link">Copyright ©2019<a href="#" class="text-info">DailyJuice</a></p>
/<div>
/<div>
/<footer>
!<--Footer Area End-->
/<body>
/<html>
!<DOCTYPE html>
<html>
<head>
<meta charset="utf-8>"
<meta name="viewport"content="width=device-width, initial-scale=1, shrink-to-fit=no>"
<meta http-equiv="x-ua-compatible" content="ie=edge>"
<link href="css/bootstrap.css" rel="stylesheet>/ "
<link href="css/style.css" rel="stylesheet>/ "
<link href="css/mycarousel.css" rel="stylesheet>/ "
<title>About|DailyJuice</title>
/<head>
<body>
!<--NavigationBar start...This is theheaderof the main page-->
<nav class="navbarnavbar-light bg-fadednavbar-fixed-top>"
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse"data-target="#CollapseNavbar"aria-
controls="CollapseNavbar"aria-expanded="false" aria-label="Toggle Navigation">&#9776;</button>
<div class="collapse navbar-toggleable-xs" id="CollapseNavbar>"
!<--this is thelogo ofthe website in the topnav-->
<a class="navbar-brand"href="#"><imgsrc="img/logo1.jpg" alt="Event logo" height="40"></a>
<div class="collapse navbar-toggleable-xs>"
<ul class="nav navbar-navpull-lg-right>"
<li class="nav-item>"
<a class="nav-link"href="index.html">Home</a>
/<li>
<li class="nav-item>"
<a class="nav-link"href="menu.html">Menu</a>
/<li>
<li class="nav-itemactive>"
<a class="nav-link"href="about.html">About</a>
/<li>
<li class="nav-item>"
<a class="nav-link"href="contact.html">Contact</a>
/<li>
/<ul>
/<div>
/<nav>
!<--NavigationBar End-->
<div class="container-fluid"><br><br>
/<div>
<div class="container-fluid>"
<img src="img/about.jpg"alt="Event logo"width="100%" height="550px>"
/<div>
<br><br>
<!--Title Start... about-->
<section>
<div class="container>"
<h1 class="text-lg-centerdisplay-4">About </h1>
<hr>
<p class="text-lg-center">DailyJuice is plant-based, gluten-free, andorganic when possible.
We always use 100% whole fruits andvegetables from scratch.Nothingprocessed, nothingyucky.
Simply said, we are an “I-want-to-eat-healthy-and-feel-great” type of place.
Whether youwant a quick smoothieon thego, a growler of freshjuice for your fridge or a full sit -down
delicious meal, we are delightedto offergreat-tasting,
super-nutritious juices, smoothies,andfoods. We have fun withwhat we do andlook forwardtobeingof
service to youin anycapacity. Have fun,be amazing!</p>
/<div>
<br><br><hr>
<!--Footer Area Start-->
<footer>
<div class="col-md-6text-lg-center>"
<p class="footer-link">Copyright ©2019<a href="#" class="text-info">DailyJuice</a></p>
/<div>
/<div>
/<footer>
!<--Footer Area End-->
/<body>
/<html>
!<DOCTYPE html>
<html lang="en>"
<head>
<meta charset="UTF-8>"
<link href="css/bootstrap.css" rel="stylesheet>/ "
<link href="css/style.css" rel="stylesheet>/ "
<link href="css/mycarousel.css" rel="stylesheet>/ "
<title>Contact|DailyJuice</title>
/<head>
<body>
!<--Responsive NavbarDesign-->
<nav class="navbar navbar-light bg-faded>"
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse"data-target="#CollapseNavbar"aria-
controls="CollapseNavbar"aria-expanded="false" aria-label="Toggle Navigation">&#9776;</button>
<div class="collapse navbar-toggleable-xs" id="CollapseNavbar>"
<a class="navbar-brand" href="#"><imgsrc="img/logo1.jpg" alt="Event logo"height="40"></a>
<ul class="nav navbar-navpull-md-right>"
<li class="nav-item"><ahref="index.html"class="nav-link">Home</a></li>
<li class="nav-item"><a href="menu.html" class="nav-link">Menu</a></li>
<li class="nav-item"><ahref="about.html"class="nav-link">About</a></li>
<li class="nav-itemactive"><a href="contact.html"class="nav-link">Contact</a></li>
/<ul>
/<div>
/<nav>
<div class="jumbotron event-detail-lg>"
<h1 class="display-4text-lg-centertext-uppercase">Contact Us </h1>
/<div>
<section class="container>"
<div class="col-md-6>"
<iframe width="560"height="315"src="https://www.youtube.com/embed/GFmTa2FuEP4"frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
/<div>
<div class="col-md-6>"
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d9755.10085875133!2d4.848296769775384!3d5
2.320081300000034!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c5e1d8d2feb101%3A0x6c98e492d59acdc3
!2sRunnersworld+Amsterdamse+Bos!5e0!3m2!1sen!2str!4v1470328369055"width="450"
height="315"frameborder="0"style="border:0; margin-left:30px" allowfullscreen></iframe>
/<div>
/<section>
!<--comment section-->
<br><br>
<section class="container>"
<hr>
<h4 class="display-2text-md-center">Write your comment !</h4>
<div class="col-md-8>"
<form>
<fieldset class="form-group>"
<input type="text"class="form-control"id="Name"placeholder="Name"></input>
/<fieldset>
<fieldset class="form-group>"
<input type="email"class="form-control" id="Email"placeholder="Email"></input>
/<fieldset>
<fieldset class="form-group>"
<textarearows="3"class="form-control" placeholder="Message"></textarea>
/<fieldset>
<button class="btn btn-success-outline pull-lg-right"type="submit">Sendcomment</button>
/<form>
/<div>
/<section>
<br><hr>
!<--Footer Area Start-->
<footer>
<div class="col-md-6text-lg-center>"
<p class="footer-link">Copyright ©2019<a href="#" class="text-info">DailyJuice</a></p>
/<div>
/<div>
/<footer>
!<--Footer Area End-->
/<body>
/<html>

Weitere ähnliche Inhalte

Ähnlich wie Daliy juice

Gaurav Jatav , BCA Third Year
Gaurav Jatav , BCA Third YearGaurav Jatav , BCA Third Year
Gaurav Jatav , BCA Third YearDezyneecole
 
Bootstrap 3 Cheat Sheet PDF Reference
Bootstrap 3 Cheat Sheet PDF ReferenceBootstrap 3 Cheat Sheet PDF Reference
Bootstrap 3 Cheat Sheet PDF ReferenceBootstrap Creative
 
Practical file(XHTML)web designing
Practical file(XHTML)web designingPractical file(XHTML)web designing
Practical file(XHTML)web designingArtiSolanki5
 
Facebook.html
Facebook.htmlFacebook.html
Facebook.htmladmin999
 
zynga-online.facebook.html
zynga-online.facebook.htmlzynga-online.facebook.html
zynga-online.facebook.htmladmin999
 
Facebook.html
Facebook.htmlFacebook.html
Facebook.htmladmin999
 
Skills development: HTML Code
Skills development: HTML CodeSkills development: HTML Code
Skills development: HTML Codegab0804080
 
Ss 36932418[1]
Ss 36932418[1]Ss 36932418[1]
Ss 36932418[1]Ya Jinda
 
History of-christmas[1]
History of-christmas[1]History of-christmas[1]
History of-christmas[1]emelyn feto
 
HTTP REQUEST RESPONSE OBJECT - WEB APPLICATION USING C# LAB
HTTP REQUEST RESPONSE OBJECT - WEB APPLICATION USING C# LABHTTP REQUEST RESPONSE OBJECT - WEB APPLICATION USING C# LAB
HTTP REQUEST RESPONSE OBJECT - WEB APPLICATION USING C# LABpriya Nithya
 
Index of jquery template 2 Minuteman Summer Web Dev.
Index of jquery template 2 Minuteman Summer Web Dev.Index of jquery template 2 Minuteman Summer Web Dev.
Index of jquery template 2 Minuteman Summer Web Dev.Daniel Downs
 
Kohana bootstrap - modal form
Kohana   bootstrap - modal formKohana   bootstrap - modal form
Kohana bootstrap - modal formJulio Pari
 
Kohana bootstrap - modal form
Kohana   bootstrap - modal formKohana   bootstrap - modal form
Kohana bootstrap - modal formJulio Pari
 
Introduction to Html by Ankitkumar Singh
Introduction to Html by Ankitkumar SinghIntroduction to Html by Ankitkumar Singh
Introduction to Html by Ankitkumar SinghAnkitkumar Singh
 
Desenvolvimento web com Ruby on Rails (parte 2)
Desenvolvimento web com Ruby on Rails (parte 2)Desenvolvimento web com Ruby on Rails (parte 2)
Desenvolvimento web com Ruby on Rails (parte 2)Joao Lucas Santana
 
jQuery Mobile - Desenvolvimento para dispositivos móveis
jQuery Mobile - Desenvolvimento para dispositivos móveisjQuery Mobile - Desenvolvimento para dispositivos móveis
jQuery Mobile - Desenvolvimento para dispositivos móveisPablo Garrido
 

Ähnlich wie Daliy juice (20)

Gaurav Jatav , BCA Third Year
Gaurav Jatav , BCA Third YearGaurav Jatav , BCA Third Year
Gaurav Jatav , BCA Third Year
 
Bootstrap 3 Cheat Sheet PDF Reference
Bootstrap 3 Cheat Sheet PDF ReferenceBootstrap 3 Cheat Sheet PDF Reference
Bootstrap 3 Cheat Sheet PDF Reference
 
Lecture 03 HTML&CSS Part 2
Lecture 03   HTML&CSS Part 2Lecture 03   HTML&CSS Part 2
Lecture 03 HTML&CSS Part 2
 
Practical file(XHTML)web designing
Practical file(XHTML)web designingPractical file(XHTML)web designing
Practical file(XHTML)web designing
 
Facebook.html
Facebook.htmlFacebook.html
Facebook.html
 
zynga-online.facebook.html
zynga-online.facebook.htmlzynga-online.facebook.html
zynga-online.facebook.html
 
Facebook.html
Facebook.htmlFacebook.html
Facebook.html
 
Skills development: HTML Code
Skills development: HTML CodeSkills development: HTML Code
Skills development: HTML Code
 
Ss 36932418[1]
Ss 36932418[1]Ss 36932418[1]
Ss 36932418[1]
 
Html Hands On
Html Hands OnHtml Hands On
Html Hands On
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
History of-christmas[1]
History of-christmas[1]History of-christmas[1]
History of-christmas[1]
 
HTTP REQUEST RESPONSE OBJECT - WEB APPLICATION USING C# LAB
HTTP REQUEST RESPONSE OBJECT - WEB APPLICATION USING C# LABHTTP REQUEST RESPONSE OBJECT - WEB APPLICATION USING C# LAB
HTTP REQUEST RESPONSE OBJECT - WEB APPLICATION USING C# LAB
 
Index of jquery template 2 Minuteman Summer Web Dev.
Index of jquery template 2 Minuteman Summer Web Dev.Index of jquery template 2 Minuteman Summer Web Dev.
Index of jquery template 2 Minuteman Summer Web Dev.
 
Kohana bootstrap - modal form
Kohana   bootstrap - modal formKohana   bootstrap - modal form
Kohana bootstrap - modal form
 
Kohana bootstrap - modal form
Kohana   bootstrap - modal formKohana   bootstrap - modal form
Kohana bootstrap - modal form
 
Introduction to Html by Ankitkumar Singh
Introduction to Html by Ankitkumar SinghIntroduction to Html by Ankitkumar Singh
Introduction to Html by Ankitkumar Singh
 
Desenvolvimento web com Ruby on Rails (parte 2)
Desenvolvimento web com Ruby on Rails (parte 2)Desenvolvimento web com Ruby on Rails (parte 2)
Desenvolvimento web com Ruby on Rails (parte 2)
 
Upload[1]
Upload[1]Upload[1]
Upload[1]
 
jQuery Mobile - Desenvolvimento para dispositivos móveis
jQuery Mobile - Desenvolvimento para dispositivos móveisjQuery Mobile - Desenvolvimento para dispositivos móveis
jQuery Mobile - Desenvolvimento para dispositivos móveis
 

Kürzlich hochgeladen

US Department of Education FAFSA Week of Action
US Department of Education FAFSA Week of ActionUS Department of Education FAFSA Week of Action
US Department of Education FAFSA Week of ActionMebane Rash
 
Transport layer issues and challenges - Guide
Transport layer issues and challenges - GuideTransport layer issues and challenges - Guide
Transport layer issues and challenges - GuideGOPINATHS437943
 
Arduino_CSE ece ppt for working and principal of arduino.ppt
Arduino_CSE ece ppt for working and principal of arduino.pptArduino_CSE ece ppt for working and principal of arduino.ppt
Arduino_CSE ece ppt for working and principal of arduino.pptSAURABHKUMAR892774
 
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort service
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort serviceGurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort service
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort servicejennyeacort
 
home automation using Arduino by Aditya Prasad
home automation using Arduino by Aditya Prasadhome automation using Arduino by Aditya Prasad
home automation using Arduino by Aditya Prasadaditya806802
 
welding defects observed during the welding
welding defects observed during the weldingwelding defects observed during the welding
welding defects observed during the weldingMuhammadUzairLiaqat
 
Input Output Management in Operating System
Input Output Management in Operating SystemInput Output Management in Operating System
Input Output Management in Operating SystemRashmi Bhat
 
THE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTION
THE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTIONTHE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTION
THE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTIONjhunlian
 
Call Girls Narol 7397865700 Independent Call Girls
Call Girls Narol 7397865700 Independent Call GirlsCall Girls Narol 7397865700 Independent Call Girls
Call Girls Narol 7397865700 Independent Call Girlsssuser7cb4ff
 
Virtual memory management in Operating System
Virtual memory management in Operating SystemVirtual memory management in Operating System
Virtual memory management in Operating SystemRashmi Bhat
 
Mine Environment II Lab_MI10448MI__________.pptx
Mine Environment II Lab_MI10448MI__________.pptxMine Environment II Lab_MI10448MI__________.pptx
Mine Environment II Lab_MI10448MI__________.pptxRomil Mishra
 
Internet of things -Arshdeep Bahga .pptx
Internet of things -Arshdeep Bahga .pptxInternet of things -Arshdeep Bahga .pptx
Internet of things -Arshdeep Bahga .pptxVelmuruganTECE
 
Earthing details of Electrical Substation
Earthing details of Electrical SubstationEarthing details of Electrical Substation
Earthing details of Electrical Substationstephanwindworld
 
Industrial Safety Unit-IV workplace health and safety.ppt
Industrial Safety Unit-IV workplace health and safety.pptIndustrial Safety Unit-IV workplace health and safety.ppt
Industrial Safety Unit-IV workplace health and safety.pptNarmatha D
 
TechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor Catchers
TechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor CatchersTechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor Catchers
TechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor Catcherssdickerson1
 
Indian Dairy Industry Present Status and.ppt
Indian Dairy Industry Present Status and.pptIndian Dairy Industry Present Status and.ppt
Indian Dairy Industry Present Status and.pptMadan Karki
 
Sachpazis Costas: Geotechnical Engineering: A student's Perspective Introduction
Sachpazis Costas: Geotechnical Engineering: A student's Perspective IntroductionSachpazis Costas: Geotechnical Engineering: A student's Perspective Introduction
Sachpazis Costas: Geotechnical Engineering: A student's Perspective IntroductionDr.Costas Sachpazis
 
Steel Structures - Building technology.pptx
Steel Structures - Building technology.pptxSteel Structures - Building technology.pptx
Steel Structures - Building technology.pptxNikhil Raut
 
complete construction, environmental and economics information of biomass com...
complete construction, environmental and economics information of biomass com...complete construction, environmental and economics information of biomass com...
complete construction, environmental and economics information of biomass com...asadnawaz62
 

Kürzlich hochgeladen (20)

US Department of Education FAFSA Week of Action
US Department of Education FAFSA Week of ActionUS Department of Education FAFSA Week of Action
US Department of Education FAFSA Week of Action
 
Transport layer issues and challenges - Guide
Transport layer issues and challenges - GuideTransport layer issues and challenges - Guide
Transport layer issues and challenges - Guide
 
Arduino_CSE ece ppt for working and principal of arduino.ppt
Arduino_CSE ece ppt for working and principal of arduino.pptArduino_CSE ece ppt for working and principal of arduino.ppt
Arduino_CSE ece ppt for working and principal of arduino.ppt
 
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort service
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort serviceGurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort service
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort service
 
home automation using Arduino by Aditya Prasad
home automation using Arduino by Aditya Prasadhome automation using Arduino by Aditya Prasad
home automation using Arduino by Aditya Prasad
 
welding defects observed during the welding
welding defects observed during the weldingwelding defects observed during the welding
welding defects observed during the welding
 
Input Output Management in Operating System
Input Output Management in Operating SystemInput Output Management in Operating System
Input Output Management in Operating System
 
THE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTION
THE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTIONTHE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTION
THE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTION
 
Call Girls Narol 7397865700 Independent Call Girls
Call Girls Narol 7397865700 Independent Call GirlsCall Girls Narol 7397865700 Independent Call Girls
Call Girls Narol 7397865700 Independent Call Girls
 
Virtual memory management in Operating System
Virtual memory management in Operating SystemVirtual memory management in Operating System
Virtual memory management in Operating System
 
Mine Environment II Lab_MI10448MI__________.pptx
Mine Environment II Lab_MI10448MI__________.pptxMine Environment II Lab_MI10448MI__________.pptx
Mine Environment II Lab_MI10448MI__________.pptx
 
Internet of things -Arshdeep Bahga .pptx
Internet of things -Arshdeep Bahga .pptxInternet of things -Arshdeep Bahga .pptx
Internet of things -Arshdeep Bahga .pptx
 
Earthing details of Electrical Substation
Earthing details of Electrical SubstationEarthing details of Electrical Substation
Earthing details of Electrical Substation
 
Industrial Safety Unit-IV workplace health and safety.ppt
Industrial Safety Unit-IV workplace health and safety.pptIndustrial Safety Unit-IV workplace health and safety.ppt
Industrial Safety Unit-IV workplace health and safety.ppt
 
TechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor Catchers
TechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor CatchersTechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor Catchers
TechTAC® CFD Report Summary: A Comparison of Two Types of Tubing Anchor Catchers
 
🔝9953056974🔝!!-YOUNG call girls in Rajendra Nagar Escort rvice Shot 2000 nigh...
🔝9953056974🔝!!-YOUNG call girls in Rajendra Nagar Escort rvice Shot 2000 nigh...🔝9953056974🔝!!-YOUNG call girls in Rajendra Nagar Escort rvice Shot 2000 nigh...
🔝9953056974🔝!!-YOUNG call girls in Rajendra Nagar Escort rvice Shot 2000 nigh...
 
Indian Dairy Industry Present Status and.ppt
Indian Dairy Industry Present Status and.pptIndian Dairy Industry Present Status and.ppt
Indian Dairy Industry Present Status and.ppt
 
Sachpazis Costas: Geotechnical Engineering: A student's Perspective Introduction
Sachpazis Costas: Geotechnical Engineering: A student's Perspective IntroductionSachpazis Costas: Geotechnical Engineering: A student's Perspective Introduction
Sachpazis Costas: Geotechnical Engineering: A student's Perspective Introduction
 
Steel Structures - Building technology.pptx
Steel Structures - Building technology.pptxSteel Structures - Building technology.pptx
Steel Structures - Building technology.pptx
 
complete construction, environmental and economics information of biomass com...
complete construction, environmental and economics information of biomass com...complete construction, environmental and economics information of biomass com...
complete construction, environmental and economics information of biomass com...
 

Daliy juice

  • 1. ‫بحث‬ ‫مشروع‬ ‫الويب‬ ‫برمجيات‬ ‫(عن‬daily juice) ‫الغامدي‬ ‫احمد‬ ‫إبراهيم‬ ‫تقديم‬ 439231483
  • 2.
  • 3.
  • 4. !<DOCTYPE html> <html> <head> <meta charset="utf-8>" <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no>" <meta http-equiv="x-ua-compatible" content="ie=edge>" <link href="css/bootstrap.css" rel="stylesheet>/ " <link href="css/style.css" rel="stylesheet>/ " <title>Daily Juice</title> /<head> <body> !<--Navigation Bar start... This is the header of the main page--> <nav class="navbar navbar-light bg-faded navbar-fixed-top>" <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#CollapseNavbar" aria- controls="CollapseNavbar" aria-expanded="false" aria-label="Toggle Navigation">&#9776;</button> <div class="collapse navbar-toggleable-xs" id="CollapseNavbar>" !<--this is the logo of the website in the top nav--> <a class="navbar-brand" href="#"><img src="img/logo1.jpg" alt="Event logo" height="40"></a> <div class="collapse navbar-toggleable-xs>" <ul class="nav navbar-nav pull-lg-right>" !<--the index paage is always active means that its highlighted--> <li class="nav-item active>" <a class="nav-link" href="index.html">Home</a> /<li> <li class="nav-item>" <a class="nav-link" href="menu.html">Menu</a> /<li> <li class="nav-item>" <a class="nav-link" href="about.html">About</a> /<li> <li class="nav-item>" <a class="nav-link" href="contact.html">Contact</a> /<li> /<ul> /<div> /<nav> !<--Navigation Bar End--> <div class="container-fluid"><br><br><br> /<div> <div class="container-fluid>" <img src="img/main.png" alt="Event logo" width="100%>" /<div>
  • 5. <br><br> !<--Title Start... the introdution--> <section> <div class="container>" <h1 class="text-lg-center display-4">juice, smoothies <small class="text-muted">and more!</small></h1> <p class="text-lg-center">Daily Juice is on a mission to create great tasting and nutritious juices, smoothies, bowls and bites. our menu is full of fresh offerings that are equally craveable and guilt-free. </p> <p class="text-lg-center>" we take a lot of pride in serving products that are high in nutritional value. our juices are made fresh to order, and our sm oothies are made with frozen fruit instead of ice – which is commonly used by other companies as a filler ingredient. we want your drinks to be full of nourishment, not fillers. best of all, we have created a juice bar experience built on convenience. we believe healthy food should be as accessible as fast food. so beyond our made-to-order menu, all of our stores are stocked with grab-and-go options that are perfect for a quick, healthy bite or sip. /<p> <p class="text-lg-center">whether you are a juicing novice or you're a smoothie pro, we've crafted unique recipes that are packed with nutrition, taste amazing and are a quick way to fuel up on healthy ingredients!</p> /<div> <br><br><hr> !<--the three options--> <div class="container>" <div class="col-md-4>" <div class="figure>" <a href="menu.html" ><img class="figure-img img-fluid img-rounded" src="img/1.jpg" alt="Concert Category>" <div class="centered"><h1>Menu</h1></div> /<a> /<div> /<div> <div class="col-md-4>" <div class="figure>" <a href="about.html> " <img class="figure-img img-fluid img-rounded" src="img/2.jpg" alt="Book Fair Category>" <div class="centered"><h1>About us</h1></div> /<a> /<div> /<div> <div class="col-md-4>" <div class="figure>" <a href="contact.html> " <img class="figure-img img-fluid img-rounded" src="img/4.jpg" alt="Football Category>" <div class="centered"><h1>Contacts </h1></div> /<a> /<div> /<div>
  • 6. /<section> !<--End--> <br><hr> !<--section2 Start--> <section> <div class="last-review backgreen>" <div class="container>" <div class="col-md-8>" <div> <h2 class="display-4"><img class="figure-img img-fluid img-rounded" src="img/55.png"> </h2> <blockquote class="blockquote>" <p> we take a lot of pride in using ingredients that are high in quality, responsibly sourced, nutrient-rich, and plant-based to help power you through your daily routine. <p> we never use any added fillers, syrups, sugars or artificial ingredients of any kind and we make all of our menu items fresh for you every single day. /<p> /<blockquote> /<div> /<div> /<div> /<div> /<section> !<--section2 End--> <br> !<--Footer Area Start--> <footer> <div class="col-md-6 text-lg-center>" <p class="footer-link">Copyright © 2019 <a href="#" class="text-info">Daily Juice</a></p> /<div> /<div> /<footer> !<--Footer Area End--> /<body> /<html>
  • 7.
  • 8. !<DOCTYPE html> <html lang="en>" <head> <meta charset="UTF-8>" <link href="css/bootstrap.css" rel="stylesheet>/ " <link href="css/style.css" rel="stylesheet>/ " <link href="css/mycarousel.css" rel="stylesheet>/ " <title>Menu|DailyJuice</title> /<head> <body> !<--Responsive NavbarDesign--> <nav class="navbar navbar-light bg-faded>" <button class="navbar-toggler hidden-sm-up"type="button"data-toggle="collapse" data-target="#CollapseNavbar" aria- controls="CollapseNavbar"aria-expanded="false" aria-label="Toggle Navigation">&#9776;</button> <div class="collapse navbar-toggleable-xs" id="CollapseNavbar>" <a class="navbar-brand" href="#"><imgsrc="img/logo1.jpg"alt="Event logo"height="40"></a> <ul class="nav navbar-navpull-md-right>" <li class="nav-item"><a href="index.html" class="nav-link">Home</a></li> <li class="nav-itemactive"><ahref="menu.html" class="nav-link">Menu</a></li> <li class="nav-item"><a href="about.html" class="nav-link">About</a></li> <li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li> /<ul> /<div> /<nav> !<--juice Cover Design--> <section class=" text-xs-center>" <div class="container>" <div class="col-md-4>" <div class="figure>" <div> <img class="figure-imgimg-fluidimg-rounded" src="img/juice.jpg" alt>""= /<div> /<div> /<div> <div class="col-md-4>" <div class="figure>"
  • 9. <imgclass="figure-imgimg-fluidimg-rounded" src="img/juice2.jpg" alt>" "= /<div> /<div> <div class="col-md-4>" <div class="figure>" <div> <img class="figure-imgimg-fluidimg-rounded" src="img/juice.jpg" alt>""= /<div> /<div> /<div> /<div> /<section> !<--juice List--> <section> <div class="container>" <div class="col-md-3>" <div class="card>" <div class="card-blocktext-lg-center>" <h4 class="card-title">GINGER GREENS</h4> <h6 class="card-subtitle text-muted">200| 300 cal</h6> /<div> <div class="card-block>" <p class="card-text">ginger • apple • kale • spinach• cucumber • parsley• lemon</p> /<div> /<div> /<div> <div class="col-md-3>" <div class="card>" <div class="card-block text-lg-center>" <h4 class="card-title">WE GOT THE BEET™</h4> <h6 class="card-subtitle text-muted">160 | 250cal</h6> /<div> <div class="card-block>" <p class="card-text">beet • carrot • apple • ginger • lemon</p> /<div> /<div> /<div> <div class="col-md-3"> <div class="card>"
  • 10. <div class="card-block text-lg-center>" <h4 class="card-title">ORANGE YOU GLAD™</h4> <h6 class="card-subtitle text-muted">180| 270 cal</h6> /<div> <div class="card-block>" <p class="card-text">carrot • apple • pineapple• mint • ginger • lemon</p> /<div> /<div> /<div> <div class="col-md-3>" <div class="card>" <div class="card-blocktext-lg-center>" <h4 class="card-title">SUPER GREENS</h4> <h6 class="card-subtitle text-muted">70 | 100cal</h6> /<div> <div class="card-block>" <p class="card-text">wheatgrass • celery• kale • spinach • cucumber • parsley • lemon</p> /<div> /<div> /<div> /<div> /<section> <section> <div class="container>" <div class="col-md-3>" <div class="card>" <div class="card-block text-lg-center>" <h4 class="card-title">PINEAPPLEGREENS</h4> <h6 class="card-subtitle text-muted">100 | 180cal</h6> /<div> <div class="card-block>" <p class="card-text">cucumber• pineapple • mint • kale • spinach• parsley • lemon</p> /<div> /<div> /<div> <div class="col-md-3>" <div class="card>" <div class="card-block text-lg-center>" <h4 class="card-title">SWEET GREENS</h4>
  • 11. <h6 class="card-subtitle text-muted">240| 360 cal</h6> /<div> <div class="card-block>" <p class="card-text">apple • kale • spinach• cucumber • parsley• lemon</p> /<div> /<div> /<div> <div class="col-md-3>" <div class="card>" <div class="card-blocktext-lg-center>" <h4 class="card-title">MEAN GREENS</h4> <h6 class="card-subtitle text-muted">70 | 110 cal</h6> /<div> <div class="card-block>" <p class="card-text">jalapeño • celery • kale • spinach• cucumber • parsley• lemon</p> /<div> /<div> /<div> <div class="col-md-3>" <div class="card>" <div class="card-block text-lg-center>" <h4 class="card-title">FRESH GREENS</h4> <h6 class="card-subtitle text-muted">200 | 300cal</h6> /<div> <div class="card-block>" <p class="card-text">celery• kale • spinach • cucumber • parsley • lemon</p> /<div> /<div> /<div> /<div> /<section> <div class="container"> <hr> <button class="btnbtn-info-outlinepull-lg-right">OrderNow</button> </div> <br> <br> !<--smooothies section--------------------------------------------------------------------------------------> <hr><br></br> <section class=" text-xs-center>" <div class="container>" <div class="col-md-4>"
  • 12. <div class="figure>" <div> <imgclass="figure-imgimg-fluidimg-rounded" src="img/smo1.png"alt>""= /<div> /<div> /<div> <div class="col-md-4>" <div class="figure>" <imgclass="figure-imgimg-fluidimg-rounded" src="img/smoothie2.jpg" alt>" "= /<div> /<div> <div class="col-md-4>" <div class="figure>" <div> <imgclass="figure-imgimg-fluidimg-rounded" src="img/smo1.png"alt>""= /<div> /<div> /<div> /<div> /<section> !<--juice List--> <section> <div class="container>" <div class="col-md-3>" <div class="card>" <div class="card-block text-lg-center>" <h4 class="card-title">THE DOC</h4> <h6 class="card-subtitle text-muted">380 | 490cal</h6> /<div> <div class="card-block>" <p class="card-text">kale • spinach • probiotics • spirulina • ginger • mint • blueberries • strawberries • banana • juiced apple</p> /<div> /<div> /<div> <div class="col-md-3>" <div class="card>" <div class="card-block text-lg-center>" <h4 class="card-title">COCOA BANANA™</h4> <h6 class="card-subtitle text-muted">160| 250 cal</h6> /<div>
  • 13. <div class="card-block>" <p class="card-text">rawcacao powder • peanut butter • spinach• pinkhimalayansea salt • plant-based proteinpowder • banana • coconut milk</p> /<div> /<div> /<div> <div class="col-md-3>" <div class="card>" <div class="card-blocktext-lg-center>" <h4 class="card-title">MATCHA GREEN</h4> <h6 class="card-subtitle text-muted">270| 450 cal</h6> /<div> <div class="card-block>" <p class="card-text">matchagreen tea • macapowder • cashews • spinach• mango• banana • lemon• pink himalayansea salt • almondmilk</p> /<div> /<div> /<div> <div class="col-md-3>" <div class="card>" <div class="card-block text-lg-center>" <h4 class="card-title">COFFEE JANET™</h4> <h6 class="card-subtitle text-muted">480 | 730cal</h6> /<div> <div class="card-block>" <p class="card-text">rawcacao powder • coffee • hempseeds • almondbutter • banana • plant-based proteinpowder • himalayanpinksalt • almondmilk</p> /<div> /<div> /<div> /<div> /<section> <section> <div class="container>" <div class="col-md-3>" <div class="card>" <div class="card-block text-lg-center>" <h4 class="card-title">BERRY GOOD</h4> <h6 class="card-subtitle text-muted">320| 440 cal</h6>
  • 14. /<div> <div class="card-block>" <p class="card-text">blueberries • banana • cashews • lemon • coconut milk</p> /<div> /<div> /<div> <div class="col-md-3>" <div class="card>" <div class="card-blocktext-lg-center>" <h4 class="card-title">PB&J</h4> <h6 class="card-subtitle text-muted">570| 660 cal</h6> /<div> <div class="card-block>" <p class="card-text">peanut butter • banana • strawberries • flax seedoil • applejuice</p> /<div> /<div> /<div> <div class="col-md-3>" <div class="card>" <div class="card-block text-lg-center>" <h4 class="card-title">GREEN SMOOTHIE</h4> <h6 class="card-subtitle text-muted">270 | 360 cal</h6> /<div> <div class="card-block>" <p class="card-text">kale • spinach • pineapple • banana• lemon• coconut milk• apple juice</p> /<div> /<div> /<div> <div class="col-md-3>" <div class="card>" <div class="card-block text-lg-center>" <h4 class="card-title">MINT TO BE</h4> <h6 class="card-subtitle text-muted">240 | 350cal</h6> /<div> <div class="card-block>" <p class="card-text">mint • mango • pineapple • coconut milk• applejuice</p> /<div> /<div>
  • 15. /<div> /<div> </section> <div class="container"> <hr> <button class="btn btn-info-outline pull-lg-right">Order Now</button> </div> <br> <br> !<--smooothies bowl section--------------------------------------------------------------------------------------> <hr><br></br> <section class=" text-xs-center>" <div class="container>" <div class="col-md-4>" <div class="figure>" <div> <img class="figure-imgimg-fluidimg-rounded" src="img/bowl55.png" alt>""= /<div> /<div> /<div> <div class="col-md-4>" <div class="figure>" <imgclass="figure-imgimg-fluidimg-rounded" src="img/smobowl.PNG" alt>" "= /<div> /<div> <div class="col-md-4>" <div class="figure>" <div> <img class="figure-imgimg-fluidimg-rounded" src="img/bowl55.png" alt>""= /<div> /<div> /<div> /<div> /<section> !<--menustarts-----------> !<--juice List------------------------------------------> <section> <div class="container>" <div class="col-md-3>" <div class="card>" <div class="card-blocktext-lg-center>" <h4 class="card-title">AÇAÍBOWL</h4> <h6 class="card-subtitle text-muted">660cal</h6> /<div>
  • 16. <div class="card-block>" <p class="card-text">apple juice • açaí • blueberries • avocado• banana • toppedwith granola • banana• strawberries • almondbutter • hemp seeds • local honey</p> /<div> /<div> /<div> <div class="col-md-3>" <div class="card>" <div class="card-block text-lg-center>" <h4 class="card-title">COCOABANANA™</h4> <h6 class="card-subtitle text-muted">540 cal</h6> /<div> <div class="card-block>" <p class="card-text">coconut water• mango• banana • spirulina • toppedwith granola • banana • blueberries • peanut butter • coconut flakes • bee pollen• local honey</p> /<div> /<div> /<div> <div class="col-md-3>" <div class="card>" <div class="card-block text-lg-center>" <h4 class="card-title">DRAGON FRUIT BOWL</h4> <h6 class="card-subtitle text-muted">460cal </h6> /<div> <div class="card-block>" <p class="card-text">apple juice • dragon fruit • mango• toppedwith granola • banana • strawberries • local honey</p> /<div> /<div> /<div> <div class="col-md-3>" <div class="card>" <div class="card-blocktext-lg-center>" <h4 class="card-title">CHOCOLATEBOWL</h4> <h6 class="card-subtitle text-muted">650 cal</h6> /<div> <div class="card-block>" <p class="card-text">almondmilk • avocado• banana • hempseeds • rawcacao • toppedwith granola • banana • strawberries • cacao nibs • almondbutter • hemp seeds • cacao nibs • local honey</p>
  • 17. /<div>/<div>/<div>/<div> /<section> <div class="container"> <hr> <button class="btnbtn-info-outline pull-lg-right">Order Now</button> </div> <br><br> !<--Endof the menu-------------------------------------------------------> <nav class="text-lg-center"aria-label="Page navigation Try>" <ul class="pagination>" <li class="page-item"> <a class="page-link"href="#"aria-label="Prev>" <span aria-hidden="true">&laquo;</span> <span class="sr-only">Prev</span> /<a> /<li> <li class="page-item"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item"><a class="page-link" href="#">4</a></li> <li class="page-item"><a class="page-link" href="#">5</a></li> <li class="page-item>" <a class="page-link"href="#"aria-label="Next>" <span aria-hidden="true">&raquo;</span> <span class="sr-only">Next</span> /<a> /<li> /<ul> /<nav> !<--FooterArea Start--> !<--Footer Area Start--> <footer> <div class="col-md-6text-lg-center>" <p class="footer-link">Copyright ©2019<a href="#" class="text-info">DailyJuice</a></p> /<div> /<div> /<footer> !<--Footer Area End--> /<body> /<html>
  • 18.
  • 19. !<DOCTYPE html> <html> <head> <meta charset="utf-8>" <meta name="viewport"content="width=device-width, initial-scale=1, shrink-to-fit=no>" <meta http-equiv="x-ua-compatible" content="ie=edge>" <link href="css/bootstrap.css" rel="stylesheet>/ " <link href="css/style.css" rel="stylesheet>/ " <link href="css/mycarousel.css" rel="stylesheet>/ " <title>About|DailyJuice</title> /<head> <body> !<--NavigationBar start...This is theheaderof the main page--> <nav class="navbarnavbar-light bg-fadednavbar-fixed-top>" <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse"data-target="#CollapseNavbar"aria- controls="CollapseNavbar"aria-expanded="false" aria-label="Toggle Navigation">&#9776;</button> <div class="collapse navbar-toggleable-xs" id="CollapseNavbar>" !<--this is thelogo ofthe website in the topnav--> <a class="navbar-brand"href="#"><imgsrc="img/logo1.jpg" alt="Event logo" height="40"></a> <div class="collapse navbar-toggleable-xs>" <ul class="nav navbar-navpull-lg-right>" <li class="nav-item>" <a class="nav-link"href="index.html">Home</a> /<li> <li class="nav-item>" <a class="nav-link"href="menu.html">Menu</a> /<li> <li class="nav-itemactive>" <a class="nav-link"href="about.html">About</a> /<li> <li class="nav-item>" <a class="nav-link"href="contact.html">Contact</a> /<li> /<ul> /<div> /<nav> !<--NavigationBar End--> <div class="container-fluid"><br><br> /<div>
  • 20. <div class="container-fluid>" <img src="img/about.jpg"alt="Event logo"width="100%" height="550px>" /<div> <br><br> <!--Title Start... about--> <section> <div class="container>" <h1 class="text-lg-centerdisplay-4">About </h1> <hr> <p class="text-lg-center">DailyJuice is plant-based, gluten-free, andorganic when possible. We always use 100% whole fruits andvegetables from scratch.Nothingprocessed, nothingyucky. Simply said, we are an “I-want-to-eat-healthy-and-feel-great” type of place. Whether youwant a quick smoothieon thego, a growler of freshjuice for your fridge or a full sit -down delicious meal, we are delightedto offergreat-tasting, super-nutritious juices, smoothies,andfoods. We have fun withwhat we do andlook forwardtobeingof service to youin anycapacity. Have fun,be amazing!</p> /<div> <br><br><hr> <!--Footer Area Start--> <footer> <div class="col-md-6text-lg-center>" <p class="footer-link">Copyright ©2019<a href="#" class="text-info">DailyJuice</a></p> /<div> /<div> /<footer> !<--Footer Area End--> /<body> /<html>
  • 22. <html lang="en>" <head> <meta charset="UTF-8>" <link href="css/bootstrap.css" rel="stylesheet>/ " <link href="css/style.css" rel="stylesheet>/ " <link href="css/mycarousel.css" rel="stylesheet>/ " <title>Contact|DailyJuice</title> /<head> <body> !<--Responsive NavbarDesign--> <nav class="navbar navbar-light bg-faded>" <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse"data-target="#CollapseNavbar"aria- controls="CollapseNavbar"aria-expanded="false" aria-label="Toggle Navigation">&#9776;</button> <div class="collapse navbar-toggleable-xs" id="CollapseNavbar>" <a class="navbar-brand" href="#"><imgsrc="img/logo1.jpg" alt="Event logo"height="40"></a> <ul class="nav navbar-navpull-md-right>" <li class="nav-item"><ahref="index.html"class="nav-link">Home</a></li> <li class="nav-item"><a href="menu.html" class="nav-link">Menu</a></li> <li class="nav-item"><ahref="about.html"class="nav-link">About</a></li> <li class="nav-itemactive"><a href="contact.html"class="nav-link">Contact</a></li> /<ul> /<div> /<nav> <div class="jumbotron event-detail-lg>" <h1 class="display-4text-lg-centertext-uppercase">Contact Us </h1> /<div> <section class="container>" <div class="col-md-6>" <iframe width="560"height="315"src="https://www.youtube.com/embed/GFmTa2FuEP4"frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> /<div> <div class="col-md-6>" <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d9755.10085875133!2d4.848296769775384!3d5 2.320081300000034!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c5e1d8d2feb101%3A0x6c98e492d59acdc3 !2sRunnersworld+Amsterdamse+Bos!5e0!3m2!1sen!2str!4v1470328369055"width="450" height="315"frameborder="0"style="border:0; margin-left:30px" allowfullscreen></iframe> /<div> /<section> !<--comment section-->
  • 23. <br><br> <section class="container>" <hr> <h4 class="display-2text-md-center">Write your comment !</h4> <div class="col-md-8>" <form> <fieldset class="form-group>" <input type="text"class="form-control"id="Name"placeholder="Name"></input> /<fieldset> <fieldset class="form-group>" <input type="email"class="form-control" id="Email"placeholder="Email"></input> /<fieldset> <fieldset class="form-group>" <textarearows="3"class="form-control" placeholder="Message"></textarea> /<fieldset> <button class="btn btn-success-outline pull-lg-right"type="submit">Sendcomment</button> /<form> /<div> /<section> <br><hr> !<--Footer Area Start--> <footer> <div class="col-md-6text-lg-center>" <p class="footer-link">Copyright ©2019<a href="#" class="text-info">DailyJuice</a></p> /<div> /<div> /<footer> !<--Footer Area End--> /<body> /<html>