240 lines
6.1 KiB
HTML
240 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<!-- hey, there is no need to inspect! The source code is available for free!
|
||
https://github.com/SEPPDROID/seppjm-com
|
||
feel free to take & use it.
|
||
|
||
(ps: check out Skeleton too: http://getskeleton.com/ | https://github.com/dhg/Skeleton)
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
|
||
<html lang="en">
|
||
<head>
|
||
|
||
<!-- Basic Page Needs
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<meta charset="utf-8">
|
||
<title>SEPPJM.COM</title>
|
||
<meta name="description" content="Home | SeppJM.com">
|
||
<meta name="author" content="Sepp -seppdroid- Jeremiah Morris">
|
||
|
||
<!-- Mobile Specific Metas
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<!-- FONT
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<link href="//sjm.cdn.prutzel.com/fonts/crn/font.css" rel="stylesheet" type="text/css">
|
||
|
||
<!-- CSS
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<link rel="stylesheet" href="//sjm.cdn.prutzel.com/css/normalize.css">
|
||
<link rel="stylesheet" href="//sjm.cdn.prutzel.com/css/skeleton.css">
|
||
<link rel="stylesheet" href="//sjm.cdn.prutzel.com/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
|
||
|
||
|
||
<!-- Favicon
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<link rel="icon" type="image/png" href="//sjm.cdn.prutzel.com/images/favicon.png">
|
||
|
||
</head>
|
||
<body>
|
||
<div class="nav">
|
||
|
||
<!-- NAV
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<nav id="navbar" style="top: 0px;">
|
||
<div id="navlinks">
|
||
<a href="https://seppjm.com">Home</a>
|
||
<a href="#About">AboutMe</a>
|
||
<a href="https://cv.seppjm.com">CV</a>
|
||
<a href="https://diodematrix.com">DiodeMatrix</a>
|
||
<a href="https://brain.seppdroid.com">BrainBlog</a>
|
||
<div class="dropdown">
|
||
<a href="javascript:void(0);" class="dropbtn" onclick="DropFunc()">Links
|
||
<i class="fa fa-caret-down"></i>
|
||
</a>
|
||
<div class="dropdown-content" id="DropList">
|
||
<a href="https://twitter.com/seppdroid">Twitter</a>
|
||
<a href="https://www.instagram.com/seppdroid/">Instagram</a>
|
||
<a href="https://github.com/SEPPDROID">Github</a>
|
||
<a href="contact.html">Contact</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="burgermenu">
|
||
<a class="fa fa-bars" href="javascript:void(0);" style="font-size: 22px;" onclick="BurgMenFunc()"></a>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
<div class="container">
|
||
|
||
<!-- Primary Page Layout
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<div class="row">
|
||
<div class="column" style="margin-top: 17%">
|
||
<center><h3>Welcome</h3></center>
|
||
<center><p>Welcome to my webpage, Where can i take you today?</p></center>
|
||
<br>
|
||
<center>
|
||
<a class="button" href="#About">About me</a>
|
||
<a class="button" href="https://brain.seppdroid.com">my BRAiN</a>
|
||
<a class="button" href="https://cv.seppjm.com">my CV</a>
|
||
</center><br>
|
||
<center><p>---</p></center><br>
|
||
<center><p>I might add more links & content to this website soon. You can find more links under the "Links" dropdown menu.</p></center>
|
||
</div>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<div class="one-half column" style="margin-top: 60%" id="About">
|
||
<br>
|
||
<h4>About me</h4>
|
||
<p>Hi i'm Sepp! While I might add more content to my website at some point, writing about more interesting topics is what truly excites me. After all, who's really interested in this page, right?</p>
|
||
<p>I made this website to save you from a <code>404</code> or <code>403</code>.</p>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<footer>
|
||
<br>
|
||
<p>Sepp & Skeleton |
|
||
<a href="https://github.com/SEPPDROID/seppjm-com">Source</a>
|
||
<a href="http://getskeleton.com">Skeleton</a></p>
|
||
</footer>
|
||
|
||
<!-- JS
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<script src="https://sjm.cdn.prutzel.com/js/script.js"></script>
|
||
<script async src="https://unpkg.com/es-module-shims@1.10.0/dist/es-module-shims.js"></script>
|
||
|
||
|
||
<script type="importmap">
|
||
{
|
||
"imports": {
|
||
"three": "https://unpkg.com/three@0.160.0/build/three.module.js",
|
||
"three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/"
|
||
}
|
||
}
|
||
</script>
|
||
<script type="module" src="https://seppjm.com/3js/background.js"></script>
|
||
|
||
<!-- End Document
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
</body>
|
||
</html>
|