/
locostacosProduct.php
executable file
·131 lines (118 loc) · 5.9 KB
/
locostacosProduct.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
131
<!doctype html>
<head>
<meta charset="utf-8">
<title>Mexcellent Locos Tacos- 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/locostacos.jpg" alt="tacos">
</div>
<div class="c6">
<h3 class="subheadings">Locos Tacos</h3>
<div id="orderQuestions" class="c12">
<p id="price">$7.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">A fiery concoction of jalapenos, green peppers and chili combined with tomato, lettuce, cheese and chicken or beef to make the perfect combination for a taco. Locos Tacos truly deserves its name.</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>