-
Notifications
You must be signed in to change notification settings - Fork 0
/
survey.html
149 lines (119 loc) · 4.82 KB
/
survey.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>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Conversation Kitchen</title>
<!-- Font Awesome Icons -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Theme CSS - Includes Bootstrap -->
<link href="css/creative.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">CONVERSATION KITCHEN</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- <div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto my-2 my-lg-0">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
</li>
</ul>
</div> -->
</div>
</nav>
<!-- Survey Section -->
<section class="page-section bg-primary" id="about">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-white mt-0">Join the conversation: <br> Transit in DC Group Signup </h2>
<hr class="divider light my-4">
<p class="text-white-50 mb-4">Our survey will help you find a group you'll feel comfortable exploring new opinions in.</p>
</div>
</div>
<div id="survey">
<h3 class="survey-text">DC Transit Specific Questions </h3>
<form>
<div>
<p>How often do you personally use transit?</p>
<div class="survey-slider-container">
<span class="survey-label">Never</span>
<input class="survey-slider" type="range" name="points" min="0" max="5">
<span class="survey-label">All the time</span>
</div>
</div>
<br>
<div>
<p>How far do you live from work?</p>
<div class="survey-slider-container">
<span class="survey-label">0 (Work from home)</span>
<input class="survey-slider" type="range" name="points" min="0" max="5">
<span class="survey-label">15+ Miles</span>
</div>
</div>
<br>
<div>
<p>Do you own a bike?</p>
<input type="radio" name="bike" value="yes"> Yes<br>
<input type="radio" name="bike" value="no"> No
</div>
</div>
<br>
<div id="survey">
<h3 class="survey-text">Personality Specific Questions </h3>
</div>
<div>
<p>Are you likely to start a debate?</p>
<input type="radio" name="debate" value="yes"> Yes<br>
<input type="radio" name="debate" value="no"> No
</div>
<br>
<div>
<p>Do you tend to dominate a conversation?</p>
<input type="radio" name="convo" value="yes"> Yes<br>
<input type="radio" name="convo" value="no"> No
</div>
<br>
<input type="submit">
</div>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-light py-5">
<div class="container">
<div class="small text-center text-muted">Copyright © 2019 - Start Bootstrap</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/creative.min.js"></script>
</body>
</html>