Skip to content

Commit 940aa34

Browse files
authored
Update index.jsp
1 parent ca43996 commit 940aa34

File tree

1 file changed

+73
-25
lines changed

1 file changed

+73
-25
lines changed

src/main/webapp/index.jsp

Lines changed: 73 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,78 @@
11
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
22
<html>
3+
34
<head>
4-
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
5-
<title>Calculator</title>
5+
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
6+
<title>Web Calculator</title>
7+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
8+
<style type="text/css">
9+
.vertical-offset-100{
10+
padding-top: 100px;
11+
12+
}
13+
14+
15+
16+
17+
</style>
618
</head>
7-
<body>
8-
<h1 style="text_align=center">Calculator</h1>
9-
<form action="firstHomePage" method="get">
10-
<label>first number:</label>
11-
<input type="text" name="n1" />
12-
<br />
13-
<label>Second number : </label>
14-
<input type="text" name="n2" />
15-
<br />
16-
<div>
17-
<label>
18-
<input type="radio" name="r1" value="add" />addition
19-
<br />
20-
</label>
21-
<input type="radio" name="r2" value="sub" />subtraction
22-
<br />
23-
<input type="radio" name="r3" value="mul" />multiplication
24-
<br />
25-
26-
</div>
27-
<input type="submit" value="submit" />
28-
</form>
19+
20+
<body class="form">
21+
<!-- <h1 style="text_align=center">Calculator</h1>
22+
<form action="firstHomePage" method="get">
23+
<label style="font-size: 30px;
24+
font-family: sans-serif;">First number:</label>
25+
<input type="text" name="n1" />
26+
</div>
27+
<br />
28+
<label>Second number : </label>
29+
<input type="text" name="n2" />
30+
<br />
31+
<div>
32+
<label>
33+
<input type="radio" name="r1" value="add" />addition
34+
<br />
35+
</label>
36+
<input type="radio" name="r2" value="sub" />subtraction
37+
<br />
38+
<input type="radio" name="r3" value="mul" />multiplication
39+
<br />
40+
</div>
41+
<input type="submit" value="submit" />
42+
</form> -->
43+
<div class="container">
44+
<div class="row vertical-offset-100">
45+
<div class="col-md-4 col-md-offset-4">
46+
<div class="panel panel-default">
47+
<div class="panel-heading text-center" style="color: #fff;
48+
background-color: #5f6ecc;
49+
font-weight: bold;">Web Calculator</div>
50+
<div class="panel-body">
51+
<form>
52+
<fieldset>
53+
<div class="form-group">
54+
<input type="text" name="n1" class="form-control" />
55+
</div>
56+
<div class="form-group">
57+
<input type="text" name="n2" class="form-control" />
58+
</div>
59+
<label class="radio-inline">
60+
<input type="radio" name="r1" value="add" />Addition
61+
</label>
62+
<label class="radio-inline">
63+
<input type="radio" name="r2" value="sub" />Subtraction
64+
</label>
65+
<label class="radio-inline">
66+
<input type="radio" name="r3" value="mul" />Multiplication
67+
</label>
68+
<input type="submit" name="" class="btn btn-lg btn-block" value="submit" style="background-color: #526abd; margin-top: 30px;">
69+
</fieldset>
70+
</form>
71+
</div>
72+
</div>
73+
</div>
74+
</div>
75+
</div>
2976
</body>
30-
</html>
77+
78+
</html>

0 commit comments

Comments
 (0)