web-html5-scripts/forms/contact-form-blackboard/index.html

47 lines
1.2 KiB
HTML
Raw Normal View History

2020-01-20 21:00:54 +01:00
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Blackboard Contact Form</title>
<link href='https://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel="stylesheet" href="./style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body>
<div class="shade">
<div class="blackboard">
<div class="form">
<p>
<label>Name: </label>
<input type="text" />
</p>
<p>
<label>Email: </label>
<input type="text" />
</p>
<p>
<label>Phone: </label>
<input type="tel" />
</p>
<p>
<label>Subject: </label>
<input type="text" />
</p>
<p>
<label>Message: </label>
<textarea></textarea>
</p>
<p class="wipeout">
<input type="submit" value="Send" />
</p>
</div>
</div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script><script src="./script.js"></script>
</body>
</html>