Skip to content

Instantly share code, notes, and snippets.

@josellausas

josellausas/start.html

Created June 16, 2017 02:50
Show Gist options
  • Save josellausas/8c3bd6be1c71019fa2c5543a1c853886 to your computer and use it in GitHub Desktop.
Save josellausas/8c3bd6be1c71019fa2c5543a1c853886 to your computer and use it in GitHub Desktop.
Download ZIP
Started django html template.
Raw
start.html
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
{# <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.1/css/bulma.min.css">#}
<link rel="stylesheet" href="{% static 'normalize.css' %}">
<link rel="stylesheet" href="{% static 'style.css' %}">
<title>{% block title %}Demokratia{% endblock %}</title>
</head>
<body>
<div class="wrapper">
<header class="main-header">
<div class="container">
<div class="hero">
<a href="{% url 'home' %}">
{% block header %}
<h1 class="title">Demokratia 1.0a</h1>
<h2 class="subtitle">Technology + Democracy</h2>
{% endblock %}
</a>
</div>
<div class="menu">
<ul class="main-nav">
<li><a href="#">Uno</a></li>
<li><a href="#">Dos</a></li>
<li><a href="#">Tres</a></li>
<li><a href="#">Cuatro</a></li>
</ul>
</div>
</div>
</header>
<div class="container">
<section class="errors">
{% block errors %}
{% if error_message %}
<section class="section">
<p><strong>{{ error_message }}</strong></p>
</section>
{% endif %}
{% endblock %}
</section>
{% block content %}
<section class="section">
<div class="container">
<div class="heading">
<h1 class="title">Section</h1>
<h2 class="subtitle">
A simple container to divide your page into <strong>sections</strong>, like the one you're
currently
reading
</h2>
</div>
</div>
</section>
{% endblock %}
</div>
</div>
<footer class="main-footer">
<div class="container">
{% block footer %}
<p>Hola esto es el footer</p>
<span>&copy;2017 Llau Systems</span>
{% endblock %}
</div>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment