-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontactpage.html
81 lines (80 loc) · 3.4 KB
/
contactpage.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
<!---- Bradley Schapf's personal website ---->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bradley Schapf</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="styles.css"/>
<script src="script.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
</head>
<body>
<header>
<h1>Bradley Schapf</h1>
<div id="subtitle-container">
<p>Red River College ● Business IT Student</p>
<div id="profile">
<img src="images/brad1.png" alt="Bradley Schapf"/>
</div>
</div>
</header>
<div id="nav-container">
<nav id="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="aboutme.html">About me</a></li>
<li><a href="contactpage.html">Contact page</a></li>
</ul>
</nav>
</div>
<main id="contact-main">
<h2>Get in touch.</h2>
<p>have any questions? looking for a resume or CV? or do you just want to say hi? feel free to send me an email through the contact form and I'll get back to you at the earliest convienience.</p>
<form id="contactForm" action="index.html" method="post">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<div class="error" id="name_error">* Please enter your name.</div>
</div>
<div class="form-group">
<label for="phone">Phone Number:</label>
<input type="tel" id="phone" name="phone">
<div class="error" id="phone_error">* Please enter a valid phone number.</div>
</div>
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<div class="error" id="email_error">* Please enter a valid email address</div>
</div>
</div>
<div class="form-group">
<label for="comments">Comments:</label>
<textarea id="comments" name="comments" rows="4"></textarea>
<div class="error" id="comments_error">* Please enter a comment.</div>
</div>
</div>
<div id="form-buttons">
<button type="submit" id="submit-buttom">Submit</button>
<button type="reset" id="reset-button">Reset</button>
</div>
</form>
</main>
<footer>
<p id="footer-text">The only relevant Socials:</p>
<div id="social-links">
<a href="https://github.com/BradleySchapf"><img src="images/github.png" alt="Github account link"></a>
<a href="https://www.linkedin.com/in/bradley-schapf-821290239/"><img src="images/linkedin.png" alt="LinkedIn account link"></a>
</div>
<nav id="footer-navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="aboutme.html">About me</a></li>
<li><a href="contactpage.html">Contact page</a></li>
</ul>
</nav>
</footer>
</body>
</html>