-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
117 lines (82 loc) · 5.63 KB
/
index.php
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
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Osthoffen 2020</title>
<meta charset="UTF-8">
<meta name="description" content="Site Internet de la liste municipale Osthoffen 2020">
<meta name="keywords" content="Osthoffen, elections, municipal, 2020, mairie">
<meta name="author" content="Lucas LETT">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="files/logo.png" />
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v5.0&appId=547838122035305&autoLogAppEvents=1"></script>
<?php include "overall/menu.php"; ?>
<div class="content">
<article id="intro">
<h1 style="background-color:orange">Osthoffen 2020, <i>bien vivre ensemble</i></h1>
<p style=" text-align: justify;">
Madame, Monsieur,<br>
Vous allez choisir une équipe municipale pour les six années à venir.<br><br>
Nous vous présentons une liste composée de 15 femmes et hommes qui vous proposent de leur faire confiance et qui s’engagent pour un programme réaliste qui s’adaptera à votre commune avec des dépenses maîtrisées. <br><br>
Nous nous retrouvons largement autour des valeurs humaines, de justice, d’équité et de solidarité. Nous avons décidé de nous présenter à vos suffrages lors des prochaines élections communales.<br><br>
L’action municipale que nous mènerons ensemble fera preuve de transparence, d’esprit d’équipe et d’ouverture. <br><br>
<b style="color:#FF8000">La transparence</b> : Dans notre commune, où nous sommes proches les uns des autres, chacune et chacun s’attend à être informé, consulté, écouté et respecté. La municipalité doit être en mesure d’expliquer les décisions qu’elle prend. <br><br>
<b style="color:#FF8000">L’esprit d’équipe</b> : Afin d’agir efficacement, une commune se doit d’avoir un Maire et une équipe qui proposent, travaillent, impulsent et accompagnent les évolutions. <br>
Nous mettrons en place des commissions, des groupes de travail et des comités consultatifs. Nous soutiendrons et consulterons les associations sportives, culturelles et de loisir. <br>
Nous favoriserons les rencontres et le dialogue entre tous, quelles que soient les différences. C’est de cette richesse que naîtront les nouveaux projets et les bonnes décisions. <br><br>
<b style="color:#FF8000">L’ouverture</b> : La commune œuvrera avec l’Eurométropole. C’est dans cet esprit d’ouverture que notre action puisera de nouvelles forces sans perdre pour autant son identité. <br><br>
Les enjeux de cette consultation qui dépassent de loin <i>l’intérêt particulier, l’ambition personnelle ou le jeu politicien</i> sont nombreux et méritent des réponses adaptées et efficaces. <br>
</p>
</article>
<article id="infos">
<h1 style="background-color:orange">Notre Page Facebook</h1>
<div class="fb-page" data-href="https://www.facebook.com/osthoffen2020/" data-tabs="timeline" data-width="400" data-height="100" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div>
<br>
<br>
<hr>
<h1 style="background-color:orange">Premier tour des élections</h1>
Le premier tour des élections aura lieu le <br><center><b>Dimanche 15 Mars à partir de 8h00</b><br><br>
</center>
<h3 style="color:#FF8000">Votez pour nous !</h3>
<br><br>
</article>
</div>
<div style="text-align:center" id="photo_groupe">
<a href="files/groupe.jpg">
<img width="100%" src="files/groupe.jpg">
</a>
</div>
</body>
</html>
<script>
// Set the date we're counting down to
var countDownDate = new Date("Mar 15, 2020 08:00:00").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Output the result in an element with id="demo"
document.getElementById("countdown").innerHTML = days + "j " + hours + "h "
+ minutes + "m " + seconds + "s ";
// If the count down is over, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("countdown").innerHTML = "EXPIRED";
}
}, 1000);
</script>
<div style="display:none">
<div id="sfcyapkwuf5fyl3188pdujqjw67hq2bbppr"></div>
<script type="text/javascript" src="https://counter2.wheredoyoucomefrom.ovh/private/counter.js?c=yapkwuf5fyl3188pdujqjw67hq2bbppr&down=async" async></script>
<br><a href="https://www.assoclub.fr">inscription association en ligne</a><noscript><a href="https://www.compteurdevisite.com" title="compteur site"><img src="https://counter2.wheredoyoucomefrom.ovh/private/compteurdevisite.php?c=yapkwuf5fyl3188pdujqjw67hq2bbppr" border="0" title="compteur site" alt="compteur site"></a></noscript>
</div>