282 lines
10 KiB
HTML
282 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html><head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta name="robots" content="index, follow" />
|
||
<title>LTQF - Nos partenaires</title>
|
||
<link rel="icon" href="../favicon.png" />
|
||
<meta name="description" content="Un site de théatre." />
|
||
<meta name="generator" content="Hugo 0.111.3">
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-carousel@4.0.24/dist/css/bulma-carousel.min.css">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Advent+Pro:wght@100;200;300;400;500;600;700&family=Lato:wght@300;400;700;900&display=swap" rel="stylesheet">
|
||
|
||
|
||
|
||
<link rel="stylesheet" href="../css/style.css">
|
||
</head>
|
||
<body style="position:relative">
|
||
|
||
<main class="columns is-fullheight is-gapless m-0 has-background-black">
|
||
|
||
|
||
|
||
<nav class="navbar is-hidden-tablet is-black" role="navigation" aria-label="main navigation">
|
||
<div class="navbar-brand">
|
||
<a class="navbar-item" href="">
|
||
<img src="logo_home.webp">
|
||
</a>
|
||
|
||
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mynavbar">
|
||
<span aria-hidden="true"></span>
|
||
<span aria-hidden="true"></span>
|
||
<span aria-hidden="true"></span>
|
||
</a>
|
||
</div>
|
||
|
||
<div id="mynavbar" class="navbar-menu">
|
||
|
||
<a class="navbar-item is-uppercase" href="../compagnie">La compagnie</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../spectacles">Spectacles</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../actions_culturelles">Actions culturelles</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../partenaires">Partenaires</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../presse">Presse</a>
|
||
|
||
<a class="navbar-item is-uppercase" href="../contact">Contact</a>
|
||
|
||
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="column is-fullheight is-one-fifth has-background-success has-text-black has-background-danger is-narrow is-hidden-mobile">
|
||
<aside id="sidebar" class="menu has-background-success has-text-black is-flex is-flex-direction-column is-justify-content-space-between" style="position: fixed; top: 0; height: 100vh; width: 20%">
|
||
<div>
|
||
<a href="">
|
||
<div class="figure">
|
||
|
||
<img src="ltqf.webp" class="image is-1by1 p-5">
|
||
|
||
</div>
|
||
</a>
|
||
<ul class="menu-list m-0 p-0">
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../compagnie">La compagnie</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../spectacles">Spectacles</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../actions_culturelles">Actions culturelles</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../partenaires">Partenaires</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../presse">Presse</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="p-3 is-uppercase" href="../contact">Contact</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
<div class="is-flex is-justify-content-center mb-5">
|
||
<div class="social-icons m-0 p-0 pl-3 pt-5">
|
||
<a href="https://www.facebook.com/votre_compte_facebook" class="mr-2 has-background-success has-text-black">
|
||
<span class="icon">
|
||
<i class="fab fa-facebook fa-2x"></i>
|
||
</span>
|
||
</a>
|
||
<a href="https://www.instagram.com/votre_compte_instagram" class="has-background-success has-text-black">
|
||
<span class="icon">
|
||
<i class="fab fa-instagram fa-2x"></i>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
|
||
<div class="column is-four-fifths m-0 p-0">
|
||
|
||
<section class="section m-0 p-0">
|
||
<div class="columns p-0 m-0">
|
||
<div class="column p-0 m-0 pl-6 is-flex is-align-items-center has-background-black has-text-white" style="height: 20vh;">
|
||
<h1 class="title is-size-1 has-text-weight-bold">Nos partenaires </h1>
|
||
</div>
|
||
<div class="column is-one-fifth m-0 has-background-warning-light is-hidden-mobile">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="section m-0 p-0 has-background-warning-light">
|
||
<div class="columns m-0 p-0">
|
||
|
||
|
||
<div class="column is-four-fifths p-5">
|
||
<p class="mb-6">La compagnie LE TEMPS QU’IL FAUT est conventionnée par la DRAC Bretagne-Ministère de la Culture et de la communication. Elle bénéficie du soutien de Spectacle Vivant en Bretagne.</p>
|
||
<div class="columns is-multiline is-mobile is-justify-content-center">
|
||
|
||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||
<figure class="image">
|
||
<img src="../partenaires/convention/logo-direction-regionale.webp">
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||
<figure class="image">
|
||
<img src="../partenaires/convention/logo-ministere-de-la-culture.webp">
|
||
</figure>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="column m-0 p-0 has-background-black is-hidden-mobile">
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section m-0 p-0 has-background-warning-light">
|
||
<div class="columns m-0 p-0">
|
||
|
||
|
||
<div class="column has-background-black is-hidden-mobile">
|
||
</div>
|
||
<div class="column is-four-fifths p-5 has-background-warning-light">
|
||
<p class="mb-6">La compagnie Le Temps qu’il Faut est ou a été soutenue par : </p>
|
||
<div class="columns is-multiline is-mobile is-justify-content-center">
|
||
|
||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||
<figure class="image">
|
||
<img src="../partenaires/soutien/Logo-Arcadi.webp">
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||
<figure class="image">
|
||
<img src="../partenaires/soutien/logo-Departement_29_logo-finistere.webp">
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||
<figure class="image">
|
||
<img src="../partenaires/soutien/logo-adami.webp">
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||
<figure class="image">
|
||
<img src="../partenaires/soutien/logo-copie-priv%C3%A9e-logo.webp">
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||
<figure class="image">
|
||
<img src="../partenaires/soutien/logo-illustration.webp">
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||
<figure class="image">
|
||
<img src="../partenaires/soutien/logo-region-logo.webp">
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||
<figure class="image">
|
||
<img src="../partenaires/soutien/logo-sacd.webp">
|
||
</figure>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section m-0 p-0 has-background-warning-light">
|
||
<div class="columns m-0 p-0">
|
||
|
||
|
||
<div class="column is-four-fifths p-5">
|
||
<p class="mb-6">La plupart des pièces de Pierre-Yves Chapalain sont éditées aux Solitaires intempestifs.</p>
|
||
<div class="columns is-multiline is-mobile is-justify-content-center">
|
||
|
||
<div class="column is-one-quarter-mobile is-2-tablet p-1">
|
||
<figure class="image">
|
||
<img src="../partenaires/edition/logo-editions.webp">
|
||
</figure>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="column m-0 p-0 has-background-black is-hidden-mobile">
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<div class="is-flex is-flex-direction-column is-justify-content-flex-end" style="position: fixed; bottom: 0%; right: 3%;">
|
||
<a href="#" class="has-text-black" style="position: sticky; bottom: 0;">
|
||
<span class="icon">
|
||
<i class="fas fa-arrow-up"></i>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
</main>
|
||
<script src="https://cdn.jsdelivr.net/npm/bulma-carousel@4.0.24/dist/js/bulma-carousel.min.js"></script>
|
||
|
||
<script>
|
||
|
||
document.addEventListener('DOMContentLoaded', () => {
|
||
|
||
|
||
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
||
|
||
|
||
$navbarBurgers.forEach( el => {
|
||
el.addEventListener('click', () => {
|
||
|
||
|
||
const target = el.dataset.target;
|
||
const $target = document.getElementById(target);
|
||
|
||
|
||
el.classList.toggle('is-active');
|
||
$target.classList.toggle('is-active');
|
||
|
||
});
|
||
});
|
||
|
||
});
|
||
|
||
</script>
|
||
</body>
|
||
</html>
|
||
|
