[ SEA-GHOST MINI SHELL]
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/html">
<head>
<title>DinnerApp.ca</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,600,700" rel="stylesheet"/>
<link rel="stylesheet" href="styles/nyroModal.css" type="text/css" media="screen"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.nyroModal.custom.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!--[if lte IE 8]>
<script src="js/html5shiv.js"></script><![endif]-->
<script src="js/5grid.min.js">{
prefix:'css/style', preset
:
'legacy'
}</script>
<noscript>
<link rel="stylesheet" href="css/5grid-noscript.min.css"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/style-desktop.css"/>
</noscript>
<!--[if lte IE 9]>
<link rel="stylesheet" href="css/ie9.css"/><![endif]-->
<!--[if lte IE 8]>
<link rel="stylesheet" href="css/ie8.css"/><![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" href="css/ie7.css"/><![endif]-->
<script src="js/init.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/>
<link rel="stylesheet" href="css/button.css"/>
<!--List of available items for auto complete.To add more, just continue the list with a comma separating ingredients-->
<script type="text/javascript" src="js/autocomplete.js"></script>
<!--jQuery script to control actions sent for input boxes, and the control the popup window you get from clicking on a recipe link.-->
<script type="text/javascript" src="js/searchqj.js"></script>
<script type="text/javascript" src="js/jquery.nyroModal.custom.min.js"></script>
</head>
<body style="overflow:hidden;">
<!-- Nav Bar-->
<nav id="nav">
<ul>
<li><a href="#top">Home</a></li>
<li><a href="#search">Alternate Search</a></li>
<li><a href="#results">Results</a></li>
<li><a href="#help">Help</a></li>
</ul>
</nav>
<!-- Home -->
<div class="wrapper wrapper-style1 wrapper-first">
<article class="5grid 5grid-container" id="top">
<div class="row">
<div class="4u">
<span class="me image image-full"><img src="images/logo2.jpg" alt=""/></span>
</div>
<div class="8u">
<header>
<h1>Welcome to <strong>DinnerApp.ca</strong>.</h1>
</header>
<p>Try typing something in.</p>
<form id="myForm">
<input type="text" id="inputSearch"/>
<button type="button" id="btn" name="submit" class="css3button">submit</button>
<br>
</form>
</div>
</div>
</article>
</div>
<!-- Search -->
<div class="wrapper wrapper-style2">
<article id="search">
<div class="row">
<div class="">
<header>
<h1>Welcome to <strong>Alternate Search</strong></h1>
<fieldset>
<p><b>Cuisine Type Search:</b></p>
<form>
      
<select id="inputSearchStyle" style="width: 400px;"/>
<option value="">Anything</option>
<option value="american">American</option>
<option value="asian">Asian</option>
<option value="bbq">BBQ</option>
<option value="continental">Continental</option>
<option value="fusion">Fusion</option>
<option value="indian">Indian</option>
<option value="italian">Italian</option>
<option value="russian">Russian</option>
<option value="westcoast">West Coast</option>
</select>
</form>
</fieldset>
<br>
<fieldset>
<p><b>Time Search:</b></p>
<form>
<label><b>min:</b></label>
<input type="number" id="inputSearchMin" min="1" max="999" placeholder="1"
style="width:150px;font-weight:900;"/>
<label><b>max:</b></label>
<input type="number" id="inputSearchMax" min="1" max="999" placeholder="10"
style="width:150px;font-weight:900;"/><br>
<button type="button" id="btn-time" name="submit" class="css3buttonsmall">Search by Type and Cook
Time
</button>
<br>
</form>
</fieldset>
</header>
</div>
</div>
</article>
</div>
<!-- Results -->
<div id="scrollTo">
<div class="wrapper-results wrapper-style3">
<br><br>
<article id="results">
<div class="row">
<div class="4u">
<center>
<h1>Welcome to <strong>Results</strong></h1>
<!-- Query Results get displayed in this div. There is a default message in the box, and it will be replaces by the .load jQuery -->
<div id="qr"
style="overflow-y:scroll;width:895px;height:410px;border: 5px solid #542437;border-radius:10px;padding: 5px 5px 5px 5px;">
<br><br>
<h3>Results will be displayed in this space</h3>
<br><br>
<h3>You can use the top bar at any time to</h3>
<br>
<h3>navigate around the page</h3>
</div>
</center>
</div>
</div>
</article>
</div>
</div>
<!-- Help -->
<div class="wrapper wrapper-style4">
<article id="help">
<header>
<h2>Welcome to Dinnerapp.ca</h2>
<ul>
<li>Click Home at any time to get back to the search bar</li>
<li>Check your fridge for food items</li>
<li>Enter items into the Search Box and press the Submit button</li>
<li>Try to stick to major ingredients like Chicken, Salmon or Tofu</li>
<li>Don't type in items like Salt, Olive Oil, or other minor ingredients</li>
<li>If you do not get a match based off of what you've entered, try removing some things, or go to
alternate search.
</li>
</ul>
</header>
<footer>
<p>Created By: Keegan Bailey, Cory Purnell, Jordan Aasen</p>
</footer>
</article>
</div>
</body>
</html>
SEA-GHOST - SHELL CODING BY SEA-GHOST