You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

102 lines
3.6 KiB

Identity by HTML5 UP | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (
<html lang="en">
<title>Jeffrey Blinksma</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<meta property="og:site_name" content="">
<meta property="og:title" content="Jeffrey Blinksma">
<meta property="og:description" content="System Administrator">
<meta property="og:url" content="">
<meta property="og:type" content="website">
<meta property="og:image" content="">
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<section id="main">
<span class="avatar"><img src="images/avatar.jpg" alt="" /></span>
<h1>Jeffrey Blinksma</h1>
<p>System Administrator</p>
<hr />
<h2>Extra Stuff!</h2>
<form method="post" action="#">
<div class="fields">
<div class="field">
<input type="text" name="name" id="name" placeholder="Name" />
<div class="field">
<input type="email" name="email" id="email" placeholder="Email" />
<div class="field">
<select name="department" id="department">
<option value="">Department</option>
<option value="sales">Sales</option>
<option value="tech">Tech Support</option>
<option value="null">/dev/null</option>
<div class="field">
<textarea name="message" id="message" placeholder="Message" rows="4"></textarea>
<div class="field">
<input type="checkbox" id="human" name="human" /><label for="human">I'm a human</label>
<div class="field">
<label>But are you a robot?</label>
<input type="radio" id="robot_yes" name="robot" /><label for="robot_yes">Yes</label>
<input type="radio" id="robot_no" name="robot" /><label for="robot_no">No</label>
<ul class="actions special">
<li><a href="#" class="button">Get Started</a></li>
<hr />
<ul class="links" style="list-style: none;">
<li><a href="">Twitter</a></li>
<li><a rel="me" href="">Mastodon</a></li>
<li><a href="">Matrix</a></li>
<li><a href="">Git</a></li>
<li><a href="">Robin's Media Team</a></li>
<li><a href=""></a></li>
<!-- Footer -->
<footer id="footer">
<ul class="copyright">
<li>&copy; Jeffrey Blinksma</li><li>Design: <a href="">HTML5 UP</a></li>
<!-- Scripts -->
if ('addEventListener' in window) {
window.addEventListener('load', function() { document.body.className = document.body.className.replace(/\bis-preload\b/, ''); });
document.body.className += (navigator.userAgent.match(/(MSIE|rv:11\.0)/) ? ' is-ie' : '');