Skip to content

Commit 585b651

Browse files
techlord001techlord001
committed
initial commit
1 parent b1b57cf commit 585b651

File tree

3 files changed

+165
-0
lines changed

3 files changed

+165
-0
lines changed

‎index.php

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Measurement Conversion</title>
8+
<link href="styles.css" rel="stylesheet" type="text/css">
9+
</head>
10+
11+
<body>
12+
13+
<div id="main-content">
14+
15+
<h1>Measurement Conversion</h1>
16+
17+
<ul id="measurement-types">
18+
<li><a href="length.php">Length and distance</a></li>
19+
<li><a href="area.php">Area</a></li>
20+
<li><a href="volume.php">Volume and capacity</a></li>
21+
<li><a href="mass.php">Mass and weight</a></li>
22+
<li><a href="speed.php">Speed</a></li>
23+
<li><a href="temperature.php">Temperature</a></li>
24+
</ul>
25+
26+
</div>
27+
</body>
28+
29+
</html>

‎length.php

+44
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Convert Length</title>
7+
<link href="styles.css" rel="stylesheet" type="text/css">
8+
</head>
9+
10+
<body>
11+
12+
<div id="main-content">
13+
14+
<h1>Convert Length</h1>
15+
16+
<form action="" method="post">
17+
18+
<div class="entry">
19+
<label>From:</label>&nbsp;
20+
<input type="text" name="from_value" value="" />&nbsp;
21+
<select name="from_unit">
22+
<option>From Unit</option>
23+
</select>
24+
</div>
25+
26+
<div class="entry">
27+
<label>To:</label>&nbsp;
28+
<input type="text" name="to_value" value="" />&nbsp;
29+
<select name="to_unit">
30+
<option>To Unit</option>
31+
</select>
32+
33+
</div>
34+
35+
<input type="submit" value="Submit" />
36+
</form>
37+
38+
<br />
39+
<a href="index.php">Return to menu</a>
40+
41+
</div>
42+
</body>
43+
44+
</html>

‎styles.css

+92
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
/* general */
2+
3+
html {
4+
height: 100%;
5+
width: 100%;
6+
margin: 0;
7+
padding: 0;
8+
}
9+
10+
body {
11+
height: 100%;
12+
width: 100%;
13+
margin: 0;
14+
padding: 0;
15+
background: #EEE;
16+
font: 18px Georgia, Times, "Times New Roman", serif;
17+
}
18+
19+
#main-content {
20+
width: 500px;
21+
margin: 0 auto;
22+
padding: 20px 0;
23+
}
24+
25+
h1 {
26+
font: 30px Arial, "Helvetica Neue", Helvetica, sans-serif;
27+
}
28+
29+
30+
/* menu page */
31+
32+
ul#measurement-types {
33+
list-style-type: none;
34+
margin: 1em 0;
35+
padding: 0;
36+
}
37+
38+
ul#measurement-types li {
39+
height: auto;
40+
margin: 0 0 10px 0;
41+
padding: 0;
42+
}
43+
44+
ul#measurement-types li a {
45+
text-decoration: none;
46+
color: black;
47+
display: block;
48+
background: white;
49+
padding: 16px 24px;
50+
width: 180px;
51+
border: 1px solid black;
52+
}
53+
54+
ul#measurement-types li a:hover {
55+
color: white;
56+
background: #FDB912;
57+
}
58+
59+
60+
/* conversion forms */
61+
62+
form label {
63+
display: inline-block;
64+
width: 45px;
65+
}
66+
67+
form input[type="text"] {
68+
width: 80px;
69+
font-size: 16px;
70+
line-height: 16px;
71+
}
72+
73+
form select {
74+
margin: 1em 0;
75+
font-size: 14px;
76+
}
77+
78+
form input[type="submit"] {
79+
font-size: 1em;
80+
text-decoration: none;
81+
color: black;
82+
display: block;
83+
background: white;
84+
margin: 2em 0 2em 25px;
85+
padding: 6px 12px;
86+
border: 1px solid black;
87+
}
88+
89+
form input[type="submit"]:hover {
90+
color: white;
91+
background: #FDB912;
92+
}

0 commit comments

Comments
 (0)