CINXE.COM
Mike Binns
<!DOCTYPE HTML> <!-- Identity by HTML5 UP html5up.net | @n33co Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) --> <html> <head> <title>Mike Binns</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!--[if lte IE 8]><script src="assets/js/html5shiv.js"></script><![endif]--> <link rel="stylesheet" href="assets/css/main.css" /> <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]--> <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]--> <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> </head> <body class="is-loading"> <!-- Wrapper --> <div id="wrapper"> <!-- Main --> <section id="main"> <header> <span class="avatar"><img src="images/avatar.png" alt="" /></span> <h1>Mike Binns</h1> <p>Software Engineer,<br />Firefighter,<br />Father</p> </header> <!-- <hr /> <h2>Extra Stuff!</h2> <form method="post" action="#"> <div class="field"> <input type="text" name="name" id="name" placeholder="Name" /> </div> <div class="field"> <input type="email" name="email" id="email" placeholder="Email" /> </div> <div class="field"> <div class="select-wrapper"> <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> </select> </div> </div> <div class="field"> <textarea name="message" id="message" placeholder="Message" rows="4"></textarea> </div> <div class="field"> <input type="checkbox" id="human" name="human" /><label for="human">I'm a human</label> </div> <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> </div> <ul class="actions"> <li><a href="#" class="button">Get Started</a></li> </ul> </form> <hr /> --> <footer> <ul class="icons"> <li><a href="https://www.linkedin.com/in/mikebinns" class="fa-linkedin">LinkedIn</a></li> <li><a href="https://github.com/TheFirstAvenger" class="fa-github">Github</a></li> <li><a href="http://www.wenhamfd.org" class="fa-fire">Wenham Fire Department</a></li> </ul> </footer> </section> <!-- Footer --> <footer id="footer"> <ul class="copyright"> <li>© Mike Binns</li> <li>Design: <a href="http://html5up.net">HTML5 UP</a></li> </ul> </footer> </div> <!-- Scripts --> <!--[if lte IE 8]><script src="assets/js/respond.min.js"></script><![endif]--> <script> if ('addEventListener' in window) { window.addEventListener('load', function() { document.body.className = document.body.className.replace(/\bis-loading\b/, ''); }); document.body.className += (navigator.userAgent.match(/(MSIE|rv:11\.0)/) ? ' is-ie' : ''); } </script> </body> </html>