-
Notifications
You must be signed in to change notification settings - Fork 1
/
results.html
108 lines (92 loc) · 3.98 KB
/
results.html
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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DealGator</title>
<!--Google Fonts-->
<link href="css/styles.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Lato:100,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<!--JavaScript for Sorting Table-->
<script type="text/javascript" src="javascript/jquery-latest.js"></script>
<script type="text/javascript" src="javascript/jquery.tablesorter.js"></script>
<script type="text/javascript" src="javascript/results.js"></script>
<!--Favicon-->
<link rel="shortcut icon" href="./images/favicon.ico"/>
</head>
<body>
<!--Navigation Bar-->
<div id="nav">
<h1 class="title"> <a href="index.html">DealGator</a></h1>
<h1 class="signin"> <a href="signin.html">Sign In</a></h1>
<h1 class="about"> <a href="about.html">About Us</a></h1>
</div>
<div id="content" >
<!--Search bar-->
<div id="searchBar">
<form action="results.html">
<input name="search" type="text" class="txt" placeholder="Search here!" autofocus = "autofocus"/>
<input name="search-btn" type="submit" class="searchBtn" value="" />
</form>
</div>
<div id="results">
<h1>Search Results:</h2>
<table id="myTable" class="tablesorter">
<thead>
<tr>
<th>Store</th>
<th>Price</th>
<th>Description</th>
<th>Buy or Watch</th>
</tr>
</thead>
<tbody>
<tr>
<td><img id ="results_img" alt="store" src="images/logos/target.gif"></br>Target</td>
<td>$50.00</td>
<td>A paragraph for the product description. The quick brown fox jumps over the lazy dog...</td>
<td><a href=""><img alt="Buy!" id="results_icon" src="images/cart.png"></br>Buy Now!</a></br><a href=""><img id ="results_icon_small" alt="Watch!" src="images/binoc.png"><span>Watch Item</span></a></td>
</tr>
<tr>
<td><img id ="results_img" alt="store" src="images/logos/cdw.png"></br>CDW</td>
<td>$25.00</td>
<td>A paragraph for the product description. The quick brown fox jumps over the lazy dog...</td>
<td><a href=""><img alt="Buy!" id="results_icon" src="images/cart.png"></br>Buy Now!</a></br><a href=""><img id ="results_icon_small" alt="Watch!" src="images/binoc.png"><span>Watch Item</span></a></td>
</tr>
<tr>
<td><img id ="results_img" alt="store" src="images/logos/cdw.png"></br>CDW</td>
<td>$75.00</td>
<td>A paragraph for the product description. The quick brown fox jumps over the lazy dog...</td>
<td><a href=""><img alt="Buy!" id="results_icon" src="images/cart.png"></br>Buy Now!</a></br><a href=""><img id ="results_icon_small" alt="Watch!" src="images/binoc.png"><span>Watch Item</span></a></td>
</tr>
<tr>
<td><img id ="results_img" alt="store" src="images/logos/target.gif"></br>Target</td>
<td>$25.00</td>
<td>A paragraph for the product description. The quick brown fox jumps over the lazy dog...</td>
<td><a href=""><img alt="Buy!" id="results_icon" src="images/cart.png"></br>Buy Now!</a></br><a href=""><img id ="results_icon_small" alt="Watch!" src="images/binoc.png"><span>Watch Item</span></a></td>
</tr>
</tbody>
</table>
</div>
</div>
<!--footer-->
<div id="foot">
<div id="foot_text">
<h6><a href="index.html">DealGator</a></h6>
<ul>
<li><a href="about.html">About</a></li>
<li class="space">|</li>
<li><a href="faq.html">FAQ</a></li>
<li class="space">|</li>
<li><a class="active" href="contact.html">Contact</a></li>
</ul>
<p>© DealGator</p>
</div>
<div id="foot_chomped">
<img id="foot_gator" src="images/DealGator_green.png" alt="DealGator Logo">
<div id="foot_chompedNum">23,452</div>
<div id="foot_chompedText">Deals Chomped!</div>
</div>
</div>
</body>
</html>