forked from lanrefaj/The-Underdogs
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (92 loc) · 4.32 KB
/
index.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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<!---BELOW IS CODE CONTAINER FOR WHATEVER/WHEREVER WE MIGHT WANT TO TITLE OUR PROJECT AND PLACE THE NAME OF IT AT THE TOP
-->
<head>
<title>The Underdogs</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="./assets/webstorefrontstyle.css">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<!---BELOW IS CODE CONTAINER WHERE WE WILL PUT VARIOUS SCRIPTS FOR JQUERY AJAX FIREBASE ETC
-->
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="jumbotron">
<!---
1. User will reach the home page and see a search bar.
2. Next to the search bar will be a search tab with instructions that say,
"Which store would you like to shop from?"
3. Store options will include:
-Walmart
-Ebay
-Target
4. Maybe below the search bar we have a question like, "What do you feel like shopping for?"
5. User will type something they feel like searching for and it will yield related results
of items from the specific store that they are shopping from.
6. When results are yielded, maybe we have the site tell the user, "Here's some things you might be
interested in."
7. User will then have ability to click on the items they are interested in potentially purchasing.
-->
<h1 class="text-center">Kickass Store Front</h1>
</div>
</div>
</div>
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="input-group">
<div class="input-group-btn search-panel">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span id="search_concept">Store</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#bestbuy"><i class="fa fa-angle-double-right"></i> BestBuy</a></li>
<li><a href="#walmart"><i class="fa fa-angle-double-right"></i> Walmart</a></li>
</ul>
</div>
<input type="hidden" name="search_param" value="name" id="search_param">
<input type="text" class="form-control" name="q" placeholder="Search.." id="search_key" value="">
<span class="input-group-btn">
<a class="btn btn-default text-muted" href="http://adminlte.dev/user/item" title="Clear"><i class="glyphicon glyphicon-remove"></i> </a>
<button id="submitButton" class="btn btn-info" type="submit"> Search </button>
</span>
</div>
</div>
<div class="col-md-2"></div>
</div>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-10">
<div id="resultsGoHere">
</div>
</div>
<div class="col-md-1"></div>
</div>
<div class="content">
</div>
<footer id="myFooter">
<div class="container">
<ul>
<li><a href="#">Company Information</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Terms of service</a></li>
</ul>
<p class="footer-copyright">© 2016 Copyright Text</p>
</div>
<div class="footer-social">
<a href="#" class="social-icons"><i class="fa fa-facebook"></i></a>
<a href="#" class="social-icons"><i class="fa fa-google-plus"></i></a>
<a href="#" class="social-icons"><i class="fa fa-twitter"></i></a>
</div>
</footer>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js"></script>
<script type="text/javascript" src="assets/webstorefront.js"></script>
<script type="text/javascript" src="assets/test.js"></script>
</body>
</html>