-
Notifications
You must be signed in to change notification settings - Fork 0
/
Contact.html
104 lines (95 loc) · 4.34 KB
/
Contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Web page/Contact</title>
<link rel="stylesheet" href="common.css">
<link rel="icon" href="pictures/favicon.ico" type="image/x-icon">
</head>
<body>
<div id="wrapper">
<header>
<h1>Beijing Jiaotong University</h1>
</header>
<nav>
<ul style="margin: 0;" id="navigation">
<li><a href="home.html">Home</a>
</li>
<li><a href="Services.html" target="_blank">Services</a>
<ul>
<li><a href="CalculateGPA.html">calculate</a></li>
</ul>
</li>
<li><a href="Contact.html" target="_blank">Contact</a>
<ul>
<li><a href="#statement">statement</a></li>
<li><a href="#contacting">contacting</a></li>
</ul>
</li>
<li><a href="Game.html" target="_blank">Game</a></li>
<li><a href="Contact.html" target="_blank">test2</a></li>
<li><a href="Contact.html" target="_blank">test3</a></li>
</ul>
</nav>
<main>
<div id="statement">
<hr style="margin: 0;">
<h2 class="contacth" style="margin: 0;">Legal Statement:</h2> <!--I fixed some English grammar issues for you😁-->
<p>This Web is not a official website of Beijing jiaotong University,it is just a student's replication in efforts to practise HTML5 and CSS.
Through this project,I have improved my web development ability.If this website violates your right in any way, please contacting with me and I'll delete it.</p>
</div>
<div id="contacting">
<p>If you have any queries you would like to reach out to me about, find my contact information down below,Thank You.</p>
</div>
<div style="background-image:url(Pictures/emailsend.gif);background-position: center right; background-repeat:no-repeat; background-size:contain;">
<hr style="margin: 0;">
<h2 class="contacth" style="margin: 0;">How to contact <b>ME</b>:</h2>
<p style="text-indent: 4em;">Email:<a href="mailto:[email protected]">[email protected]📧</a></p> <!--Added an emoji :)-->
<p style="text-indent: 4em;margin: 0;">Wechat:liruize830📱</p><!--Added an emoji :)-->
</div>
<div class="forms">
<hr style="margin: 0;">
<h2 class="contacth" style="margin: 0;">How should we contact <b>YOU:</h2></p>
<!-- <form> -->
<fieldset>
<legend>Personal Information</legend>
<label for="name">Name:</label><br>
<input type="text" name="name" id="name" required><br>
<label for="route">Email:</label><br> <!--Most people can be professionally reached through email, plus it makes for error detection-->
<input type="text" name="route" id="route" required><br>
<fieldset><legend>Gender:</legend>
<input type="radio" name="gender" id="gendermale" value="male" >Male<br>
<input type="radio" name="gender" id="genderfemale" value="female" >Female<br>
</fieldset>
</fieldset>
<fieldset>
<legend>School you want to know more:</legend>
<input type="checkbox" name="schoollike" id="jemetienyow" value="1">Jeme TienYow<br>
<input type="checkbox" name="schoollike" id="law" value="2">Law<br>
<input type="checkbox" name="schoollike" id="software" value="3">Software<br>
</fieldset>
<label for="ask">Things you want to acquire:</label><br><textarea name="ask" id="ask" cols="40" rows="5" maxlength="500" placeholder="Enter here:"></textarea><br> <!--This makes sure that users do not inlude the "Enter here" in the text -->
<button onclick="Submit()">Submit</button> <!-- Your code:<input type="submit">-->
<button onclick="Reset()">Reset</button><!-- Your code:<input type="reset">-->
<!-- </form> -->
</div>
</main>
<footer>
<hr>
<p><a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" />
</a>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
alt="Valid CSS!" />
</a>
</p>
<p>Thanks for <a href="http://webdevbasics.net">Basics of Web Design Textbook Companian</a></p>
<p>Copyright © 2024 LiRuize.All right reserved</p>
</footer>
</div>
<script type="text/javascript" src="generalFunction.js"></script> <!--Error Functionality-->
</body>
</html>