91 lines
3.4 KiB
HTML
Executable File
91 lines
3.4 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<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/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 class="hamburger-division"></div>
|
|
<div class="hamburger-division"></div>
|
|
<div class="hamburger-division"></div>
|
|
|
|
<ul>
|
|
<li><a href="./index.html">Home<div></div></a></li>
|
|
<li><a href="./projects.html">Projects<div></div></a></li>
|
|
<li><a href="./contact.html">Contact<div></div></a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Title Header -->
|
|
<section id="title-header">
|
|
<header>
|
|
<h1>George Wilkinson</h1>
|
|
<h3>Contact Me</h3>
|
|
</header>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- Content Start -->
|
|
<div id="content">
|
|
|
|
<!-- About Me Card -->
|
|
<div class="card" id="contacts">
|
|
<section class="card-header">
|
|
<header><h2>Contact Links</h2></header>
|
|
</section>
|
|
<div class="card-content">
|
|
<ul id="contact-flex">
|
|
<li><a href="https://www.linkedin.com/in/george-wilkinson-509661249/">LinkedIn</a></li>
|
|
<li class="flex-divider"></li>
|
|
<li><a href="mailto:G.Wilkinson2@edu.salford.ac.uk">E-mail</a></li>
|
|
<li class="flex-divider"></li>
|
|
<li><a href="https://discord.com/invite/SaPudKa">Discord: Boris#0355</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-footer">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card 2 -->
|
|
<div class="card" id="message">
|
|
<section class="card-header">
|
|
<header><h2>Leave a Message</h2></header>
|
|
</section>
|
|
<div class="card-content">
|
|
<form action="mailto:G.Wilkinson2@edu.salford.ac.uk" method="POST" enctype="text/plain">
|
|
<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>
|
|
<footer>
|
|
<p>By George Wilkinson</p>
|
|
<p>Date Modified: Mon 4th Dec</p>
|
|
</footer>
|
|
</body>
|
|
</html> |