/
burritoProduct.php
executable file
·130 lines (118 loc) · 5.87 KB
/
burritoProduct.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!doctype html>
<head>
<meta charset="utf-8">
<title>Mexcellent Burrito- Stephanie Garay</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/gridiculous.css">
<link rel="stylesheet" href="css/styles.css">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-56803382-1', 'auto');
ga('send', 'pageview');
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
</head>
<body>
<!--Header-->
<?php include("includes/header.php"); ?>
<!--Content-->
<div id="site-content">
<div id="productPage" class="grid">
<div class="row">
<div id="productPageImage" class="c6">
<a href="catalog.php" class="c12 end">↩BACK TO MENU</a>
<img src="img/burrito.jpg" alt="burrito">
</div>
<div class="c6">
<h3 class="subheadings">Burrito</h3>
<div id="orderQuestions" class="c12">
<p id="price">$8.95</p><br/>
<fieldset class="rating">
<legend>Please rate:</legend>
<input type="radio" id="star5" name="rating" value="5" /><label for="star5" title="Rocks!">5 stars</label>
<input type="radio" id="star4" name="rating" value="4" /><label for="star4" title="Pretty good">4 stars</label>
<input type="radio" id="star3" name="rating" value="3" /><label for="star3" title="Meh">3 stars</label>
<input type="radio" id="star2" name="rating" value="2" /><label for="star2" title="Kinda bad">2 stars</label>
<input type="radio" id="star1" name="rating" value="1" /><label for="star1" title="Sucks big time">1 star</label>
</fieldset ><br/><br/>
<p class="c6" id="productDescription">Lightly grilled wheat flour tortilla stuffed with corn, tomato, lettuce, rice, black beans, and chicken or beef. Side note,in Mexico, meat and refried beans are sometimes the only fillings.</p>
<button type="button" id="buyButton">ADD TO BAG</button>
</div>
</div>
</div>
<div id="recommmendedProducts">
<h3 class="c12">Recommended Products</h3><hr/>
<div id="productSection" class="row">
<div id="productImages" >
<div class="c2">
<div class="productThumb">
<img src="img/jarritos.jpg" alt="juice">
<a href="jarritosProduct.php"><h3 class="productTitle">Jarritos</h3></a>
<p>$1.95</p>
</div>
</div>
<div class="c2">
<div class="productThumb">
<img src="img/corona.jpeg" alt="beer">
<a href="coronaProduct.php"><h3 class="productTitle" >Corona (Contains Alcohol)</h3></a>
<p>$2.45</p>
</div>
</div>
<div class="c2">
<div class="productThumb">
<img src="img/margarita.jpg" alt="margarita">
<a href="margaritaProduct.php"><h3 class="productTitle">Margarita (Contains Alcohol)</h3></a>
<p>$5.95</p>
</div>
</div>
<div class="c2">
<div class="productThumb">
<img src="img/nachos.jpg" alt="nachos">
<a href="nachosProduct.php"><h3 class="productTitle">Cheesy Nachos</h3></a>
<p>$8.95</p>
</div>
</div>
<div class="c2">
<div class="productThumb">
<img src="img/quesadilla.jpg" alt="quesadilla">
<a href="quesadillaProduct.php"><h3 class="productTitle">Quesadilla</h3></a>
<p>$8.95</p>
</div>
</div>
<div class="c2">
<div class="productThumb">
<img src="img/taquitos.jpg" alt="taquitos">
<a href="taquitosProduct.php"><h3 class="productTitle">Taquitos</h3></a>
<p>$8.95</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer-->
<?php include("includes/footer.php"); ?>
</body>
</html>