HTML-Form-Bootstrap/index.html at master · arun-projects/HTML-Form-Bootstrap · 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
<!DOCTYPE html>
<html>

<head>
	<title>HTML Form</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">

	<!-- Visit Google Fonts and implement a font of your choice here -->

	<!-- Create a link to style.css here -->
</head>

<body>

<!-- Create a Div here with a class attribute of "margin-top-20" and "logo" with whatever text you like inside. -->

<div class="small-container margin-top-20">
	<div class="well">
		<div class="bold">
			First Name
		</div>
		<div class="margin-top-10">
			<!-- Place a text input field here with a class of "form-control" -->
		</div>
		<div class="bold margin-top-10">
			Last Name
		</div>
		<div class="margin-top-10">
			<!-- Place a text input field here with a class of "form-control" -->
		</div>
		<div class="bold margin-top-10">
			Email Address
		</div>
		<div class="margin-top-10">
			<!-- Place a text input field here with a class of "form-control" -->
		</div>
		<div class="bold margin-top-10">
			Address
		</div>
		<div class="margin-top-10">
			<!-- Place a text input field here with a class of "form-control" -->
		</div>
		<div class="row margin-top-10">
			<div class="col-sm-6">
				<div class="bold">
					Address Line 2
				</div>
				<div class="margin-top-10">
					<!-- Place a text input field here with a class of "form-control" -->
				</div>
			</div>
			<div class="col-sm-6">
				<div class="bold">
					City
				</div>
				<div class="margin-top-10">
					<!-- Place a text input field here with a class of "form-control" -->
				</div>
			</div>
		</div>
		<div class="row margin-top-10">
			<div class="col-sm-6">
				<div class="bold">
					State
				</div>
				<div class="margin-top-10">
					<!-- Place a select field here with a class of "form-control" with options for each state. You may want to find a list online. -->
				</div>
			</div>
			<div class="col-sm-6">
				<div class="bold">
					Country
				</div>
				<div class="margin-top-10">
					<select class="form-control">
						<option value="USA">United States</option>
					</select>
				</div>
			</div>
		</div>
		<div class="margin-top-20 txt-center">
			<!-- Place a button here with a type attribute of "submit", a class of "btn btn-primary", and an id attribute of "submit" -->
		</div>
	</div>
</div>

<!-- Create a JavaScript script link here to app.js -->

</body>

</html>