/
taquitosProduct.php
executable file
·130 lines (118 loc) · 5.9 KB
/
taquitosProduct.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 Taquitos- 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/taquitos.jpg" alt="taquitos">
</div>
<div class="c6">
<h3 class="subheadings">Taquitos</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">A crisp-fried corn tortilla filled with your choice of chicken or beef, also comes with a guacamole dipping sauce. Side note, taquitos are sometimes referred to as tacos dorados (golden tacos) in some regions in Mexico.</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/locosTacos.jpg" alt="taco">
<a href="locostacosProduct.php"><h3 class="productTitle">Locos Tacos</h3></a>
<p>$7.95</p>
</div>
</div>
<div class="c2">
<div class="productThumb">
<img src="img/burrito.jpg" alt="burrito">
<a href="burritoProduct.php"><h3 class="productTitle">Burrito</h3></a>
<p>$8.95</p>
</div>
</div>
<div class="c2">
<div class="productThumb">
<img src="img/tostadas.jpg" alt="tostadas">
<a href="tostadosProduct.php"><h3 class="productTitle">Tostados</h3></a>
<p>$7.95</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer-->
<?php include("includes/footer.php"); ?>
</body>
</html>