/
fajitasProduct.php
executable file
·130 lines (118 loc) · 6.02 KB
/
fajitasProduct.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 Fajitas- 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/fajitas.jpg" alt="fajitas">
</div>
<div class="c6">
<h3 class="subheadings">Fajitas</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">The first culinary evidence of the fajitas with the cut of meat, the cooking style (directly on a campfire or on a grill), and the Spanish nickname going back as far as the 1930s in the ranch lands of South and West Texas. Today it is one of the most popular dishes of Tex-Mex restaurants across the United States.</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>