Skip to content

Instantly share code, notes, and snippets.

@alexismp

alexismp/voeux.html

Created December 29, 2020 08:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save alexismp/3263f2d4b5cebb0482568b63d5549a1c to your computer and use it in GitHub Desktop.
Save alexismp/3263f2d4b5cebb0482568b63d5549a1c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
voeux.html
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Lecteur Ecard</title>
<link rel="stylesheet" href="https://www.cartesvirtuelles.fr/inc/css/reset.css">
<!-- <link rel="stylesheet" href="inc/css/styles.css?v--><!--">-->
<link rel="stylesheet" href="https://www.cartesvirtuelles.fr/inc/css/styles.css?v">
<link rel="stylesheet" href="inc/css/edp/style.css?v=1544084853">
<!-- google fonts -->
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ["Comfortaa:bold,bolditalic,italic,regular"] }
});
</script>
<!-- player video lib -->
<link href="https://www.cartesvirtuelles.fr/inc/ext/video-js/video-js.css" rel="stylesheet">
<script src="https://www.cartesvirtuelles.fr/inc/ext/video-js/video.js"></script>
<script type="text/javascript" src="inc/ext/jquery/jquery.slim.min.js"></script>
<!-- animations -->
<script src="https://www.cartesvirtuelles.fr/inc/ext/tween-lite/TweenLite.min.js"></script>
<script src="https://www.cartesvirtuelles.fr/inc/ext/tween-lite/plugins/CSSPlugin.min.js"></script>
<!-- actions -->
<!--<script>
</script>-->
<script src="https://www.cartesvirtuelles.fr/inc/js/global.js?v=1546865245"></script>
<!--[if lt IE 9]>
<script>ie_lte_9 = true;</script>
<![endif]-->
<!-- animation template (1, 2 or 3) -->
<script>
var anim = '6', // video type (ecard or campaign)
type = 'campaign', // device type
isLoireEcard = false, // device type
device_type = 'computer',
IS_IFRAME = false;
IS_IPSEN = false;
</script>
</head>
<body class="anim-6 no-iframe">
<div id="player" class="preview">
<a href="mailto:marina.kiefer@allianz-riviera.fr" id="reply">Répondre à cette ecard</a>
<div id="wrapper">
<video id="video_edc" class="video-js" preload="auto" width="800" height="600" autoplay
poster="https://routage.cartesvoeux-fondationabbepierre.com/uploads/ecards/1/3/7/2/1372.jpg"
data-setup='{ "techOrder": ["html5", "flash"], "customControlsOnMobile": true, "nativeControlsForTouch": false, "notSupportedMessage": "Veuillez <a href=\"https://browsehappy.com/?locale=fr_FR\" target=\"_blank\">mettre à jour</a> votre navigateur ou installer la dernière version de <a href=\"https://get.adobe.com/fr/flashplayer/\" target=\"_blank\">Flash Player</a>." }'>
<source
src="https://routage.cartesvoeux-fondationabbepierre.com/uploads/videos/1/3/7/2/e503cf3839c2e2cd4885cfb0e957f6d8.mp4"
type="video/mp4"/>
<source
src="https://routage.cartesvoeux-fondationabbepierre.com/uploads/videos/1/3/7/2/e503cf3839c2e2cd4885cfb0e957f6d8.webm"
type="video/webm"/>
</video>
<div id="bg" class="anim" style="background-color:#ffffff;background-image: url(https://routage.cartesvoeux-fondationabbepierre.com/uploads/ecards/1/3/7/2/1372_bg.jpg);"></div>
<div id="logo" class="anim" style="left:0px;top:0px;">
<img id='logo_img'
src='https://routage.cartesvoeux-fondationabbepierre.com/uploads/logos/1/5/0/2/6/logo_15026.png?20201229091213'
width="800" height="600"/>
</div>
<div id="logo2" class="anim" style="left:0px;top:0px;">
</div>
<div id="text" class="anim hide" style="font-weight:bold;font-size:34px;color:#030203;font-family:Comfortaa;text-align:center;left:120px;top:114px;">
</div>
<div id="website"></div>
<div id="footer" class="anim hide" style="font-weight:bold;font-size:18px;color:#050505;font-family:Arial;text-align:center;left:304px;top:474px;"></div>
</div>
<a href="javascript:;" id="btn-big" class="btn-play"></a>
<a href="javascript:;" id="btn">Jouer l'ecard</a>
<div class="clear"></div>
<!-- --><!-- <p id="label-big">Ecard éditée en soutien à la-->
<!-- <a target="_blank" href="https://www.fondation-abbe-pierre.fr">Fondation Abbé Pierre</a>-->
<!-- </p>-->
<!-- --><!-- <p id="label">-->
<!-- Vous aussi, envoyez vos ecards sur-->
<!-- <a target="_blank" href="--><!--">--><!--</a>-->
<!-- </p>-->
<!-- -->
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment