SlideShare une entreprise Scribd logo
1  sur  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>

Contenu connexe

Similaire à 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
 

Similaire à 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
 

Dernier

Bhosari ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready For ...
Bhosari ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready For ...Bhosari ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready For ...
Bhosari ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready For ...tanu pandey
 
UNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its PerformanceUNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its Performancesivaprakash250
 
DC MACHINE-Motoring and generation, Armature circuit equation
DC MACHINE-Motoring and generation, Armature circuit equationDC MACHINE-Motoring and generation, Armature circuit equation
DC MACHINE-Motoring and generation, Armature circuit equationBhangaleSonal
 
2016EF22_0 solar project report rooftop projects
2016EF22_0 solar project report rooftop projects2016EF22_0 solar project report rooftop projects
2016EF22_0 solar project report rooftop projectssmsksolar
 
Work-Permit-Receiver-in-Saudi-Aramco.pptx
Work-Permit-Receiver-in-Saudi-Aramco.pptxWork-Permit-Receiver-in-Saudi-Aramco.pptx
Work-Permit-Receiver-in-Saudi-Aramco.pptxJuliansyahHarahap1
 
chapter 5.pptx: drainage and irrigation engineering
chapter 5.pptx: drainage and irrigation engineeringchapter 5.pptx: drainage and irrigation engineering
chapter 5.pptx: drainage and irrigation engineeringmulugeta48
 
Unit 2- Effective stress & Permeability.pdf
Unit 2- Effective stress & Permeability.pdfUnit 2- Effective stress & Permeability.pdf
Unit 2- Effective stress & Permeability.pdfRagavanV2
 
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdf
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdfONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdf
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdfKamal Acharya
 
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night StandCall Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Standamitlee9823
 
University management System project report..pdf
University management System project report..pdfUniversity management System project report..pdf
University management System project report..pdfKamal Acharya
 
Standard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power PlayStandard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power PlayEpec Engineered Technologies
 
22-prompt engineering noted slide shown.pdf
22-prompt engineering noted slide shown.pdf22-prompt engineering noted slide shown.pdf
22-prompt engineering noted slide shown.pdf203318pmpc
 
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 BookingVIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Bookingdharasingh5698
 
Call Girls Wakad Call Me 7737669865 Budget Friendly No Advance Booking
Call Girls Wakad Call Me 7737669865 Budget Friendly No Advance BookingCall Girls Wakad Call Me 7737669865 Budget Friendly No Advance Booking
Call Girls Wakad Call Me 7737669865 Budget Friendly No Advance Bookingroncy bisnoi
 
Double Revolving field theory-how the rotor develops torque
Double Revolving field theory-how the rotor develops torqueDouble Revolving field theory-how the rotor develops torque
Double Revolving field theory-how the rotor develops torqueBhangaleSonal
 
notes on Evolution Of Analytic Scalability.ppt
notes on Evolution Of Analytic Scalability.pptnotes on Evolution Of Analytic Scalability.ppt
notes on Evolution Of Analytic Scalability.pptMsecMca
 

Dernier (20)

Bhosari ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready For ...
Bhosari ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready For ...Bhosari ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready For ...
Bhosari ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready For ...
 
UNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its PerformanceUNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its Performance
 
DC MACHINE-Motoring and generation, Armature circuit equation
DC MACHINE-Motoring and generation, Armature circuit equationDC MACHINE-Motoring and generation, Armature circuit equation
DC MACHINE-Motoring and generation, Armature circuit equation
 
2016EF22_0 solar project report rooftop projects
2016EF22_0 solar project report rooftop projects2016EF22_0 solar project report rooftop projects
2016EF22_0 solar project report rooftop projects
 
Cara Menggugurkan Sperma Yang Masuk Rahim Biyar Tidak Hamil
Cara Menggugurkan Sperma Yang Masuk Rahim Biyar Tidak HamilCara Menggugurkan Sperma Yang Masuk Rahim Biyar Tidak Hamil
Cara Menggugurkan Sperma Yang Masuk Rahim Biyar Tidak Hamil
 
Work-Permit-Receiver-in-Saudi-Aramco.pptx
Work-Permit-Receiver-in-Saudi-Aramco.pptxWork-Permit-Receiver-in-Saudi-Aramco.pptx
Work-Permit-Receiver-in-Saudi-Aramco.pptx
 
chapter 5.pptx: drainage and irrigation engineering
chapter 5.pptx: drainage and irrigation engineeringchapter 5.pptx: drainage and irrigation engineering
chapter 5.pptx: drainage and irrigation engineering
 
Unit 2- Effective stress & Permeability.pdf
Unit 2- Effective stress & Permeability.pdfUnit 2- Effective stress & Permeability.pdf
Unit 2- Effective stress & Permeability.pdf
 
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdf
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdfONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdf
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdf
 
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night StandCall Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
 
University management System project report..pdf
University management System project report..pdfUniversity management System project report..pdf
University management System project report..pdf
 
Standard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power PlayStandard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power Play
 
Water Industry Process Automation & Control Monthly - April 2024
Water Industry Process Automation & Control Monthly - April 2024Water Industry Process Automation & Control Monthly - April 2024
Water Industry Process Automation & Control Monthly - April 2024
 
FEA Based Level 3 Assessment of Deformed Tanks with Fluid Induced Loads
FEA Based Level 3 Assessment of Deformed Tanks with Fluid Induced LoadsFEA Based Level 3 Assessment of Deformed Tanks with Fluid Induced Loads
FEA Based Level 3 Assessment of Deformed Tanks with Fluid Induced Loads
 
(INDIRA) Call Girl Meerut Call Now 8617697112 Meerut Escorts 24x7
(INDIRA) Call Girl Meerut Call Now 8617697112 Meerut Escorts 24x7(INDIRA) Call Girl Meerut Call Now 8617697112 Meerut Escorts 24x7
(INDIRA) Call Girl Meerut Call Now 8617697112 Meerut Escorts 24x7
 
22-prompt engineering noted slide shown.pdf
22-prompt engineering noted slide shown.pdf22-prompt engineering noted slide shown.pdf
22-prompt engineering noted slide shown.pdf
 
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 BookingVIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
 
Call Girls Wakad Call Me 7737669865 Budget Friendly No Advance Booking
Call Girls Wakad Call Me 7737669865 Budget Friendly No Advance BookingCall Girls Wakad Call Me 7737669865 Budget Friendly No Advance Booking
Call Girls Wakad Call Me 7737669865 Budget Friendly No Advance Booking
 
Double Revolving field theory-how the rotor develops torque
Double Revolving field theory-how the rotor develops torqueDouble Revolving field theory-how the rotor develops torque
Double Revolving field theory-how the rotor develops torque
 
notes on Evolution Of Analytic Scalability.ppt
notes on Evolution Of Analytic Scalability.pptnotes on Evolution Of Analytic Scalability.ppt
notes on Evolution Of Analytic Scalability.ppt
 

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>