Skip to content

Commit 21c694d

Browse files
RedwanSharafatKabirRedwanSharafatKabir
committed
.
1 parent 897dfa9 commit 21c694d

4 files changed

+111
-23
lines changed

‎First personal profile website

-1
This file was deleted.

‎First personal profile website.sln

-22
This file was deleted.

‎HTML5 and CSS/HTML5 and CSS.csproj

+1
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,7 @@
3535
<Content Include="Images.html" />
3636
<Content Include="Linking.html" />
3737
<Content Include="List.html" />
38+
<Content Include="Mechanic website form.html" />
3839
<Content Include="Responsive and Transparent login page.css" />
3940
<Content Include="Responsive and Transparent login page.html" />
4041
<Content Include="Scripts\scrolling-nav.js" />

‎HTML5 and CSS/Mechanic website form.html

+110
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
<!DOCTYPE html>
2+
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>Form</title>
6+
<style>
7+
body {
8+
margin: 0;
9+
padding: 0;
10+
display: flex;
11+
justify-content: center;
12+
align-items: center;
13+
min-height: 100vh;
14+
background: #031321;
15+
font-family: consolas;
16+
}
17+
18+
form {
19+
width: 500px;
20+
padding: 20px;
21+
border: 2px solid silver;
22+
margin: 30px auto;
23+
}
24+
25+
input[type='text'], select {
26+
width: 350px;
27+
height: 20px;
28+
border: none;
29+
border-bottom: 1px silver solid;
30+
outline: none;
31+
background: #e5dfdf;
32+
}
33+
34+
textarea {
35+
resize: none;
36+
border: none;
37+
border-bottom: 1px silver solid;
38+
background: #e5dfdf;
39+
width: 343px;
40+
outline: none;
41+
}
42+
43+
input[type='submit'] {
44+
background: #384448;
45+
color: white;
46+
padding: 5px;
47+
border: 1px solid #d3bbbb;
48+
width: 350px;
49+
padding: 10px;
50+
}
51+
52+
input[type='submit']:hover {
53+
background: #031321;
54+
color: white;
55+
}
56+
57+
input[type='text']:focus, select:focus {
58+
background: lightskyblue;
59+
}
60+
61+
input[type='text']:hover, select:hover, textarea:hover {
62+
border-color: #678f14;
63+
}
64+
</style>
65+
</head>
66+
<body>
67+
<form>
68+
<h2 style="color:white;">&nbsp;Order Mechanic</h2><hr>
69+
<table>
70+
<tr>
71+
<td style="color:white;"><lebel for="user">Car Model:</lebel><br><br></td>
72+
<td><input type="text" id="user" name="user"><br><br></td>
73+
</tr>
74+
<tr>
75+
<td style="color:white;"><lebel for="pass">Enter Location:</lebel><br><br><br></td>
76+
<td><input type="text" id="pass" name="password"><br><br><br></td>
77+
</tr>
78+
<tr>
79+
<td style="color:white;"><lebel>Problem:</lebel><br><br></td>
80+
<td style="color:white;">
81+
Body damage:<input type="radio" name="gender" value="male">&emsp;&emsp;Internal damage:<input type="radio" name="gender" value="female">
82+
<br><br>
83+
</td>
84+
</tr>
85+
86+
<tr>
87+
<td style="color:white;"><lebel for="country">Vehicle type:&nbsp;&nbsp;</lebel><br><br></td>
88+
<td height="50px" width="20px">
89+
<select id="country" name="country">
90+
<option value="">Select </option>
91+
<option value="bd">Truck</option>
92+
<option value="in">Motor car</option>
93+
<option value="pk">Motor cycle</option>
94+
</select><br><br>
95+
</td>
96+
</tr>
97+
<tr>
98+
<td style="color:white;"><lebel for="comment">Description:</lebel></td>
99+
<td><textarea rows="5"></textarea></td>
100+
</tr>
101+
<tr>
102+
<td></td>
103+
<td height="50px">
104+
<input type="submit" value="Click here to submit" name="submit form">
105+
</td>
106+
</tr>
107+
</table>
108+
</form>
109+
</body>
110+
</html>

0 commit comments

Comments
 (0)