Pizza Shop

var menuItems = [

{"itemID": 1, "pizzaType": "BBQ chicken pizza ", "cost": 15.00},

{"itemID": 2, "pizzaType": "buffalo chicken pizza ", "cost": 20.00},

{"itemID": 3, "pizzaType": "4 Cheese Surprise ", "cost": 15.00},

{"itemID": 4, "pizzaType": "Pepperoni pizza ", "cost": 15.00},

{"itemID": 5, "pizzaType": "Margherita pizza ", "cost": 10.00},

];

body, html {

height: 100%;

}

body, h1, h2, h3, h4, h5, h6 {

font-family: sans-serif;

text-align: center;

color: #333333;

}

/*Navigation CSS*/

ul.nav {

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

background-color: #333;

}

li.nav {

float: left;

}

li a {

display: block;

color: white;

text-align: center;

padding: 25px 50px 25px 50px;

text-decoration: none;

}

li a:hover {

background-color: #ff5c33;

color: #333333;

}

nav {

background-color: #4d4d4d;

position: fixed;

top: 0;

width: 100%;

}

/*HEADER CSS*/

.bgimg {

background-repeat: no-repeat;

background-size: cover;

background-image: url("https://media.timeout.com/images/100633783/image.jpg");

min-height: 90%;

}

.imgText {

position: absolute;

top: 45%;

left: 50%;

transform: translate(-50%, -50%);

color: #e6e6e6;

font-size: 500%;

font-family: sans-serif;

}

.headerBtn {

position: absolute;

top: 60%;

left: 39%;

background-color: #333333; /* blackish */

border: none;

padding: 20px 20px 20px 20px;

color: #e6e6e6;

text-decoration: none;

display: inline-block;

font-size: 30px;

font-family: sans-serif;

}

.headerBtn:hover {

background-color: #ff5c33;

color: #333333;

}

/*Google map css*/

.googleMapAbout {

width: 100%;

height: 75%;

background:yellow;

}

/*ABOUT CSS*/

.aboutHours {

top: 50%;

left: 50%;

text-align: center;

color: #333333;

}

.aboutParagraph {

text-align: center;

font-size: 150%;

}

th {

text-align: left;

}

i {

color: #ff5c33;

}

/*CONTACT CSS*/

input[type=text], select, textarea {

width: 100%;

padding: 12px;

border: 1px solid #ccc;

border-radius: 4px;

box-sizing: border-box;

margin-top: 6px;

margin-bottom: 16px;

resize: vertical;

font-size: 100%;

}

input[type=submit] {

font-size: 100%;

background-color: #333333;

color: white;

padding: 16px 25px;

border: none;

border-radius: 4px;

cursor: pointer;

}

input[type=submit]:hover {

background-color: #ff5c33;

}

.container {

border-radius: 5px;

background-color: #f2f2f2;

padding: 20px;

}

.contactThankYou {

display: none;

color: green;

}

/*MENU CSS*/

#menu {

font-size: 100%;

}

.menuContainer {

position: relative;

width: 25%;

display: inline-block;

}

.menuImage {

display: block;

width: 75%;

height: auto;

border-radius: 50%;

}

.menuOverlay {

position: absolute;

top: 0;

bottom: 0;

left: 0;

right: 0;

height: 100%;

width: 75%;

opacity: 0;

transition: .5s ease;

background-color: #333333;

border-radius: 50%;

}

.menuContainer:hover .menuOverlay {

opacity: 1;

}

.menuText {

color: white;

font-size: 20px;

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

}

/* TERMS CSS */

.termsText {

padding-left: 25%;

padding-right: 25%;

text-align: left;

}

/* SITE CSS */

.siteText {

display: block;

font-size: 125%;

padding-top: 1%;

padding-bottom: 1%;

text-decoration: none;

color: #333333;

}

Home

Menu

About

Contact

Pizza Shop

Show me the pizza!

Scroll down for pizza

Get Ready To Change Your Life!

Know before you go!

(Scroll over to see menu item names)

BBQ chicken pizza

buffalo chicken pizza

4 Cheese Surprise

Pepperoni pizza

Margherita pizza

---

About Us

Pizza shop was founded on the idea that pizza is the source of all happiness.

---

Customer Reviews

"I was inspired to create my latest album after eating Pizza shop delicious pizza." -Ahmad

"I won the lottery after eating here! Coincidence? I think not!" -Khaled

"This pizza cured my diabetes." -Anonymous

Can you find us? (hint: drag the map towards the bottom right)

function myMap() {

var mapOptions = {

zoom: 13, scrollwheel: false, draggable: true,

mapTypeId: google.maps.MapTypeId.ROADMAP

};

var map = new google.maps.Map(document.getElementById("map"), mapOptions);

myCenter = new google.maps.LatLng(38.903286, -77.064832) //location

//marker setting works, but map won't center properly :(

var marker = new google.maps.Marker({

position: myCenter,

map:map

});

map.setCenter(myCenter);

}

Hours of Operation

Monday	11am - 10pm
Tuesday	11am - 10pm
Wednesday	11am - 10pm
Thursday	11am - 10pm
Friday	11am - 12am
Saturday	11am - 2am
Sunday	Closed

---

Contact Us

Please wait...

Terms of Use

PLEASE CAREFULLY REVIEW THE TERMS OF USE OF THIS SITE. Your use of this website or any mobile site or other domain or software application which Pizza shop (defined below) owns, operates, licenses or controls (the Site) will indicate your acceptance of these terms; do not use this Site if you do not agree to be bound by these terms. We may periodically change these terms, so please check them from time to time as your continued use of the Site signifies your acceptance of any changed terms. These terms of use contains provisions that limit our liability to you.

Except as expressly indicated otherwise, contents, materials, and other information found on this Site may not be copied, distributed, republished, uploaded, downloaded, posted or transmitted in any way, without the prior written consent of Pizza shop (defined below).

COPYRIGHT AND TRADEMARK

All contents and materials on this Site are protected as the copyrights, trade dress, trademarks and/or other intellectual properties owned by Pizza shop or by other parties that have licensed their material to us. You may not use, copy, republish, duplicate, frame, or use any of the contents or materials on this Site without Pizza shop express written consent. All rights not expressly granted are reserved.

PERSONAL USE

Your use of the contents and materials included on this Site is for informational purposes only. You agree not to distribute, publish, transmit, modify, display or create derivative works from or exploit the contents or materials of this Site in any way. You acknowledge that unauthorized use of the contents or materials from this Site could cause irreparable harm to Pizza shop, and that in the event of an unauthorized use Pizza shop F shall be entitled to equitable relief, including without limitation, injunctive relief and specific performance (without being required to obtain a bond or post other security or prove actual damages), in addition to any other remedy available at law or in equity.

SUBMISSIONS AND USE OF THIS SITE

You agree not to introduce a virus or other harmful component, or otherwise tamper with, impair or damage the Site, or interfere with any person or entitys use or enjoyment of the Site. You agree that you are and shall remain solely responsible for the content of any submissions that you may make to this Site, and that you will not submit material that are unlawful, defamatory, abusive or obscene. You further agree not to submit anything to the Site that may violate any rights of any third party, including copyright, trademark, privacy or other personal or proprietary rights.

Pizza shop does not accept or consider unsolicited ideas, including ideas for new advertising campaigns, new promotions, new or improved products or menu items, product enhancements, processes, recipes, materials, marketing plans or new product names. Please do not send any original creative artwork, suggestions or other works. The sole purpose of this policy is to avoid potential misunderstandings or disputes when Pizza shop products or marketing strategies might seem similar to ideas submitted to Pizza shop. So, please do not send your unsolicited ideas to Pizza shop or anyone at Pizza shop.

If, despite our request that you not send us your ideas, you still submit them, then regardless of what your letter says, the following terms shall apply to your submission. You agree and warrant that: (1) the submission will immediately become the sole and exclusive property of Pizza shop without compensation to you or any other person or party; (2) Pizza shop will consider the submission to be non-confidential and non-proprietary; (3) Pizza shop shall have no obligations concerning the submission, including but not limited to, no obligation to return any materials or acknowledge receipt of any submission; (4) Pizza shop may use or redistribute the submission or its content for any purpose and in any way it chooses; and (5) the submission does not contain trade secrets or proprietary information owned by another.

PRODUCT SALES AND AVAILABILITY

All prices displayed on this Site are in U.S. Dollars and are valid and effective only within the United States. Pizza shop reserves the right, without prior notice and without incurring any obligations, to discontinue or change the specifications of any products or services offered on this Site.

Site Map

Home

Menu

About

Contact

Terms

Terms

Site

//When the DOM document is loaded in the browser

$(document).ready(function(){

//When home link is clicked, show home area

$("#navHome").click(function(){

$("#home").show();

$("#menu, #about, #terms, #site, #contact").hide();

});

//When menu link is clicked, show menu area

$("#navMenu").click(function(){

$("#menu").show();

$("#home, #about, #terms, #site, #contact").hide();

});

//When show me the pizza! link is clicked, show menu area

$("#showMe").click(function(){

$("#menu").show();

$("#home, #about, #terms, #site, #contact").hide();

});

//When about link is clicked, show about area

$("#navAbout").click(function(){

$("#about").show();

google.maps.event.trigger(map, "resize"); //in order to display the google map after div becomes un-hidden

$("#home, #menu, #terms, #site, #contact").hide();

});

//When contact link is clicked, show site area

$("#navContact").click(function(){

$("#contact").show();

$("#home, #menu, #about, #terms, #site").hide();

});

//After Submit button on contact page is clicked

$('#form').submit(function() {

$('#thankYou').show();

$("#menu, #about, #terms, #site, #contact").hide();

// $("#contact").show();

});

//When terms link is clicked, show terms area

$("#ftrTerms").click(function(){

$("#terms").show();

$("#home, #menu, #about, #site, #contact").hide();

});

//When site link is clicked, show site area

$("#ftrSite").click(function(){

$("#site").show();

$("#home, #menu, #about, #terms, #contact").hide();

});

//When home link on SITE MAP PAGE is clicked, show menu area

$("#siteHome").click(function(){

$("#home").show();

$("#menu, #about, #terms, #site, #contact").hide();

});

//When menu link on SITE MAP PAGE is clicked, show menu area

$("#siteMenu").click(function(){

$("#menu").show();

$("#home, #about, #terms, #site, #contact").hide();

});

//When about link on SITE MAP PAGE is clicked, show menu area

$("#siteAbout").click(function(){

$("#about").show();

google.maps.event.trigger(map, "resize"); //in order to display the google map after div becomes un-hidden

$("#home, #menu, #terms, #site, #contact").hide();

});

//When contact link on SITE MAP PAGE is clicked, show menu area

$("#siteContact").click(function(){

$("#contact").show();

$("#home, #about, #terms, #site, #menu").hide();

});

//When terms link on SITE MAP PAGE is clicked, show menu area

$("#siteTerms").click(function(){

$("#terms").show();

$("#home, #about, #menu, #site, #contact").hide();

});

//Load the menu area with JSON data

for (var i in menuItems) {

$("#menu").append("

"

+ "Type: " + menuItems[i].pizzaType

+ "Cost: " + menuItems[i].cost.toFixed(2)

+ "

");

}

});

i want edit this code to i can order pizza , I would like to be replaced show me the pizza to order pizza , in order pizza can i choice the siza and add toppings then after that show the order and total price