first commit
This commit is contained in:
570
reverseProxy NGINX/www/rmess/index.html
Normal file
570
reverseProxy NGINX/www/rmess/index.html
Normal file
@@ -0,0 +1,570 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user