mentoring/form.html at gh-pages · Webtisans/mentoring · 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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>I want to learn Web Development</title>
	<!-- Latest compiled and minified CSS & JS -->
	<link rel="stylesheet" media="screen" href="//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
	<script src="//code.jquery.com/jquery.js"></script>
	<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="css/form.css">
	<script src="js/form.js"></script>


		<!-- Scripts start -->
	<script type="text/javascript" src='js/ga.js'></script>
	<!-- Scripts end -->
</head>
<body class='form'>
<div class="overlay"></div>
	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
		<ul class="nav navbar-nav">
			<li class="active">
				<a href="/intro.html">Back</a>
			</li>
			<li>
				<!-- <a href="#">Next</a> -->
			</li>
		</ul>
	</nav>

	<div class="jumbotron col-md-10 col-md-offset-1 text-center">
		<div class="container">
			<h1>That's Great</h1>
			<p>To guide you through this process it would be very helpful if I can know some things about you.</p>
			<p>
				<a href='#form' class="btn btn-primary btn-lg">No Problem!</a>
			</p>
		</div>
	</div>


	<div class="container">
		<div class="row">
			<div class="col-md-6 col-md-offset-3">

				<form id='form' name='post' action='//rocky-badlands-4449.herokuapp.com/posts.json'>
					<div class="form-group">
						<label for="weekly_time">How many hours do you learn web development per week?</label>
						<input type="text" class="form-control" name="weekly_time">
					</div>

					<div class="form-group">
						<label for="time">How long have you been trying to learn web development?</label>
						<input type="text" class="form-control" name="time">
					</div>

					<div class="form-group">
						<label for="money">How much money per month do you invest on learning web development?</label>
						<input type="text" class="form-control" name="money">
					</div>

					<div class="form-group">
						<label for="how_learnt">How have you learned? Which resources do you use?
</label>
						<textarea name='how_learned' class='form-control'></textarea>
					</div>

					<div class="form-group">
						<label for="built">What have you built? Please share links if you have.
</label>
						<textarea name='built' class='form-control'></textarea>
					</div>

					<div class="form-group">
						<label for="reason">Why do you want to learn web development? Get a job, build a product, earn more money, have more time to spend with your family and your own, the more specific the better.
</label>
						<textarea name='reason' class='form-control'></textarea>
					</div>

					<div class="form-group">
						<label for="email">Write your email here if you want to talk more about your needs.
</label>
						<input type="text" class="form-control" name="email">
					</div>

					<div class="text-center">

					<button type="submit" class="btn btn-default btn-lg btn-success">Boost my Development Skills!</button>
					</div>
				</form>
			</div>
		</div>
	</div>


	<!-- Modal -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-body">
					<p> Thanks. Enjoy the rest of your day. </p>
					<p>And Let's Develop a Great Career Together!</p>
				</div>
			</div>
		</div>
	</div>
</body>
</html>