2023-11-01 02:01:31 +00:00
|
|
|
<%- include('includes/head.ejs', {Title: 'welcome'}) %>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/page-daccueil.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<%- include('includes/header.ejs') %>
|
|
|
|
|
<main>
|
|
|
|
|
<video id="background-video" autoplay loop muted>
|
|
|
|
|
<source src="video/videoMilkyWay.mp4" type="video/mp4">
|
|
|
|
|
</video>
|
2023-11-02 02:53:46 +00:00
|
|
|
|
2023-11-01 02:01:31 +00:00
|
|
|
<div class="divLogoPerm">
|
2023-11-02 19:15:23 +00:00
|
|
|
<a href="https://www.instagram.com/bde_cs_metz/" class="custom-cursor">
|
2023-11-02 02:53:46 +00:00
|
|
|
<img src="img/logoPermantEpaule.JPG" alt="logo BDE permanent" id="logoPermBDE">
|
2023-11-02 19:15:23 +00:00
|
|
|
</a>
|
|
|
|
|
<a href="https://www.instagram.com/metzpaslesdents/" class="custom-cursor">
|
2023-11-02 02:53:46 +00:00
|
|
|
<img id="logoliste" src="img/IMG_6768.JPG" alt="logo BDS" >
|
2023-11-02 19:15:23 +00:00
|
|
|
</a>
|
2023-11-01 02:01:31 +00:00
|
|
|
</div>
|
2023-11-02 02:53:46 +00:00
|
|
|
<div class="container noselect" id="redirectButton">
|
|
|
|
|
<label for="checkbox" id="clickHandler"></label>
|
|
|
|
|
<input type="checkbox" id="checkbox">
|
|
|
|
|
<a href="/hotLine" class="custom-cursor">
|
|
|
|
|
</a>
|
|
|
|
|
<button id="button" >
|
|
|
|
|
<p id="to-launch">Campagne BDE</p>
|
|
|
|
|
<div id="platform"></div>
|
|
|
|
|
<div class="caution">
|
|
|
|
|
<div id="caution-left">LAUNCH ZONE</div>
|
|
|
|
|
<div id="caution-right">LAUNCH ZONE</div>
|
|
|
|
|
</div>
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
<p id="to-hover">hover me</p>
|
|
|
|
|
<div id="shuttle-wrapper">
|
|
|
|
|
|
|
|
|
|
<div id="shadow"></div>
|
|
|
|
|
<svg viewBox="0 0 230.24 542.46" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="b"><defs><linearGradient gradientUnits="userSpaceOnUse" gradientTransform="translate(160.35 -471.85) rotate(-7.06) scale(1.56 1.68)" y2="549.77" x2="-104.11" y1="545.09" x1="-130.63" id="d"><stop stop-color="#c6c6c6" offset="0"></stop><stop stop-color="#b1b1b1" offset="0"></stop><stop stop-color="#858585" offset=".02"></stop><stop stop-color="#606060" offset=".04"></stop><stop stop-color="#424242" offset=".05"></stop><stop stop-color="#2a2a2a" offset=".07"></stop><stop stop-color="#191919" offset=".09"></stop><stop stop-color="#101010" offset=".1"></stop><stop stop-color="#0d0d0d" offset=".13"></stop><stop stop-color="#454545" offset=".31"></stop><stop stop-color="#4c4c4c" offset=".33"></stop><stop stop-color="#484848" offset=".35"></stop><stop stop-color="#2b2c2b" offset=".52"></stop><stop stop-color="#171817" offset=".68"></stop><stop stop-color="#0b0c0b" offset=".84"></stop><stop stop-color="#070807" offset="1"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" y2="479.08" x2="113.37" y1="475.4" x1="70.56" id="e"><stop stop-opacity="0" stop-color="#fff" offset="0"></stop><stop stop-opacity="0" stop-color="#fff" offset=".32"></stop><stop stop-opacity="0" stop-color="#fff" offset=".38"></stop><stop stop-opacity="0" stop-color="#b3511b" offset="1"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" y2="270.33" x2="123.89" y1="269.31" x1="65.74" id="f"><stop stop-color="#e5e5e5" offset="0"></stop><stop stop-color="#e3e3e3" offset=".63"></stop><stop stop-color="#dcdcdc" offset=".85"></stop><stop stop-color="#d3d2d3" offset="1"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" y2="114.99" x2="112.45" y1="114.99" x1="70.84" id="g"><stop stop-color="#1a1a1a" offset="0"></stop><stop stop-color="#2a2a2a" offset=".05"></stop><stop stop-color="#434343" offset=".15"></stop><stop stop-color="#4d4d4d" offset=".2"></stop><stop stop-color="#474747" offset=".3"></stop><stop stop-color="#383838" offset=".69"></stop><stop stop-color="#333" offset="1"></stop></linearGradient><linearGradient xlink:href="#g" y2="142.07" x2="112.45" y1="142.07" x1="70.84" id="h"></linearGradient><linearGradient xlink:href="#g" y2="178.73" x2="112.45" y1="178.73" x1="70.84" id="i"></linearGradient><linearGradient xlink:href="#g" y2="254.03" x2="112.45" y1="254.03" x1="70.84" id="j"></linearGradient><linearGradient xlink:href="#g" y2="329.25" x2="112.45" y1="329.25" x1="70.84" id="k"></linearGradient><linearGradient xlink:href="#g" y2="386.88" x2="112.45" y1="386.88" x1="70.84" id="l"></linearGradient><linearGradient xlink:href="#g" y2="407.2" x2="112.45" y1="407.2" x1="70.84" id="m"></linearGradient><linearGradient xlink:href="#g" y2="414.79" x2="112.45" y1="414.79" x1="70.84" id="n"></linearGradient><linearGradient xlink:href="#g" y2="423.88" x2="112.45" y1="423.88" x1="70.84" id="o"></linearGradient><linearGradient xlink:href="#g" y2="435.68" x2="112.45" y1="435.68" x1="70.84" id="p"></linearGradient><linearGradient xlink:href="#g" y2="446.33" x2="112.45" y1="446.33" x1="70.84" id="q"></linearGradient><linearGradient gradientUnits="userSpaceOnUse" y2="280.59" x2="112.45" y1="280.59" x1="70.67" id="r"><stop stop-opacity="0" stop-color="#fff" offset="0"></stop><stop stop-opacity="0" stop-color="#fff" offset=".14"></stop><stop stop-opacity=".03" stop-color="#fff" offset=".19"></stop><stop stop-opacity=".08" stop-color="#fff" offset=".23"></stop><stop stop-opacity=".15" stop-color="#fff" offset=".25"></stop><stop stop-opacity=".23" stop-color="#fff" offset=".28"></stop><stop stop-opacity=".34" stop-color="#fff" offset=".3"></stop><stop stop-opacity=".47" stop-color="#fff" offset=".32"></stop><stop stop-opacity=".61" stop-color="#fff" offset=".34"></stop><stop stop-opacity=".78" stop-color="#fff" offset=".36"></stop><stop stop-opacity=".8" stop-color="#fff" offset=".36"></stop><stop stop-opacity="0" stop-color="#fff" offset=".38"></stop><stop stop-opacity="0" stop-color="#b3511b" o
|
|
|
|
|
</div>
|
2023-11-01 02:01:31 +00:00
|
|
|
</div>
|
2023-11-02 02:53:46 +00:00
|
|
|
<script>
|
|
|
|
|
document.getElementById("redirectButton").addEventListener("click", function() {
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
window.location.href = "/hotLine";
|
|
|
|
|
}, 1000);
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
2023-11-02 19:15:23 +00:00
|
|
|
<div class="divLogoPerm custom-cursor">
|
|
|
|
|
<a href="https://www.instagram.com/metzpaslesdents/" class="custom-cursor">
|
|
|
|
|
<img src="img/logoMetzPloreur.JPG" alt="logo Metzploreur" id="logoMetzPloreur">
|
|
|
|
|
</a>
|
2023-11-02 02:53:46 +00:00
|
|
|
</div >
|
2023-11-01 02:01:31 +00:00
|
|
|
</main>
|
|
|
|
|
<%- include('includes/footer') %>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
