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