-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathRegistration.html
139 lines (137 loc) · 6.04 KB
/
Registration.html
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<html>
<head>
<link rel="icon" href="blogo.png">
<title>Registration</title>
<style>
h2 { border-radius: 10px;}
table {font-weight:bold; padding:10px;text-color:gold; font-size:18px;}
legend{text-align:center; width:200px;background-color:ivory;font-size:28px;border: 2px solid #0088dd;border-radius: 50px;}
button {background-color:yellow; }
ol {font-size:24px; font-weight:bold;}
fieldset {border-radius:40px;}
body {background-image:url(simple_2.jpg)}
form {font-weight:bold;}
ul {
list-style-type: none;
margin: 10;
padding: 10;
overflow: hidden;
background-color: black;
font-size:25px;
}
li {
padding-right:30px;
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 10px 10px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: green;
color:yellow;
}
.active {
background-color: green;
}
</style>
</head>
<body>
<div style="background-color:#0431B4; padding-bottom:1px;"><center>
<h1 style="background-color:black;color:white;font-size:34px; font-family:Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif">Online <font color="orange">Book</font> Store</h1>
<table>
<tr><td style="padding-left:70px"><a href="index.html"><img src="blogo.png" height="230" width="230"></a></td>
<td style="color:white;font-size:45px;color:white">Book<br>Store</td>
</tr>
</table>
<ul style="padding-bottom:10px;border-radius:25px;">
<li><a href="index.html">Home</a></li>
<li><a href="islamic.html">Islamic Books</a></li>
<li><a href="poetry.html">Poetry Books</a></li>
<li><a href="historical.html">Historical Books</a></li>
<li><a href="biography.html">Biography Books</a></li>
<li><a href="Registration.html">Registration</a></li>
</ul>
</center>
</div>
<div>
<fieldset><legend>Registration</legend>
<form>
<h1 style="font-size:28px;background-color:white;border-radius:25px;"><marquee>Welcome to Online Books Store Registration. Register your self to this website and order books by post and Get Disconts of 20%!!!</marquee></h1>
<center><table border="1" style="border-radius:30px;background-color:orange;height:55%;width:40%">
<tr><td>First Name:</td><td><input type="text" name="first name" required placeholder="Enter your First Name" style="width:100%" required></td></tr>
<tr><td>Last Name:</td><td><input type="text" name="Lasr name" requried placeholder="Enter your last Name" style="width:100%" required></td></tr>
<tr><td>Choose Gender:</td><td><input type="radio" name="gender" value="Male">Male
<input type="radio" name="gender" value="Female">Female</td></tr>
<tr><td>Date of Birth:</td><td><input type="date" placeholder="Enter your Date of Birth" style="width:100%" required></td></tr>
<tr><td>Phone No:</td><td><input type="number" name="contact no." placeholder="Enter Your Phone No" style="width:100%" requried></td></tr>
<tr><td>City:</td><td>
<select style="width:100%">
<option>...City...</option>
<option>Lahore</option>
<option>Islamabad</option>
<option>Karachi</option>
<option>Multan</option>
<option>Faislabad</option>
<option>Sialkot</option>
<option>Rawalpindi</option>
<option>Saiwal</option>
<option>Bhawalpor</option>
</select>
</td></tr>
<tr><td>Email:</td><td><input type="email" name="email" style="width:100%" placeholder="Enter Your Email" required></td></tr>
<tr><td>Password:</td><td><input type="password" placeholder="Enter a password" style="width:100%" required></td></tr>
<tr><td>Confirm-Password:</td><td><input type="password" placeholder="Reconfirm password" style="width:100%" required></td></tr></table>
<input type="submit" name="Submit" value="Submit" style="height:40px;width:150px;border-radius:100px;font-size:20px; background-color:red;color:white;">
<input type="reset" value="Clear" style="height:40px;width:150px; background-color:red;color:white;border-radius:100px;font-size:20px;">
</form>
</center>
</fieldset>
<fieldset style="background-color:#8DFB90;">
<legend>Share Your Comments</legend>
<form>
<h2>Which Books Do You like the Most?</h2>
<input type="checkbox" name="books" value="Islamic Books"> Islamic Books<br>
<input type="checkbox" name="books" value="Poetry Books"> Poetry Books<br>
<input type="checkbox" name="books" value="Biography Books"> Biography Books<br>
<input type="checkbox" name="books" value="Historical Books Books"> Historical Books
<h3><u>Comments-Section:</u></h3>
<center><textarea placeholder="Enter Your Comments Here:" style="height:90px;width:100%">
</textarea>
<input type="submit" name="Submit" value="Submit" style="height:40px;width:150px;border-radius:100px;font-size:20px; background-color:red;color:white;">
<input type="reset" value="Clear" style="height:40px;width:150px; background-color:red;color:white;border-radius:100px;font-size:20px;">
</center>
</form>
</fieldset>
<div>
<table><tr><td style="padding-right:20px;font-size:20px;">
<pre><h4>About Website Owner</h4></pre>
<img src="ahsan.jpg" hieght="100" width="100"><br>
Ahsan Riaz<br>
<pre><a href="mailto:[email protected]">Send Mail</a>
</pre>
</address>
</td>
<td><br><pre style="font-size:25px;padding-right:400px">
<table style="font-size:22px">
<tr style="font-size:22px">
<center>Follow Us On:</center></tr>
<tr>
<td style="padding-right:25px"><a href="https://www.facebook.com/"><img src="facebook.png" height="22" width="22">Facebook</a></td>
<td style="padding-right:60px"><a href="https://www.instagram.com/?hl=en"><img src="instagram.png" height="22" width="22">Instagram</a></td>
<td style="padding-right:60px"><a href="https://mail.google.com/mail/u/0/"><img src="gmail.png" height="22" width="22">Gmail</a></td>
<td style="padding-right:60px"><a href="https://twitter.com/"><img src="twitter.png" height="23" width="23">Twitter</a></td>
</tr>
</table>
</center>
</td>
</tr>
</pre>
</table><pre style="font-size:25px;padding-right:400px">
<a href="#top"><button style="height:50px;width:30%;font-size:18px;border-radius:200px">Goto Top Of the Page</button></a> © CopyRight 2018-2022 Online Book Store. All Right Reserved</pre>
</div>
</body>
</html>