TargetHackathon2016/questions.html at master · jlkoran/TargetHackathon2016 · GitHub

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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Party Planner: Questions</title>
        <link rel="icon" href="images/logo.png">

        <!-- CSS -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
        <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="assets/css/form-elements.css">
        <link rel="stylesheet" href="assets/css/style.css">
    </head>

    <style>
        img {
			width: auto;
			height: auto;
			max-width: 100%;
			max-height: 90%;
	    }

	</style>

    <body>
        <!-- Top content -->
        <div class="top-content">

	    	<div class="row">
		        <div class='col-md-4' style="padding-left:0">
			        <img src="images/half-logo.png" max-height="90%"></img>
			    </div>

                <div class="container" style="margin-top:10%">

                        <div class="col-md-8">
                        	<form role="form" action="" method="get" class="registration-form">

                        		<fieldset>
		                        	<div class="form-top">
		                        		<div class="form-top-left">
		                        			<h3>Who is the party for?</h3>
		                        		</div>
		                            </div>
		                            <div class="form-bottom">
				                    	<div class="form-group">
						                   	<input type="radio" name="age" value="child">  A Child<br>
		              						<input type="radio" name="age" value="ya">  A Young Adult<br>
		              						<input type="radio" name="age" value="adult">  An Adult<br>
				                        </div>
				                        <button type="button" class="btn btn-next">Next</button>
				                    </div>
			                    </fieldset>

			                    <fieldset>
		                        	<div class="form-top">
		                        		<div class="form-top-left">
		                        			<h3>What is your zipcode?</h3>
		                        			<p>This information will help us let you know if the items are in stock at the store nearest you.</p>
		                        		</div>
		                            </div>
		                            <div class="form-bottom">
				                        <div class="form-group">
				                        	<input type="text" name="zipcode" placeholder="Zipcode" class="zipcode form-control" id="email">
				                        </div>
				                        <button type="button" class="btn btn-previous">Previous</button>
				                        <button type="button" class="btn btn-next">Next</button>
				                    </div>
			                    </fieldset>

			                    <fieldset>
		                        	<div class="form-top">
		                        		<div class="form-top-left">
		                        			<h3>What theme are you interested in?</h3>
		                        		</div>
		                            </div>
		                            <div class="form-bottom">
				                    	<div class="form-group">
				                    		<div id="child-form" style='display:none'>
				                    			<input type="checkbox" value="disney" name="disney">  Disney<br>
				                    			<input type="checkbox" value="superheroes" name="superheroes">  Superheroes<br>
				                    			<input type="checkbox" value="slumberParty" name="slumberParty">  Slumber Party<br>
				                    			<input type="checkbox" value="animals" name="animals"> Animals<br>
				                    		</div>
				                    		<div id="ya-form" style='display:none'>
				                    			<input type="checkbox" value="sophisticated" name="sophisticated">  Sophisticated<br>
				                    			<input type="checkbox" value="twenties" name="twenties">  Twenties<br>
				                    			<input type="checkbox" value="beach" name="beach">  Beach<br>
				                    			<input type="checkbox" value="nature" name="nature">  Nature<br>
				                    		</div>
				                    		<div id="adult-form" style='display:none'>
				                    			<input type="checkbox" value="formal" name="formal">  Formal<br>
				                    			<input type="checkbox" value="vintage" name="vintage">  Vintage<br>
				                    			<input type="checkbox" value="casual" name="casual">  Casual<br>
				                    			<input type="checkbox" value="nature" name="nature">  Nature<br>
				                    		</div>
				                        </div>
				                        <button type="button" class="btn btn-previous">Previous</button>
				                        <button class="btn"><a style="color:white" href="stock_results.html">Submit</a></button> <!--CHANGE type="submit"-->
				                    </div>
			                    </fieldset>

		                    </form>

                        </div>
                    </div>
                </div>
        </div>


        <!-- Javascript -->
        <script src="assets/js/jquery-1.11.1.min.js"></script>
        <script src="assets/bootstrap/js/bootstrap.min.js"></script>
        <script src="assets/js/jquery.backstretch.min.js"></script>
        <script src="assets/js/retina-1.1.0.min.js"></script>
        <script src="assets/js/scripts.js"></script>
        <script src="questions.js"></script>

    </body>

</html>