-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (107 loc) · 7.67 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Bulletin d’informations pédagogiques</title>
<meta name="description" content="Avec les médias sociaux, de nombreux articles, conseils et outils pédagogiques pas toujours sérieux font la une. Nos rédactrices ont vite fait de constater que leurs collègues et amis partageaient, avec bonne foi, des articles pédagogiques douteux. Ensemble, elles ont décidé de faire le ménage de tout ce qui se dit à propos de la pédagogie sur le web pour vous présenter seulement le meilleur.">
<meta name="author" content="Ellipse Synergie">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta property="og:title" content="Bulletin d’informations pédagogiques">
<meta property="og:image" content="http://pedago.echoscolaire.com/cover.png">
<meta property="og:site_name" content="Bulletin d’informations pédagogiques">
<meta property="og:description" content="Avec les médias sociaux, de nombreux articles, conseils et outils pédagogiques pas toujours sérieux font la une. Nos rédactrices ont décidé de faire le ménage de tout ce qui se dit à propos de la pédagogie sur le web pour vous présenter seulement le meilleur.">
<meta property="og:type" content="article">
<meta property="og:locale" content="fr_CA">
<meta property="og:url" content="http://pedago.echoscolaire.com">
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//google-analytics.com">
<link rel="dns-prefetch" href="//www.google-analytics.com">
<link rel="dns-prefetch" href="//maxcdn.bootstrapcdn.com">
<link href="//fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="styles.css" type="text/css">
</head>
<body>
<article>
<section class="intro">
<header class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
<span>Bulletin d’informations pédagogiques</span>
<h1>Articles, conseils, outils pédagogiques et évènements intéressants pour les enseignants</h1>
<p>Ce bulletin d’informations pédagogiques gratuit est conçu par des enseignants pour des enseignants.</p>
<form action="//ellipse-synergie.us10.list-manage.com/subscribe/post?u=8f6383190130a010dea3a4494&id=12735b3f00" method="post" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" placeholder="Entrer votre courriel..." autofocus>
<button type="submit" name="subscribe" id="mc-embedded-subscribe">M'abonner maintenant!</button>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_8f6383190130a010dea3a4494_12735b3f00" tabindex="-1" value=""></div>
</form>
</div>
</div>
</header>
</section>
<section class="container authors">
<header class="row">
<h2 class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">Nos rédactrices.</h2>
</header>
<div class="row">
<div class="col-xs-6 col-md-4 col-md-offset-2 col-lg-3 col-lg-offset-3">
<img src="carolanne-tremblay.jpg" alt="Photo de Carolanne Tremblay">
<h3>Carolanne Tremblay</h3>
<p>Enseignante, Formatice chez <a href="http://www.ellipse-synergie.com">Ellipse Synergie</a></p>
</div>
<div class="col-xs-6 col-md-4 col-lg-3">
<img src="roxanne-belanger.jpg" alt="Photo de Carolanne Tremblay">
<h3>Roxanne Bélanger</h3>
<p>Enseignante, Développement pédagogique chez <a href="http://www.ellipse-synergie.com">Ellipse Synergie</a></p>
</div>
</div>
</section>
<section class="container why">
<header class="row">
<h2 class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">Pourquoi un bulletin d’informations pédagogiques ?</h2>
</header>
<div class="row">
<div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
<p>Avec les médias sociaux, de nombreux articles, conseils et outils pédagogiques pas toujours sérieux font la une. Nos rédactrices ont décidé de faire le ménage de tout ce qui se dit à propos de la pédagogie sur le web pour vous présenter seulement le meilleur.</p>
<p>En plus, des articles rédigés par l’équipe ECHO seront proposés. Bien entendu, nos rédactrices seront enchantées de recevoir vos propositions de contenu ainsi que vos commentaires!</p>
</div>
</div>
</section>
<section class="container signup">
<div class="row">
<div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
<form action="//ellipse-synergie.us10.list-manage.com/subscribe/post?u=8f6383190130a010dea3a4494&id=12735b3f00" method="post" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" placeholder="Entrer votre courriel...">
<button type="submit" name="subscribe">M'abonner maintenant!</button>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_8f6383190130a010dea3a4494_12735b3f00" tabindex="-1" value=""></div>
</form>
</div>
</div>
</section>
<footer class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
Conçu avec <i class="fa fa-heart animated infinite pulse"></i> par l'équipe de <a href="http://www.echoscolaire.com">ECHO Scolaire</a> et <a href="http://www.monplandecours.com">Mon Plan de Cours</a>.
</div>
</div>
</footer>
</article>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-85140515-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>