search.html


<!DOCTYPE html>
<html>
<head>
  <title>Search</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="css/foundation.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" type="text/css" href="css/normalize.css">
  <link rel="stylesheet" type="text/css" href="css/custom.css">
  <!-- <link rel="stylesheet" type="text/css" href="css/modal.css"> -->
</head>

<body>
	
	<header class="">
		<div>
			<!-- <img src="img/mest-logo.png"> -->
		<h3>MELTWATER ENTREPRENEURIAL SCHOOL OF TECHNOLOGY</h3>
		</div>


		<!-- test nav start -->
		<nav class ="top-bar " data-options ="is_hover:false">
		 	 <ul class="title-area ">
		    <!-- Title Area -->
			    <li class="name">
			      <h1><a href="#"></a></h1>
			    </li>
		   		 <li class ="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
		 	 </ul>

			  <section class ="top-bar-section ">
			    <!-- Left Nav Section -->
				    <ul class="left">
				    	<li><a href="index.html">Home</a></li>
				    </ul>

				    <!-- Right Nav Section -->
				    <ul class ="right">
					    <li class="hide-for-small"></li>
					    <li class="active"><a href="">Search</a></li>				   
					   	<li><a href="">Messages</a></li>
					    <li><a href="">Favorite</a></li>				    
					    <li id="profile-pic"><img src="img/nick.jpg"></li>
					    <li class ="has-dropdown "><a href="">Hello, Nick</a>	
					       	<ul class ="dropdown">
					       		<li><a href="#">logout</a></li>
					      	</ul>    	
					</ul>
			  </section>
		</nav>
		<!-- test nav ends -->
	</header>
 <!-- right column -->
 <div id="search-main-container">
 	<div class="side-nav">
 		<div class="section-container accordion" data-section="accordion">
 			<section>
 				<p class="title active" data-section-title><a href="#">Types</a></p>
 				<div class="content" data-section-content>
 					<ul>
			 			<li><a href="">Resources</a></li>
			 			<li><a href="">Mentors</a></li>
			 			<li><a href="">Job applicants</a></li>
			 			<li><a href="">Freelancers</a></li>
			 		</ul>
 				</div>
 			</section>
 			<section>
 				<p class="title" data-section-title><a href="#">Filter search</a></p>
 				<div class="content" data-section-content>
 					<ul>
 						<li><a href="">Community approval rating</a></li>
 						<li><a href="">My favorites</a></li>
 						<li><a href="">Tagged for me</a></li>
 						<li><a href="">Location</a></li>
 						<li><a href="">Industry</a></li>
 					</ul>
 				</div>

 			</section>
 			<section>
 				<p class="title" data-section-title><a href="#">Sort by</a></p>
 				<div class="content" data-section-content>
 					<ul>
 						<li><a href="">Recently added</a></li>
 						<li><a href="">Star rating</a></li>
 						<li><a href="">Location</a></li>
 					</ul>
 				</div>
 			</section>
 			<section>
 				<p class="title" data-section-title><a href="#">Saved searches</a></p>
 				<div class="content" data-section-content>
 					<ul>
 						<li><a href="">SEO help</a></li>
 						<li><a href="">Job search: Marketing</a></li>
 					</ul>
 					<a href="#">Add current search</a>
 				</div>
 			</section>
 		</div>
 	</div>
 	
 	<div id="search-right-column">
 		

 		<button class="search-button" type="action"><a href="#">Search</a></button>
		<div class=" section-container tabs row" data-section="tabs">
 			
			<section >
				<h5 class="title" data-section-title>Topic</h5>
				<div id="search-topic" class="content" data-section-content>				
				<ul>
					<li>
						<h6 class="mf-subtitle">Business Development</h6>
						<ul>
						<li>Sales </li>
						<li>Customre Support</li>
						<li>Pitching</li>
						<li>Fund Raising</li>
						</ul>
					</li>
					<li>
						<h6 class="mf-subtitle">Design</h6>
						<ul>
						<li>Graphic Design</li>
						<li>Product Design</li>
						<li>UI/UX</li>
						</ul>
					</li>
					<li>
						<h6 class="mf-subtitle">Customer Development</h6>
						<ul>
						<li>Analysis</li>
						<li>Product/ market fit</li>
						<li>Converstion</li>
						</ul>
					</li>
					<li>
						<h6 class="mf-subtitle">Legal</h6>
						<ul>
						<li>Contracts</li>
						<li>Incorporation</li>
						<li>Intellectual property</li>
						<li>Liscencing</li>
						</ul>
					</li>
					<li>
						<h6 class="mf-subtitle">Technology</h6>
						<ul>
						<li>Technology stacks</li>
						<li>Software tools</li>
						</ul>
					</li>
					<li>
						<h6 class="mf-subtitle">Operation</h6>
						<ul>
				 		<li>Procurement</li>
						<li>Supply Chain</li>
						</ul>
					</li>
					<li>
						<h6 class="mf-subtitle">Human Resources</h6>
						<ul>
						<li>Hiring</li>
						<li>Motivation</li>
						<li>Coaching and leadership</li>
						<li>Teamwork</li>
						<li>Interviewing</li>
						</ul>
					</li>
					<li>
						<h6 class="mf-subtitle">Strategy/marketing</h6>
						<ul class="comfortable-areas">
						<li>Advertising</li>
						<li>Competitive analysis</li>
						<li>Copywrighting</li>
						<li>Email marketings</li>
						<li>Growth and scaling</li>
						<li>Marketing strategy</li>
						<li>#</li>
						<li>Search engine optimization (SEO)</li>
						</ul>
					</li>
				</ul>
				</div>
			</section>
			<section>
				<h5 class="title" data-section-title>Sectors</h5>
				<div class="content" data-section-content>
						<div id="sector">
						 <ul ><span>
								<li>Analytics</li>
								<li>Advertising</li>
								<li>Cloud services</li>
								<li>Education</li>
								<li>Enterprise software</li>
								<li>Events</li>
								<li>Fashion</li>
								<li>Financial services</li>
								<li>Games</li>
								<li>Green</li>
								<li>Hardware</li>
								<li>Healthcare</li>
								<li>Local</li>
								<li>Media</li>
								<li>Mobile</li>
								<li>Music</li>
								<li>Payments</li>
								<li>Photography</li>
								<li>Productive tools</li>
								<li>Recruting</li>
								<li>Retail</li>
								<li>Sharing</li>
								<li>Small business</li>
								<li>Social impact</li>
								<li>Sports</li>
								<li>Travel</li>
								<li>Video</li>
						 </span>
						</ul>
						</div> 
				</div>
			</section>
			<section>
				<h5 class="title" data-section-title>Location</h5>	
				<div class="content" data-section-content>
					<p>I have no idea what goes on here!</p>
				</div>		
			</section>
		</div>
 	</div>	
</div>	


 <!-- scripts go here	-->
 <script>
  document.write('<script src=' +
  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
  '.js><\/script>')
  </script>
  <script src="js/foundation/foundation.js"></script>
  <script src="js/foundation/foundation.alerts.js"></script>
  <script src="js/foundation/foundation.clearing.js"></script>
  <script src="js/foundation/foundation.cookie.js"></script>
  <script src="js/foundation/foundation.dropdown.js"></script>
  <script src="js/foundation/foundation.forms.js"></script>
  <script src="js/foundation/foundation.joyride.js"></script>
  <script src="js/foundation/foundation.magellan.js"></script>
  <script src="js/foundation/foundation.orbit.js"></script>
  <script src="js/foundation/foundation.placeholder.js"></script>
  <script src="js/foundation/foundation.reveal.js"></script>
  <script src="js/foundation/foundation.section.js"></script>
  <script src="js/foundation/foundation.tooltips.js"></script>
  <script src="js/foundation/foundation.topbar.js"></script>
  <script src="js/foundation/foundation.interchange.js"></script>
  <script>
    $(document).foundation();
  </script>
</body>
</html>

