102 lines
3.5 KiB
HTML
102 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Contact Me</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="">
|
|
<meta name="keywords" content="">
|
|
<meta name="author" content="George Wilkinson">
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<meta http-equiv="default-style" content="./src/styles/style.css">
|
|
<link rel="stylesheet" href="./src/styles/main.css" content="text/css">
|
|
<link rel="stylesheet" href="./src/styles/index.css" content="text/css">
|
|
<link rel="stylesheet" href="./src/styles/contact.css" content="text/css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Main Content-->
|
|
<div id="main">
|
|
|
|
<!-- Top Bar -->
|
|
<div id="top-bar">
|
|
|
|
<!-- Nav Bar -->
|
|
<div id="toggle-navbar">
|
|
|
|
<input type="checkbox">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
|
|
<ul>
|
|
<a href="./index.html"><li>Home</li><div></div></a>
|
|
<a href="./projects.html"><li>Projects</li><div></div></a>
|
|
<a href="./contact.html"><li>Contact</li><div></div></a>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Content of Top Bar -->
|
|
<div id="top-content">
|
|
|
|
<!-- Title Header -->
|
|
<div id="title-header">
|
|
<header>
|
|
<h1>George Wilkinson</h1>
|
|
<h2>Contact Me</h2>
|
|
</header>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Content Start -->
|
|
<div id="content">
|
|
|
|
<!-- About Me Card -->
|
|
<div class="card" id="contacts">
|
|
<div class="card-header">
|
|
<header><h2>Contact Links</h2></header>
|
|
</div>
|
|
<div class="card-content">
|
|
<ul id="contact-flex">
|
|
<a href="https://www.linkedin.com/in/george-wilkinson-509661249/"><li>LinkedIn</li></a>
|
|
<div class="flex-divider"></div>
|
|
<a href="mailto:G.Wilkinson2@edu.salford.ac.uk"><li>E-mail</li></a>
|
|
<div class="flex-divider"></div>
|
|
<a href="https://discord.com/invite/SaPudKa"><li>Discord: Boris#0355</li></a>
|
|
<a href=""><li></li></a>
|
|
</ul>
|
|
</div>
|
|
<div class="card-footer">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card 2 -->
|
|
<div class="card" id="message">
|
|
<div class="card-header">
|
|
<header><h2>Leave a Message</h2></header>
|
|
</div>
|
|
<div class="card-content">
|
|
<form method="POST">
|
|
<input type="text" id="name" name="Name" placeholder="Full Name" minlength="2">
|
|
<input type="email" id="email" name="Email" placeholder="E-mail Address" minlength="4">
|
|
<textarea id="message-content" name="Message Content"></textarea>
|
|
<input type="submit" id="submit" value="Submit">
|
|
</form>
|
|
</div>
|
|
<div class="card-footer">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Content End -->
|
|
|
|
</body>
|
|
|
|
<footer>
|
|
<p>By George Wilkinson</p>
|
|
<p>Date Modified: Mon 6th Oct</p>
|
|
</footer>
|
|
|
|
</html> |