Basic template
This commit is contained in:
parent
01d42491f6
commit
3e49ec80ef
5 changed files with 84 additions and 4 deletions
38
publichealth/home/templates/header.html
Normal file
38
publichealth/home/templates/header.html
Normal file
|
@ -0,0 +1,38 @@
|
|||
<!-- Header -->
|
||||
<div id="header-wrapper">
|
||||
<header id="header" class="container">
|
||||
|
||||
<!-- Logo -->
|
||||
<div id="logo">
|
||||
<h1><a href="index.html">Verti</a></h1>
|
||||
<span>by HTML5 UP</span>
|
||||
</div>
|
||||
|
||||
<!-- Nav -->
|
||||
<nav id="nav">
|
||||
<ul>
|
||||
<li class="current"><a href="#">Willkommen</a></li>
|
||||
<li>
|
||||
<a href="#">Menu 1</a>
|
||||
<ul>
|
||||
<li><a href="#">Lorem ipsum dolor</a></li>
|
||||
<li><a href="#">Magna phasellus</a></li>
|
||||
<li>
|
||||
<a href="#">Phasellus consequat</a>
|
||||
<ul>
|
||||
<li><a href="#">Lorem ipsum dolor</a></li>
|
||||
<li><a href="#">Phasellus consequat</a></li>
|
||||
<li><a href="#">Magna phasellus</a></li>
|
||||
<li><a href="#">Etiam dolore nisl</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Veroeros feugiat</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Menu 2</a></li>
|
||||
<li><a href="#">Menu 3</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
</div>
|
|
@ -5,6 +5,23 @@
|
|||
|
||||
{% block content %}
|
||||
|
||||
{% include 'header.html' %}
|
||||
|
||||
<!-- Main content -->
|
||||
<div id="banner-wrapper">
|
||||
<div id="banner" class="box container">
|
||||
<div class="row">
|
||||
<div class="7u 12u(medium)">
|
||||
{% include_block self.body %}
|
||||
</div>
|
||||
<div class="5u 12u(medium)">
|
||||
<ul>
|
||||
<li><a href="#" class="button big icon fa-arrow-circle-right">Ok let's go</a></li>
|
||||
<li><a href="#" class="button alt big icon fa-question-circle">More info</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
@ -1,3 +1,23 @@
|
|||
/* Page header */
|
||||
|
||||
#logo {
|
||||
background: url(../org/public-health-bg.png) no-repeat top left;
|
||||
background-size: cover;
|
||||
border: 1px solid white;
|
||||
font-size: 0px;
|
||||
display: block;
|
||||
width: 450px;
|
||||
height: 140px;
|
||||
}
|
||||
|
||||
#nav {
|
||||
margin-top: -50px;
|
||||
}
|
||||
|
||||
#header {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* Responsive image/video classes */
|
||||
.rich-text img {
|
||||
max-width: 100%;
|
||||
|
|
BIN
publichealth/static/org/public-health-bg.png
Normal file
BIN
publichealth/static/org/public-health-bg.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 42 KiB |
|
@ -12,6 +12,7 @@
|
|||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'verti/assets/css/main.css' %}">
|
||||
{% compress css %}
|
||||
<link rel="stylesheet" type="text/x-scss" href="{% static 'css/main.scss' %}">
|
||||
{% endcompress %}
|
||||
|
@ -31,8 +32,12 @@
|
|||
{% endcompress %}
|
||||
|
||||
{% block extra_js %}
|
||||
|
||||
<script src="{% static 'verti/assets/js/jquery.min.js' %}"></script>
|
||||
<script src="{% static 'verti/assets/js/jquery.dropotron.min.js' %}"></script>
|
||||
<script src="{% static 'verti/assets/js/skel.min.js' %}"></script>
|
||||
<script src="{% static 'verti/assets/js/util.js' %}"></script>
|
||||
<!--[if lte IE 8]><script src="{% static 'verti/assets/js/ie/respond.min.js' %}"></script><![endif]-->
|
||||
<script src="{% static 'verti/assets/js/main.js' %}"></script>
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
Loading…
Reference in a new issue