Browse Source

Created basic template to use for a blog's header and footer files.

pull/4/head
jrtechs 6 years ago
parent
commit
78390abd67
2 changed files with 57 additions and 0 deletions
  1. +25
    -0
      includes/footer.html
  2. +32
    -0
      includes/header.html

+ 25
- 0
includes/footer.html View File

@ -0,0 +1,25 @@
<!-- END w3-content -->
</div>
<!-- Footer -->
<footer class="w3-container w3-dark-grey w3-padding-32 w3-margin-top">
<div class="w3-row">
<div class="w3-third w3-container">
</div>
<div class="w3-third w3-container">
</div>
<div class="w3-third w3-container">
</div>
</div>
<div class="w3-center">Copyright &copy; Jrtechs.net 2018</div>
</footer>
</body>
</html>

+ 32
- 0
includes/header.html View File

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<title>Blog Template</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<style>
body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
</style>
<!-- Navbar -->
<div class="w3-top">
<div class="w3-bar w3-dark-grey w3-card">
<a href="" class="w3-bar-item w3-button w3-padding-large">Home</a>
<a href="about" class="w3-bar-item w3-button w3-padding-large w3-hide-small">About</a>
<a href="categories" class="w3-bar-item w3-button w3-padding-large w3-hide-small">Categories</a>
</div>
</div>
<body class="w3-light-grey">
<div class="w3-content w3-padding-64" style="max-width:1400px">

Loading…
Cancel
Save