571 lines
18 KiB
HTML
571 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Séminaire au vert 2023</title>
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
|
<meta content="" name="keywords" />
|
|
<meta content="" name="description" />
|
|
|
|
<!-- Favicon -->
|
|
<link href="img/logo_RMESS-300x120.webp" rel="icon" />
|
|
|
|
<!-- Google Web Fonts -->
|
|
<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=Inter:wght@400;500;600&family=Saira:wght@500;600;700&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
|
|
<!-- Icon Font Stylesheet -->
|
|
<link
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
|
|
rel="stylesheet"
|
|
/>
|
|
|
|
<!-- Libraries Stylesheet -->
|
|
<link href="lib/animate/animate.min.css" rel="stylesheet" />
|
|
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
|
|
|
|
<!-- Customized Bootstrap Stylesheet -->
|
|
<link href="css/bootstrap.min.css" rel="stylesheet" />
|
|
|
|
<!-- Template Stylesheet -->
|
|
<link href="css/style.css" rel="stylesheet" />
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Spinner Start -->
|
|
<div
|
|
id="spinner"
|
|
class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"
|
|
>
|
|
<div class="spinner-grow text-primary" role="status"></div>
|
|
</div>
|
|
<!-- Spinner End -->
|
|
|
|
<!-- Navbar Start -->
|
|
<div
|
|
class="container-fluid fixed-top px-0 wow fadeIn"
|
|
data-wow-delay="0.1s"
|
|
>
|
|
<div
|
|
class="top-bar text-white-50 row gx-0 align-items-center d-none d-lg-flex"
|
|
>
|
|
<div class="col-lg-6 px-5 text-start">
|
|
<small
|
|
><i class="fa fa-map-marker-alt me-2"></i> 444 ROUTE DE LABORDE,
|
|
81170 Cordes-sur-Ciel</small
|
|
>
|
|
<small class="ms-4"
|
|
><i class="fa fa-envelope me-2"></i>antonin.lefloch@irit.fr</small
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<nav
|
|
class="navbar navbar-expand-lg navbar-dark py-lg-0 px-lg-5 wow fadeIn"
|
|
data-wow-delay="0.1s"
|
|
>
|
|
<a class="navbar-brand ms-4 ms-lg-0">
|
|
<h1 class="fw-bold text-primary m-0">
|
|
<span class="text-white">Séminaire au Vert 2023</span>
|
|
</h1>
|
|
</a>
|
|
<button
|
|
type="button"
|
|
class="navbar-toggler me-4"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#navbarCollapse"
|
|
>
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
|
<div class="navbar-nav ms-auto p-4 p-lg-0">
|
|
<a href="index.html" class="nav-item nav-link active">Home</a>
|
|
<a href="mailto: antonin.lefloch@irit.fr" class="nav-item nav-link"
|
|
>Contact</a
|
|
>
|
|
</div>
|
|
<div class="d-none d-lg-flex ms-2"></div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<!-- Navbar End -->
|
|
|
|
<!-- Carousel Start -->
|
|
|
|
<div class="container-fluid p-0 mb-5">
|
|
<div id="header-carousel" class="carousel slide" data-bs-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<img class="w-100" src="img/hotel-la-metairie.jpg" alt="Image" />
|
|
<div class="carousel-caption">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-7 pt-5">
|
|
<h1 class="display-4 text-white mb-3 animated slideInDown">
|
|
Séminaire au vert 2023
|
|
</h1>
|
|
<p class="fs-5 text-white-50 mb-5 animated slideInDown">
|
|
Avec liens utiles, programme des activités et menu.
|
|
</p>
|
|
<p class="display-7 text-white mb-3 animated slideInDown">
|
|
Adresse : Château de Laborde, 81170 Cordes-sur-Ciel
|
|
</p>
|
|
|
|
<p>
|
|
<button
|
|
type="button"
|
|
onclick="location.href='https://goo.gl/maps/Vo5vUosVoJUCokHQ7'"
|
|
class="collapsible btn btn-primary py-2 px-3 animated slideInDown"
|
|
>
|
|
Trajet
|
|
</button>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Carousel End -->
|
|
|
|
<style>
|
|
ul,
|
|
li {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.container_edt {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0 1rem;
|
|
padding: 1rem 0;
|
|
}
|
|
|
|
.wrapper_edt {
|
|
padding: 2rem;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.wrapper_edt_droit {
|
|
padding: 2rem;
|
|
border-radius: 15px;
|
|
width: 25%;
|
|
float: right;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.1rem;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.sessions {
|
|
margin-top: 2rem;
|
|
border-radius: 12px;
|
|
position: relative;
|
|
}
|
|
|
|
li {
|
|
padding-bottom: 1.5rem;
|
|
border-left: 1px solid #abaaed;
|
|
position: relative;
|
|
padding-left: 20px;
|
|
margin-left: 10px;
|
|
&:last-child {
|
|
border: 0px;
|
|
padding-bottom: 0;
|
|
}
|
|
&:before {
|
|
content: "";
|
|
width: 15px;
|
|
height: 15px;
|
|
background: white;
|
|
border: 1px solid #4e5ed3;
|
|
box-shadow: 3px 3px 0px #bab5f8;
|
|
box-shadow: 3px 3px 0px #bab5f8;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: -10px;
|
|
top: 0px;
|
|
}
|
|
}
|
|
|
|
.time {
|
|
color: #2a2839;
|
|
font-weight: 500;
|
|
@include mobile-and-up {
|
|
font-size: 0.9rem;
|
|
}
|
|
@include mobile-only {
|
|
margin-bottom: 0.3rem;
|
|
font-size: 0.85rem;
|
|
}
|
|
}
|
|
|
|
p {
|
|
color: #4f4f4f;
|
|
line-height: 1.5;
|
|
margin-top: 0.4rem;
|
|
@include mobile-only {
|
|
font-size: 0.9rem;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
.container_edt {
|
|
display: flex;
|
|
justify-content: center;
|
|
position: relative;
|
|
align-items: center;
|
|
padding: 0 1rem;
|
|
padding: 1rem 0;
|
|
}
|
|
.wrapper_edt {
|
|
padding: 0rem;
|
|
border-radius: 0px;
|
|
}
|
|
.wrapper_edt_droit {
|
|
padding: 1rem;
|
|
border-radius: 6px;
|
|
width: 60%;
|
|
float: right;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<div class="container-xxl bg-light my-5 py-5">
|
|
<div class="container py-5">
|
|
<div
|
|
class="text-center mx-auto mb-5 wow fadeInUp"
|
|
data-wow-delay="0.1s"
|
|
style="
|
|
max-width: 500px;
|
|
visibility: visible;
|
|
animation-delay: 0.1s;
|
|
animation-name: fadeInUp;
|
|
"
|
|
>
|
|
<h1 class="display-6 mb-5">Planning des présentations</h1>
|
|
</div>
|
|
|
|
<div
|
|
class="container_edt mx-auto mb-1 wow fadeInUp"
|
|
data-wow-delay="0.1s"
|
|
>
|
|
<a
|
|
class="display-6 mb-5"
|
|
href="https://docs.google.com/spreadsheets/d/1MwCPIElo8uKpJXJ_pmzWLiHTfmGFq94YexHdFi1XzAg/edit#gid=1374981024"
|
|
class="nav-item nav-link active"
|
|
>Lien</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Planing Start -->
|
|
<div class="container-xxl bg-light my-5 py-5">
|
|
<div class="container py-5">
|
|
<div
|
|
class="text-center mx-auto mb-5 wow fadeInUp"
|
|
data-wow-delay="0.1s"
|
|
style="
|
|
max-width: 500px;
|
|
visibility: visible;
|
|
animation-delay: 0.1s;
|
|
animation-name: fadeInUp;
|
|
"
|
|
>
|
|
<h1 class="display-6 mb-5">Planning des évènements</h1>
|
|
</div>
|
|
|
|
<div
|
|
class="container_edt mx-auto mb-5 wow fadeInUp"
|
|
data-wow-delay="0.1s"
|
|
>
|
|
<div class="wrapper_edt" style="width: 50%; float: left">
|
|
<h1>Lundi 17</h1>
|
|
<ul class="sessions">
|
|
<li>
|
|
<div class="time">16h30</div>
|
|
<p>Départ de Toulouse</p>
|
|
</li>
|
|
<li>
|
|
<div class="time">18h</div>
|
|
<p>Arrivée et prise des chambres</p>
|
|
</li>
|
|
<li>
|
|
<div class="time">19h30</div>
|
|
<p>Dîner</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<style></style>
|
|
<div class="wrapper_edt_droit">
|
|
<h1>Mardi 18</h1>
|
|
<ul class="sessions">
|
|
<li>
|
|
<div class="time">À partir de 7h</div>
|
|
<p>Petit Déjeuner</p>
|
|
</li>
|
|
<li>
|
|
<div class="time">9h30 - 12h</div>
|
|
<p>Présentations</p>
|
|
</li>
|
|
<li>
|
|
<div class="time">12h - 14h</div>
|
|
<p>Déjeuner</p>
|
|
</li>
|
|
<li>
|
|
<div class="time">14h - 16h</div>
|
|
<p>Présentations</p>
|
|
</li>
|
|
<li>
|
|
<div class="time">16h - 16h30</div>
|
|
<p>Pause</p>
|
|
</li>
|
|
<li>
|
|
<div class="time">À partir de 16h30</div>
|
|
<p>Moment convivial</p>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="time">19h30</div>
|
|
<p>Dîner</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Planning End -->
|
|
|
|
<!-- Repas Start -->
|
|
<div class="container-xxl bg-light my-5 py-5">
|
|
<div class="container py-5">
|
|
<div
|
|
class="text-center mx-auto mb-5 wow fadeInUp"
|
|
data-wow-delay="0.1s"
|
|
style="
|
|
max-width: 500px;
|
|
visibility: visible;
|
|
animation-delay: 0.1s;
|
|
animation-name: fadeInUp;
|
|
"
|
|
>
|
|
<h1 class="display-6 mb-5">Menu</h1>
|
|
</div>
|
|
<div class="row g-4 justify-content-center">
|
|
<div
|
|
class="col-lg-4 col-md-6 wow fadeInUp"
|
|
data-wow-delay="0.1s"
|
|
style="
|
|
visibility: visible;
|
|
animation-delay: 0.1s;
|
|
animation-name: fadeInUp;
|
|
"
|
|
>
|
|
<div
|
|
class="causes-item d-flex flex-column bg-white border-top border-5 border-primary rounded-top overflow-hidden h-100"
|
|
>
|
|
<div class="text-center p-4 pt-0">
|
|
<div
|
|
class="d-inline-block bg-primary text-white rounded-bottom fs-5 pb-1 px-3 mb-4"
|
|
>
|
|
<small>Lundi Soir</small>
|
|
</div>
|
|
<h5 class="mb-3">Dîner</h5>
|
|
<p>
|
|
<b>Entrée</b> Tartare de légumes de soleil & son fromage frais
|
|
</p>
|
|
<p>
|
|
<b>Plat</b> Pavé de saumon accompagné de gratins de pâtes aux
|
|
légumes
|
|
</p>
|
|
<p><b>Dessert</b> Tarte Tatin</p>
|
|
</div>
|
|
<div class="position-relative mt-auto">
|
|
<img class="img-fluid" src="img/33079988.webp" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-lg-4 col-md-6 wow fadeInUp"
|
|
data-wow-delay="0.3s"
|
|
style="
|
|
visibility: visible;
|
|
animation-delay: 0.3s;
|
|
animation-name: fadeInUp;
|
|
"
|
|
>
|
|
<div
|
|
class="causes-item d-flex flex-column bg-white border-top border-5 border-primary rounded-top overflow-hidden h-100"
|
|
>
|
|
<div class="text-center p-4 pt-0">
|
|
<div
|
|
class="d-inline-block bg-primary text-white rounded-bottom fs-5 pb-1 px-3 mb-4"
|
|
>
|
|
<small>Mardi Midi</small>
|
|
</div>
|
|
<h5 class="mb-3">Déjeuner</h5>
|
|
|
|
<p><b>Entrée</b> Salade de gésiers de canard confit</p>
|
|
<p>
|
|
<b>Plat</b> Délicieuse cuisse de canard confite avec pomme de
|
|
terre grenaille & haricots verts
|
|
</p>
|
|
<p><b>Dessert</b> Salade de fruits</p>
|
|
</div>
|
|
<div class="position-relative mt-auto">
|
|
<img
|
|
class="img-fluid"
|
|
src="img/74073_w1024h768c1cx1872cy2808.webp"
|
|
alt=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-lg-4 col-md-6 wow fadeInUp"
|
|
data-wow-delay="0.5s"
|
|
style="
|
|
visibility: visible;
|
|
animation-delay: 0.5s;
|
|
animation-name: fadeInUp;
|
|
"
|
|
>
|
|
<div
|
|
class="causes-item d-flex flex-column bg-white border-top border-5 border-primary rounded-top overflow-hidden h-100"
|
|
>
|
|
<div class="text-center p-4 pt-0">
|
|
<div
|
|
class="d-inline-block bg-primary text-white rounded-bottom fs-5 pb-1 px-3 mb-4"
|
|
>
|
|
<small>Mardi Soir</small>
|
|
</div>
|
|
<h5 class="mb-3">Cocktail dinatoire</h5>
|
|
<p>Assortiment de petits plats.</p>
|
|
<button
|
|
type="button"
|
|
class="collapsible btn btn-primary py-2 px-3 animated slideInDown"
|
|
>
|
|
Détail
|
|
</button>
|
|
|
|
<div class="content">
|
|
<p>Plateau de charcuterie</p>
|
|
<p>Plateau de canapés prestige</p>
|
|
<p>Brochette Yakitori</p>
|
|
<p>Assortiment de Mini Quiche</p>
|
|
<p>Assainissement de mini lunch</p>
|
|
<p>Verrine Cocktail</p>
|
|
<p>Assortiment de mignardise</p>
|
|
<p>Vins (1bte/4pax)</p>
|
|
</div>
|
|
|
|
<style>
|
|
.content {
|
|
padding: 0 18px;
|
|
background-color: white;
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
transition: max-height 0.2s ease-out;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
var coll = document.getElementsByClassName("collapsible");
|
|
var i;
|
|
|
|
for (i = 0; i < coll.length; i++) {
|
|
coll[i].addEventListener("click", function () {
|
|
this.classList.toggle("active");
|
|
var content = this.nextElementSibling;
|
|
if (content.style.display === "block") {
|
|
content.style.display = "none";
|
|
} else {
|
|
content.style.display = "block";
|
|
}
|
|
});
|
|
}
|
|
var coll = document.getElementsByClassName("collapsible");
|
|
var i;
|
|
|
|
for (i = 0; i < coll.length; i++) {
|
|
coll[i].addEventListener("click", function () {
|
|
this.classList.toggle("active");
|
|
var content = this.nextElementSibling;
|
|
if (content.style.maxHeight) {
|
|
content.style.maxHeight = null;
|
|
} else {
|
|
content.style.maxHeight = content.scrollHeight + "px";
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
</div>
|
|
|
|
<div class="position-relative mt-auto">
|
|
<img class="img-fluid" src="img/3-1024x683.png" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="fs-9 mb-9 animated slideInDown">Photos non contractuelles.</p>
|
|
</div>
|
|
</div>
|
|
<!-- Repas End -->
|
|
|
|
<!-- Footer Start -->
|
|
<div
|
|
class="container-fluid bg-dark text-white-50 footer mt-5 pt-5 wow fadeIn"
|
|
data-wow-delay="0.1s"
|
|
>
|
|
<div class="container py-5">
|
|
<div class="row g-5">
|
|
<div class="col-lg-3 col-md-6">
|
|
<h5 class="text-light mb-4">Adresse</h5>
|
|
<p>
|
|
<i class="fa fa-map-marker-alt me-3"></i> 444 ROUTE DE LABORDE,
|
|
81170 Cordes-sur-Ciel
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<h5 class="text-light mb-4">Mail</h5>
|
|
<p>antonin.lefloch@irit.fr</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Footer End -->
|
|
|
|
<!-- Back to Top -->
|
|
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"
|
|
><i class="bi bi-arrow-up"></i
|
|
></a>
|
|
|
|
<!-- JavaScript Libraries -->
|
|
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="lib/wow/wow.min.js"></script>
|
|
<script src="lib/easing/easing.min.js"></script>
|
|
<script src="lib/waypoints/waypoints.min.js"></script>
|
|
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
|
<script src="lib/parallax/parallax.min.js"></script>
|
|
|
|
<!-- Template Javascript -->
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
<!-- SOURCE https://technext.github.io/chariteam/ -->
|
|
</html>
|