Original HTML files
This commit is contained in:
6
contact.html
Normal file
6
contact.html
Normal file
@@ -0,0 +1,6 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<a>You are smart enough</a>
|
||||
<br>
|
||||
<a>Either you know, or you don't</a>
|
||||
</html>
|
||||
227
index.html
Normal file
227
index.html
Normal file
@@ -0,0 +1,227 @@
|
||||
<!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>
|
||||
|
||||
<!-- End Document
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user