seppdroid/seppjm-com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Basic navbar

Browse Source 
not my best work, o well...
This commit is contained in:
Sepp Jeremiah Morris
2021-12-21 20:08:40 +01:00
parent 49b691132a
commit 0244ed417d
42 changed files with 8847 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
ROOT/index.html
View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<!-- hey, there is no need to inspect! The source code is available for free!
https://github.com/SEPPDROID/catch-site
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)
@@ -14,8 +14,8 @@
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>SEPPJM.COM</title>
<meta name="description" content="The Catch-page | SeppJM.com">
<meta name="author" content="Sepp -seppdroid- Jeremiah Morris ">
<meta name="description" content="Home | SeppJM.com">
<meta name="author" content="Sepp -seppdroid- Jeremiah Morris">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
@@ -29,6 +29,8 @@
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<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
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
@@ -36,17 +38,51 @@
</head>
<body>
<div class="nav">
<!-- NAV
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<nav id="navbar" style="top: 0px;">
<a href="#home">Home</a>
<a href="#contact">About</a>
<a href="#contact">DiodeMatrix</a>
<a href="#news">BrainBlog</a>
<div class="dropdown">
<a href="#" class="dropbtn" onclick="DropFunc()">Links
<i class="fa fa-caret-down"></i>
</a>
<div class="dropdown-content" id="DropList">
<a href="#">Twitter</a>
<a href="#">Instagram</a>
<a href="#">Github</a>
<a href="#">Contact</a>
</div>
</div>
</nav>
</div>
<div class="container">
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="row">
<div class="one-half column" style="margin-top: 25%">
<h4>Basic Page</h4>
<p>This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p>
</div>
<div class="column" style="margin-top: 25%">
<h4>Basic Page</h4>
<p>This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p>
</div>
<div class="one-half column" style="margin-top: 25%">
<h4>Basic Page</h4>
<p>This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p>
</div>
</div>
</div>
<!-- JS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="https://sjm.cdn.prutzel.com/js/script.js"></script>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->