Skip to content

Instantly share code, notes, and snippets.

@rudrathegreat

rudrathegreat/Menubar.html

Created November 25, 2018 00:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rudrathegreat/f5a3dd8111d869215b8c5d5efac35108 to your computer and use it in GitHub Desktop.
Save rudrathegreat/f5a3dd8111d869215b8c5d5efac35108 to your computer and use it in GitHub Desktop.
Download ZIP
Try for Yourself - Requires Jinja
Raw
Menubar.html
<!DOCTYPE html>
<html lang="en">
<head>
{% block page %}
{% load staticfiles %}
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Rajdhani" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gothic+A1" rel="stylesheet">
<title>Title</title>
<style>
<!--html {-->
<!--/* Size of largest container or bigger */-->
<!--min-width: 1080px;-->
<!--}-->
</head>
<body>
<div class="img-container">
<nav>
<ul>
<img src="{{ logo }}" width="100" height="100">
<li><a href="/">Home</a></li>
<li><a href="#">About</a>
<ul>
<li><a href="/about-us/">Meet the Team</a></li>
</ul>
</li>
<li><a href="#">Projects</a>
<ul class="long-menu">
<li><a href="#">Project 1</a></li>
<li><a href="#">Project 2</a></li>
<li><a href="#">Project 3</a></li>
</ul>
</li>
<li><a href="#">Monitoring Data</a>
<ul>
<li><a href="#" class="submenu">Data 1</a>
<ul>
<li><a href="#" target="_blank">Last 24 Hours</a></li>
<li><a href="#" target="_blank">Last Year</a></li>
</ul>
</li>
<li><a href="#" class="submenu">Data 2</a>
<ul>
<li><a href="#" target="_blank">Last 24 Hours</a></li>
<li><a href="#" target="_blank">Last Year</a></li>
</ul>
</li>
<li><a href="#" class="submenu-2">Data 3</a>
<ul>
<li><a href="#" target="_blank">Last 24 Hours</a></li>
<li><a href="#" target="_blank">Last Year</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Contact Us</a>
<ul>
<li><a href="#">Post Feeds</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</li>
<li><a href="/admin" target="_blank">Admin</a></li>
</ul>
</nav>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment