Dennis/dennispotter-cv
1
0
Fork 0
Code Issues 4 Pull Requests Releases Activity
dennispotter-cv/index.html

217 lines
9.7 KiB
HTML
Executable File
Raw Blame History

<!DOCTYPE html>
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 8)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>
<!--- Basic Page Needs and meta data
================================================== -->
<meta charset="utf-8">
<title>Dennis Potter - Electrical & Computer Engineer </title>
<meta name="description" content="I get excited by the endless capabilities of modern computers, enjoy solving (everyday) problems by writing programs, and love a good read!">
<meta name="author" content="Dennis Potter">
<meta property="og:title" content="Dennis Potter - Electrical & Computer Engineer" />
<meta property="og:url" content="https://dennispotter.eu" />
<meta property="og:image" content="https://dennispotter.eu/images/avatar.jpg" />
<meta property="og:description" content="I get excited by the endless capabilities of modern computers, enjoy solving (everyday) problems by writing programs, and love a good read!" />
<!-- Preloads
================================================== -->
<link rel="preload" href="css/fonts/opensans/OpenSans-Regular-webfont.woff" as="font">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/layout.css">
<!-- Script
================================================== -->
<script src="js/modernizr.js"></script>
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="favicon.gif" >
</head>
<body>
<!-- Header
================================================== -->
<header id="home">
<nav id="nav-wrap">
<a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
<a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>
<ul id="nav" class="nav">
<li class="current"><a class="smoothscroll" href="#home">Home</a></li>
<li><a class="smoothscroll" href="#about">About</a></li>
<li><a href="https://www.linkedin.com/in/dennispotter25/">Resume</a></li>
<li><a class="smoothscroll" href="#contact">Contact</a></li>
</ul> <!-- end #nav -->
</nav> <!-- end #nav-wrap -->
<div class="row banner">
<div class="banner-text">
<h1 class="responsive-headline">
<div class="header-hi-div">
<span id="header-hi-text"></span>
</div>
</h1>
<h3 class="responsive-headline">
<div id="header-eng-div">
<p>Electrical & Computer Engineer</p>
</div>
</h3>
<ul class="social">
<li><a href="https://www.instagram.com/dennispotter25" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://www.linkedin.com/in/dennispotter25" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://stackoverflow.com/users/7949378" target="_blank"><i class="fa fa-stack-overflow"></i></a></li>
<li><a class="smoothscroll" href="#contact"><i class="fa fa-envelope"></i></a></li>
<li><a href="https://signal.me/#eu/Qltd1ujQ0098kIGtQukfWbABkz_ctjAQ3CmbcCCJ2tBSj1416FdD-KBi8Vu-4Ppz"><i class="fa fa-signalapp"></i></a></li>
<li><a class="smoothscroll" href="#contact"><i class="fa fa-matrix-org contact-fa"></i></a></li>
</ul>
</div>
</div>
<p class="scrolldown">
<a class="smoothscroll" href="#about"><i class="icon-down-circle"></i></a>
</p>
</header> <!-- Header End -->
<!-- About Section
================================================== -->
<section id="about">
<div class="row">
<div class="three columns"></div>
<div class="nine columns main-col">
<h2>Who am I?</h2>
<p>
I am a digital IC design engineer and have always been curious about technological innovations. For that reason I graduated in electrical & computer engineering. I have always striven for a complete understanding of computers, from the lowest level—i.e., the bare integrated circuits—to the highest—i.e., user space—, and am therefore always eager to learn something new. I enjoy writing small programs in my free time, either to automate everyday problems, or simply for the sake of fun, and get excited by the seemingly endless possibilities of Linux. Furthermore, there is always time for a good read, also on non-tech subjects like economics, anthropology, or (geo)politics.
</p>
<h2>Contact Details</h2>
<p>Do you want to get in touch? <a class="smoothscroll" href="#contact">Click here to get to the contact section of this page.</a> or reach out over <a href="https://www.linkedin.com/in/dennispotter25/">LinkedIn</a>.</p>
<!-- Not a secret, but I need to update this: <a href="cv/resume.pdf" class="button">Download my resume</a> -->
</div>
</div>
</section> <!-- About Section End-->
<!-- Contact Section
================================================== -->
<section id="contact">
<div class="row section-head">
<div class="twelve columns header-col">
<h1>Get in Touch</h1>
</div>
<div class="twelve columns">
<p class="contacttext">Do you have any further questions? Please don't hesitate to reach out to me!</p>
</div>
</div>
<!-- Contact details -->
<div class="row" id="row-businesscard">
<div class="five columns contact-left businesscard">
<div class="profile-pic-wrapper">
<a href="images/avatar.jpg" target="_BLANK">
<picture>
<source srcset="images/avatar_thumb.webp" type="image/webp">
<source srcset="images/avatar_thumb.jpg" type="image/jpeg">
<img class="profile-pic" src="images/avatar_thumb.jpg" alt="">
</picture>
</a>
</div>
<p class="name">Dennis Potter</p>
<div id="contact-social-list">
<li><a href="https://www.instagram.com/dennispotter25" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://www.linkedin.com/in/dennispotter25" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://stackoverflow.com/users/7949378" target="_blank"><i class="fa fa-stack-overflow"></i></a></li>
</div>
</div>
<div class="five columns contact-right businesscard">
<ul>
<li>
<i class="fa fa-envelope contact-fa" id="contact-email"></i>
<p class="oneline"><a href="mailto:dennis@dennispotter.eu">dennis@dennispotter.eu</a></p>
</li>
<li>
<i class="fa fa-key-modern contact-fa"></i>
<p class="pgp"><a href="contact/public_pgp_dennis_potter.asc">3164 394F FBBF 6F3B AE6A<br />D43B 186A 8AD4 4094 2BAF</a></p>
</li>
<li>
<i class="fa fa-signalapp contact-fa"></i>
<p class="oneline"><a href="https://signal.me/#eu/Qltd1ujQ0098kIGtQukfWbABkz_ctjAQ3CmbcCCJ2tBSj1416FdD-KBi8Vu-4Ppz" target="_BLANK">dpotter.65</a></p>
</li>
<li>
<i class="fa fa-matrix-org contact-fa"></i>
<p class="oneline"><a href="https://matrix.to/#/@dennis:dennispotter.eu" target="_BLANK">@dennis:dennispotter.eu</a></p>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="twelve columns download">
<i>
<a href="contact/vcard_dennis_potter.vcf"> Download vCard</a> |
<a href="contact/public_pgp_dennis_potter.asc">Download Public PGP Key</a>
</i>
</div>
</div>
</section> <!-- Contact Section End-->
<!-- footer
================================================== -->
<footer>
<div class="row" style="height: 200px;">
<div id="go-top"><a class="smoothscroll" title="Back to Top" href="#home"><i class="icon-up-open"></i></a></div>
</div>
</footer> <!-- Footer End-->
<!-- Java Script
================================================== -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery-migrate-3.0.0.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/waypoints.js"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/magnific-popup.js"></script>
<script src="js/init.js"></script>
<script src="js/typed.js"></script>
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/media-queries.css">
<link rel="stylesheet" href="css/magnific-popup.css">
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink