make the search close -its mean to choose one area from the checkbox …

…list #24
FACN1 · May 15, 2017 · 5f702fe · 5f702fe
1 parent b69e9cd
commit 5f702fe
Showing 1 changed file with 29 additions and 2 deletions.
diff --git a/views/location.hbs b/views/location.hbs
@@ -1,7 +1,34 @@
 <form class="pa4 black-80 center">
   <h1 class="center">location</h1>
-  <label for="location" class="f6 b db mb2 center">please enter your location looking for ? </label>
-    <input id="location" class="input-reset ba b--black-20 pa2 mb2 db w-30" type="text" >
+  <label for="location" class="f6 b db mb2 center">Please enter the location you are looking for: </label>
+  <div class="flex items-center mb2">
+     <input class="mr2" type="checkbox" id="spacejam" value="spacejam">
+     <label for="spacejam" class="lh-copy">Space Jam</label>
+   </div>
+   <div class="flex items-center mb2">
+     <input class="mr2" type="checkbox" id="airbud" value="airbud">
+     <label for="airbud" class="lh-copy">Air Bud</label>
+   </div>
+   <div class="flex items-center mb2">
+     <input class="mr2" type="checkbox" id="hocuspocus" value="hocuspocus">
+     <label for="hocuspocus" class="lh-copy">Hocus Pocus</label>
+   </div>
+   <div class="flex items-center mb2">
+     <input class="mr2" type="checkbox" id="diehard" value="diehard">
+     <label for="diehard" class="lh-copy">Die Hard</label>
+   </div>
+   <div class="flex items-center mb2">
+     <input class="mr2" type="checkbox" id="primer" value="primer">
+     <label for="primer" class="lh-copy">Primer</label>
+   </div>
+   <div class="flex items-center mb2">
+     <input class="mr2" type="checkbox" id="proxy" value="proxy">
+     <label for="proxy" class="lh-copy">Hudsucker Proxy</label>
+   </div>
+   <div class="flex items-center mb2">
+     <input class="mr2" type="checkbox" id="homealone" value="homealone">
+     <label for="homealone" class="lh-copy">Home Alone</label>
+   </div>
     <a href="Accessibility">submit</a>
 
 </form>