template de base

This commit is contained in:
nyanloutre 2019-09-01 16:59:41 +02:00
parent bc6add0029
commit 7f351809c8
8 changed files with 492 additions and 623 deletions

View File

@ -1,25 +1,11 @@
{% extends "base.html" %}
{% block description %}Direction de la musique de Meyenheim{% endblock %}
{% block titre %}Direction{% endblock %}
{% load static %} {% load static %}
<!DOCTYPE html> {% block contenu %}
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Direction de la musique de Meyenheim">
<meta name="author" content="Paul TREHIOU">
<title>Musique fraternité - Direction</title>
{% include "include_head.html" %}
</head>
<body id="page-top">
{% include "navbar.html" %}
<header style="background: #F05F40;"> <header style="background: #F05F40;">
<div class="header-content"> <div class="header-content">
<div class="header-content-inner"> <div class="header-content-inner">
@ -27,13 +13,4 @@
</div> </div>
</div> </div>
</header> </header>
{% endblock %}
{% include "contact.html" %}
{% include "footer.html" %}
{% include "include_foot.html" %}
</body>
</html>

View File

@ -1,25 +1,11 @@
{% extends "base.html" %}
{% block description %}Site de la musique de Meyenheim{% endblock %}
{% block titre %}École de musique{% endblock %}
{% load static %} {% load static %}
<!DOCTYPE html> {% block contenu %}
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Site de la musique de Meyenheim">
<meta name="author" content="Paul TREHIOU">
<title>Musique fraternité - École de Musique</title>
{% include "include_head.html" %}
</head>
<body id="page-top">
{% include "navbar.html" %}
<header style="background-image: url('{% static "img/ecole.jpg" %}')"> <header style="background-image: url('{% static "img/ecole.jpg" %}')">
<div class="header-content"> <div class="header-content">
<div class="header-content-inner"> <div class="header-content-inner">
@ -167,52 +153,5 @@
</a> </a>
</div> </div>
<section id="contact"> {% include "contact.html" with responsable="Nathalie ROHRBACH, Directrice" email="ecole@musique-meyenheim.fr" %}
<div class="container"> {% endblock %}
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Contact</h2>
<hr class="primary">
<p>Nathalie ROHRBACH, Directrice</p>
</div>
<div class="col-lg-4 col-lg-offset-2 text-center">
<i class="fa fa-phone fa-3x sr-contact"></i>
<p>07 68 40 11 38</p>
</div>
<div class="col-lg-4 text-center">
<i class="fa fa-at fa-3x sr-contact"></i>
<p><a href="mailto:ecole@musique-meyenheim.fr">ecole@musique-meyenheim.fr</a></p>
</div>
<div class="col-lg-8 col-lg-offset-2 text-center">
<i class="fa fa-envelope fa-3x sr-contact"></i>
<p>Société de Musique Fraternité</br>10 rue de lIll</br>68890 MEYENHEIM</p>
</div>
</div>
</div>
</section>
{% include "footer.html" %}
{% include "include_foot.html" %}
<script type="text/javascript">
$(function () {
$('[data-toggle="popover"]').popover({trigger: "hover"})
})
appear({
elements: function elements(){
// work with all elements with the class "track"
return document.getElementsByClassName('track');
},
appear: function appear(el){
console.log('visible', el);
$(el).popover('show');
},
});
</script>
</body>
</html>

View File

@ -1,25 +1,11 @@
{% extends "base.html" %}
{% block description %}Site de la musique de Meyenheim{% endblock %}
{% block titre %}Harmonie Intercommunale{% endblock %}
{% load static %} {% load static %}
<!DOCTYPE html> {% block contenu %}
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Site de la musique de Meyenheim">
<meta name="author" content="Paul TREHIOU">
<title>Musique fraternité - Harmonie Intercommunale</title>
{% include "include_head.html" %}
</head>
<body id="page-top">
{% include "navbar.html" %}
<header style="background-image: url('{% static "img/harmonie.jpg" %}')"> <header style="background-image: url('{% static "img/harmonie.jpg" %}')">
<div class="header-content"> <div class="header-content">
<div class="header-content-inner"> <div class="header-content-inner">
@ -50,12 +36,4 @@
</section> </section>
{% include "contact.html" %} {% include "contact.html" %}
{% endblock %}
{% include "footer.html" %}
{% include "include_foot.html" %}
</body>
</html>

View File

@ -1,20 +1,10 @@
{% load static %} {% extends "base.html" %}
<!DOCTYPE html>
<html lang="fr">
<head> {% block description %}Site de la musique de Meyenheim{% endblock %}
<meta charset="utf-8"> {% block titre %}Accueil{% endblock %}
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Site de la musique de Meyenheim">
<meta name="author" content="Paul TREHIOU">
<meta name="google-site-verification" content="vfIxnQkU6NJ__BiBJu2OXPP4JlijXV5Iq2R4Yskf3Ss" />
<title>Musique fraternité</title>
{% include "include_head.html" %}
{% block extra_head %}
<style> <style>
.portfolio-box { .portfolio-box {
overflow: hidden; overflow: hidden;
@ -24,13 +14,10 @@
max-height: 350px; max-height: 350px;
} }
</style> </style>
{% endblock %}
</head> {% load static %}
{% block contenu %}
<body id="page-top">
{% include "navbar.html" %}
<header> <header>
<div class="header-content"> <div class="header-content">
<div class="header-content-inner"> <div class="header-content-inner">
@ -133,10 +120,4 @@
{% include "contact.html" %} {% include "contact.html" %}
{% include "footer.html" %} {% endblock %}
{% include "include_foot.html" %}
</body>
</html>

View File

@ -1,19 +1,10 @@
{% load static %} {% extends "base.html" %}
<!DOCTYPE html>
<html lang="fr">
<head> {% block description %}Site de la musique de Meyenheim{% endblock %}
<meta charset="utf-8"> {% block titre %}Partenaires{% endblock %}
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Site de la musique de Meyenheim">
<meta name="author" content="Paul TREHIOU">
<title>Musique fraternité - Partenaires</title>
{% include "include_head.html" %}
{% block extra_head %}
<style> <style>
@media (min-width: 768px) { @media (min-width: 768px) {
.navbar-default .nav > li > a, .navbar-default .nav > li > a,
@ -38,15 +29,11 @@
max-height: 100%; max-height: 100%;
max-width: 100%; max-width: 100%;
} }
</style> </style>
{% endblock %}
</head> {% load static %}
{% block contenu %}
<body id="page-top">
{% include "navbar.html" %}
<section id="partenaires"> <section id="partenaires">
<h1 class="text-center">Nos partenaires</h1> <h1 class="text-center">Nos partenaires</h1>
@ -60,11 +47,4 @@
<a href="http://bapst.chauffagiste-viessmann.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Bapst_2017-002.jpg" %}"></a> <a href="http://bapst.chauffagiste-viessmann.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Bapst_2017-002.jpg" %}"></a>
<a href="https://www.planetpizza-leresto.com/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Planetpizza_1-001.jpg" %}"></a> <a href="https://www.planetpizza-leresto.com/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Planetpizza_1-001.jpg" %}"></a>
</section> </section>
{% endblock %}
{% include "footer.html" %}
{% include "include_foot.html" %}
</body>
</html>

View File

@ -1,25 +1,11 @@
{% extends "base.html" %}
{% block description %}Site de la musique de Meyenheim{% endblock %}
{% block titre %}La Salle{% endblock %}
{% load static %} {% load static %}
<!DOCTYPE html> {% block contenu %}
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Site de la musique de Meyenheim">
<meta name="author" content="Paul TREHIOU">
<title>Musique fraternité - La Salle</title>
{% include "include_head.html" %}
</head>
<body id="page-top">
{% include "navbar.html" %}
<header style="background-image: url('{% static "img/salle.jpg" %}')"> <header style="background-image: url('{% static "img/salle.jpg" %}')">
<div class="header-content"> <div class="header-content">
<div class="header-content-inner"> <div class="header-content-inner">
@ -107,10 +93,5 @@
</div> </div>
</section> </section>
{% include "footer.html" %} {% include "contact.html" with responsable="Céline TREHIOU" email="salle@musique-meyenheim.fr" adresse="Mme TREHIOU Céline</br>4 rue St Michel</br>68890 MEYENHEIM" %}
{% endblock %}
{% include "include_foot.html" %}
</body>
</html>

33
templates/base.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{% block description %}{% endblock %}">
<meta name="author" content="Paul TREHIOU">
<title>Musique fraternité - {% block titre %}{% endblock %}</title>
{% include "include_head.html" %}
{% block extra_head %}
{% endblock %}
</head>
<body id="page-top">
{% include "navbar.html" %}
{% block contenu %}
{% endblock %}
{% include "footer.html" %}
{% include "include_foot.html" %}
</body>
</html>

View File

@ -4,7 +4,7 @@
<div class="col-lg-8 col-lg-offset-2 text-center"> <div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Contact</h2> <h2 class="section-heading">Contact</h2>
<hr class="primary"> <hr class="primary">
<p>Eric TREHIOU, Président</p> <p>{{ responsable |default:"Eric TREHIOU, Président" }}</p>
</div> </div>
<div class="col-lg-4 col-lg-offset-2 text-center"> <div class="col-lg-4 col-lg-offset-2 text-center">
<i class="fa fa-phone fa-3x sr-contact"></i> <i class="fa fa-phone fa-3x sr-contact"></i>
@ -12,11 +12,11 @@
</div> </div>
<div class="col-lg-4 text-center"> <div class="col-lg-4 text-center">
<i class="fa fa-at fa-3x sr-contact"></i> <i class="fa fa-at fa-3x sr-contact"></i>
<p><a href="mailto:contact@musique-meyenheim.fr">contact@musique-meyenheim.fr</a></p> <p><a href="mailto:{{ email | default:"contact@musique-meyenheim.fr" }}">{{ email | default:"contact@musique-meyenheim.fr" }}</a></p>
</div> </div>
<div class="col-lg-8 col-lg-offset-2 text-center"> <div class="col-lg-8 col-lg-offset-2 text-center">
<i class="fa fa-envelope fa-3x sr-contact"></i> <i class="fa fa-envelope fa-3x sr-contact"></i>
<p>Société de Musique Fraternité</br>10 rue de lIll</br>68890 MEYENHEIM</p> <p>{{ adresse | default:"Société de Musique Fraternité</br>10 rue de lIll</br>68890 MEYENHEIM" }}</p>
</div> </div>
</div> </div>
</div> </div>