-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
78 lines (72 loc) · 3.66 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<link href="/styles.css" rel="stylesheet">
<script src="/myscripts.js"></script>
<title>Alister David</title>
</head>
<body>
<header>
<h1>Alister David</h1>
<p>BSc Computer Science Student | Software Engineer IQHQ</p>
</header>
<nav>
<span class="menu-toggle" onclick="toggleMenu()"><i class="bi bi-list"></i></span>
<ul>
<li><a href="index.html">About Me</a></li>
<li><a href="projects.html">Projects & Ventures</a></li>
<li><a href="hobbies.html">Hobbies & Interests</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<section id="intro">
<h2>Contact Me</h2>
<hr>
<p>
I’d love to hear from you! Whether you have questions, opportunities, or simply want to connect, feel free to reach out. I’m always open to discussing projects, collaborations, or sharing ideas. Please use the form below to get in touch, and I’ll respond as soon as possible. I look forward to connecting with you!
</p>
</section>
<div class="socialMedia">
<a href="https://www.linkedin.com/in/alister-david-47a72a191/" class="link-icon" target="_blank" title="LinkedIn">
<i class="bi bi-linkedin"></i>
</a>
<a href="mailto:[email protected]" class="link-icon" target="_blank" title="Gmail">
<i class="bi bi-envelope-at-fill"></i>
</a>
<a href="https://github.com/alisterd1503" class="link-icon" target="_blank" title="GitHub">
<i class="bi bi-github"></i>
</a>
</div>
<section id="contactForm">
<form
action="https://formspree.io/f/xqazvekv"
method="POST"
>
<label>
Email:
<input type="email" name="email">
</label>
<label>
Message:
<textarea name="message"></textarea>
</label>
<!-- your other form fields go here -->
<button type="submit">Send</button>
</form>
</section>
<button onclick="topFunction()" id="myBtn" title="Go to top">^</button>
<br><br>
</main>
<footer>
<p>© 2024 Alister David</p>
</footer>
</body>
</html>