https://aiguilleur-du-rail.fr/

1<!DOCTYPE html>
2<html lang="fr">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name=description content="Inscrivez-vous au MOOC et rejoignez SNCF Réseau au poste d’Aiguilleur(e) du Rail ! Projetez-vous dans votre futur métier, préparez votre recrutement dans la circulation ferroviaire."/>
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8    <meta property="og:site_name" content="Aiguilleur du Rail"/>
9    <meta property="og:title" content="Rejoignez SNCF Réseau au poste d’Aiguilleur(e) du Rail"/>
10    <meta property="og:description" content="Inscrivez-vous au MOOC et rejoignez SNCF Réseau au poste d’Aiguilleur(e) du Rail ! Projetez-vous dans votre futur métier, préparez votre recrutement dans la circulation ferroviaire."/>
11    <meta property="og:image" content="/media/microsite/aiguilleur-du-rail/hp/logo_plateforme_mobile.png">
12    <meta property="og:url" content="https://aiguilleur-du-rail.fr/">
13    <meta property="og:type" content="website"/>
14    <link rel="canonical" href="https://aiguilleur-du-rail.fr/">
15
16    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
17    <title>Rejoignez SNCF Réseau au poste d'Aiguilleur(e) du rail</title>
18
19    <!-- Bootstrap -->
20    <link href="/media/microsite/aiguilleur-du-rail/hp/style.css" rel="stylesheet">
21    <link href="/media/microsite/aiguilleur-du-rail/hp/cookies.css" rel="stylesheet">
22    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
23    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
24    <!--[if lt IE 9]>
25      

25<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>

25
26      

26<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

26
27    <![endif]-->
28  </head>
29  <body>
30  <div id="player"><span id="close">X</span><iframe id="iframe_teaser" src="" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
31  <div id="voile"></div>
32  <section id="cookies">
33    <p>
34      En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour réaliser des statistiques de visites et le dépôt de cookies tiers destinés à vous proposer des vidéos.
35    </p>
36    <p>
37      <a href="">En savoir plus</a>
38      <button id="cookie_ok">OK</button>
39    </p>
40  </section>
41  <section id="nav">
42    <div class="contenant">
43      <div id="logo">
44        <img src="/media/microsite/aiguilleur-du-rail/hp/logo_sncf.png" />
45      </div>
46      <div id="nav_title">Aiguilleur(e) du rail</div>
47      <div id="menu">
48        <button id="button_low"></button>
49        <span class="inscription_connexion">
50          <a href="/register?course_id=course-v1:aiguilleur-du-rail+SNCFR2017+2017_T1&enrollment_action=enroll">Inscription</a>
51          <a href="/login?course_id=course-v1:aiguilleur-du-rail+SNCFR2017+2017_T1&enrollment_action=enroll">Connexion</a>
52        </span>
53      </div>
54      <span style="float: none;"></span>
55    </div>
56  </section>
57
58  <!-- <nav role="navigation"> -->
59    <div id="menuToggle">
60
61      <input type="checkbox" />
62      
63
64      <span></span>
65      <span></span>
66      <span></span>
67      
68
69      <ul id="menu_burger">
70        <a href="/register?course_id=course-v1:aiguilleur-du-rail+SNCFR2017+2017_T1&enrollment_action=enroll"><li>Inscription</li></a>
71        <a href="/login?course_id=course-v1:aiguilleur-du-rail+SNCFR2017+2017_T1&enrollment_action=enroll"><li>Connexion</li></a>
72      </ul>
73    </div>
74  <!-- </nav> -->
75
76  <section id="header">
77    <!-- <section id="header" style="margin-top: -27px;"> -->
78    <video id="video" style="width: 100%;" autoplay="autoplay" loop="loop" width="300" height="150" muted><br><source src="/media/microsite/aiguilleur-du-rail/hp/video.mp4" type="video/mp4"></video>
79    <div id="menu_header">
80      <h1>devenez aiguilleur(e) du rail</h1>
81          <p>&nbsp;<br/>SNCF recrute en Ile de France</p>
82      <!--<p>&nbsp;<br/>ouverture le 12/04/2017</p>-->
83      <div id="bouton_header">
84        <button id="teaser_play">Lancer le teaser</button>
85        <a href="/register?course_id=course-v1:aiguilleur-du-rail+SNCFR2017+2017_T1&enrollment_action=enroll">Inscription</a>
86      </div>
87    </div>
88    <div id="scroll">
89      <img src="/media/microsite/aiguilleur-du-rail/hp/scroll.png" id="scroll_button_action" />
90    </div>
91  </section>
92  <section id="unit1">
93    <div class="contenant">
94      <img src="/media/microsite/aiguilleur-du-rail/hp/logo_plateforme_mobile.png" id="unit1_img_desktop"/>
95      <img src="/media/microsite/aiguilleur-du-rail/hp/logo_plateforme_mobile.png" id="unit1_img_mobile"/>
96    </div>
97  </section>
98  <section id="unit2">
99    <span id="unit_2_desk">
100      <h2>VOUS AIMEZ ÊTRE AU CŒUR DES OPÉRATIONS ?</h2>
101      <h2 id="unit2_h2">VOUS VOULEZ DÉCOUVRIR L'ENVERS DU DÉCOR DE LA CIRCULATION DES TRAINS ?</h2>
102    </span>
103    <span id="unit2_mob">
104      <h2>LE MÉTIER D’AIGUILLEUR(E)</h2>
105      <h2 style="color:#cd0037;margin-bottom: 50px;">DU RAIL VOUS INTÉRESSE ?</h2>
106    </span>
107    <p>Vous aimez être au cœur de opérations et avez le sens des responsabilités ? Vous aimez l’idée de rejoindre une entreprise</p>
108    <p>qui est une grande famille ? Inscrivez-vous au MOOC et rejoignez SNCF Réseau au poste d’<a href="https://www.emploi.sncf.com/nos-metiers/aiguilleur-rail/" target="_blank">Aiguilleur(e) du Rail</a> !</p>
109    <p id="unit2_p" style="margin-bottom:50px;">Au fil des 3 séquences proposées, nous vous ferons découvrir le monde du ferroviaire :</p>
110    <img src="/media/microsite/aiguilleur-du-rail/hp/bloc_sequence.png" id="unit2_img1"/>
111    <img src="/media/microsite/aiguilleur-du-rail/hp/bloc_sequence_mobile.png" id="unit2_img2"/>
112  </section>
113  <section id="unit3">
114    <p>
115      <br/><br/>Retrouvez SNCF sur <a href="https://twitter.com/sncf_recrute?lang=fr" target="_blank">Twitter</a> et <a href="https://fr-fr.facebook.com/SNCFrecrutement/" target="_blank">Facebook</a>
116    </p>
117    <div class="contenant">
118      <a href="https://www.sncf-reseau.com/fr/entreprise/recrutement" target="_blank">

118en savoir plus sur les métiers de SNCF Réseau ></a>
119    </div>
120  </section>
121  <section id="footer">
122    <span>Site réalisé par <a href="https://www.themoocagency.com">The MOOC Agency</a> - 2016</span>
123  </section>
124  </body>
125
126  

126<script src="/media/microsite/aiguilleur-du-rail/hp/jquery.js"></script>

126
127  

127<script src="/media/microsite/aiguilleur-du-rail/hp/cookie.js"></script>

127
128  

128<script>
129  function menu_nav() {
130    var width = $(window).width();
131    width = parseInt(width);
132    if(width <= 500) {
133      $('#button_low').click(function(){
134        console.log('coin');
135        $('#menu').find('span').toggle();
136      })
137    }else{
138      $('#menu').find('span').attr('style','');
139    }
140  }
141  function scroll_to() {
142    $('#scroll_button_action').on('click', function() {
143      var speed = 750;
144      $('html, body').animate( { scrollTop: $('#unit1').offset().top }, speed );
145      return false;
146    });
147  }
148  function teaser_play() {
149    $('#teaser_play').click(function(){
150      console.log('test');
151      $('#iframe_teaser').attr('src','https://player.vimeo.com/external/208845174.hd.mp4?s=2446afd8603374a8230b137af63f1b56193e5f66&profile_id=174');
152      $('#voile').show();
153      $('#player').show();
154    })
155    $('#voile').click(function(){
156      $('#voile').hide();
157      $('#player').hide();
158      $('#iframe_teaser').attr('src','');
159    })
160    $('#close').click(function(){
161      $('#voile').hide();
162      $('#player').hide();
163      $('#iframe_teaser').attr('src','');
164    })
165  }
166  $(document).ready(function(){
167    menu_nav();
168    teaser_play();
169    scroll_to();
170  })
171  $(window).resize(function(){
172    menu_nav();
173  })
174  </script>

174
175</html>
176