-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
183 lines (167 loc) · 9.28 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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html lang=fr>
<head>
<meta charset="UTF-8" />
<title>Sereny</title>
<!-- Google Fonts -->
<link
href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Roboto:wght@400;700;900&display=swap"
rel="stylesheet" />
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" />
<!-- CSS FontAwesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" />
<!-- CSS jquery -->
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<!-- Mon CSS -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="fond">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light navGenerale">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link" href="index.php">
<h3>Accueil</h3>
</a>
<a class="nav-item nav-link" href="./serenyFamily/index_SF.php"> Family </a>
<a class="nav-item nav-link" href="./serenyBaby/index_SB.php"> Baby </a>
<a class="nav-item nav-link" href="./formations"> Formations </a>
<a class="nav-item nav-link" href="quiSuisJe.html">Qui suis-je ?</a>
<a class="nav-item nav-link" href="programmeMois.html">Programme du mois</a>
<a class="nav-item nav-link" href="partenariats.html">Partenariats</a>
<a class="nav-item nav-link" href="telechargements.html">Téléchargements</a>
</div>
</div>
</nav>
<hr>
<div class="col-12 text-center my-2">
<h1 class="vertClair m-5">SERENY.ORG</h1>
</div>
<video width="100%" height="100%" src="vid/video_accueil.mp4" muted autoplay loop></video>
<section class="my-5">
<p>
Derrière SERENY, se cache Bertille Poincelet. Educatrice spécialisée de formation, le soutien à la
Parentalité est au cœur de mon projet professionnel depuis toujours. <br>
<br>
Avec Sereny Baby, je suis parti du constat que les jeunes parents d’aujourd’hui se retrouvent
souvent seuls, avec plein de questions (séjour à la maternité de plus en plus court, famille
éloignée…) et l’arrivée des réseaux sociaux où on trouve tout et son contraire n’arrangent pas les
choses… Sereny Baby, ce sont donc des ateliers à destination des futurs et jeunes parents : <br>
communication signée complétée par la parole (appelée communément bébé signe), portage
physiologique, compréhension des pleurs de bébé (avec le Dunstan Baby Language), l’impact des
écrans… et des tisanes blabla (des temps d’échanges et de partage). <br>
<br>
Sereny Family est arrivée par la suite : lors d’atelier, on me questionnait souvent sur l’éducation,
le sommeil, les émotions… une fois de plus, je me suis rendu compte qu’on se sentait seul en tant
que parent et le « parent parfait » des réseaux sociaux n’aide pas … <br>
Nous savons aujourd’hui, grâce aux neurosciences, qu’une éducation bienveillante, respectueuse et
non permissive permet à l’enfant
de s’épanouir tout en respectant son développement mais c’est difficile quand on n’a pas les outils
ni les connaissances. <br> Sereny Family accompagne les parents face aux difficultés qu’ils peuvent
rencontrer (sommeil, désobéissance, tempêtes émotionnelles…) par des coachings ou des ateliers
thématiques. <br>
<br>
Sereny, c’est aussi des formations à destination des professionnels, notamment en communication
signée. La page associée est en cours de construction. <br>
<br>
Bienvenue !
</p>
</section>
<section>
<div class="row my-3 d-flex align-items-center justify-content-center">
<a href="./serenyBaby/index_SB.php">
<img src="img/Logo_SB.png" alt="Logo Sereny Baby" class="logoIndex">
</a>
<h3 class="ml-5">Des ateliers pour futurs et jeunes parents : <br>
- Communication signée <br>
- Portage <br>
- Language naturel de bébé <br>
- Tisane blabla
</h3>
</div>
<div class="row my-3 d-flex align-items-center justify-content-center">
<a href="./serenyFamily/index_SF.php">
<img src="img/Logo_Sereny_Family_400.png" alt="Logo Sereny Family" class="logoIndex">
</a>
<h3 class="ml-5">Ateliers coaching de soutien à la parentalité : <br>
- Ateliers parentalité positive et relationnelle <br>
- Coaching parental <br>
</h3>
</div>
</section>
<!-- <div class="row">
<div id="logoSB" class="col-6 text-center">
<a href="serenyBaby/index_SB.php">
<img src="img/Logo_SB.png" alt="Logo Sereny Baby">
</a>
<h3 class="jauneFonce">Accompagnement Parental & Professionnel</h3>
<p>(Ateliers, Animations, Formations, Groupes de parole)</p>
</div>
<div id="logoSF" class="col-6 text-center">
<a href="serenyFamily/index_SF.php">
<img src="img/Logo_Sereny_Family_400.png" alt="Logo Sereny Family">
</a>
<h3 class="jauneFonce">Soutien à la parentalité</h3>
<p>(Ateliers & Consultations)</p>
</div>
</div> -->
<!-- <div class="d-flex justify-content-around m-5 ">
<a href="quiSuisJe.html" class="text-center link">
<i class="far fa-question-circle fa-5x jauneFonce"></i>
<h3>Qui suis-je ?</h3>
</a>
<a href="img/Plannings_Avril.jpg" class="text-center link" download>
<i class="fas fa-file-download fa-5x jauneFonce"></i>
<h3>Programme du mois</h3>
</a>
<a href="partenariats.html" class="text-center link">
<i class="fas fa-hands-helping fa-5x jauneFonce"></i>
<h3>Partenariats</h3>
</a>
</div> -->
<!-- Mentions légales -->
<div class="d-flex mentions">
<div>
<p id="copyright">Copyright© Bertille Poincelet <?= date('Y'); ?></p>
</div>
<div class="d-flex ml-auto CGdesktop">
<a href="rgpd/mentions.php">
<p id="mentions">mentions légales</p>
</a> -
<a href="rgpd/cgu.php">
<p id="cgu">CGU</p>
</a>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous">
</script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript" src="https://cookieconsent.popupsmart.com/src/js/popper.js"></script>
<script>
window.start.init({
Palette: "palette1",
Mode: "floating left",
Theme: "block",
Message: "Ce site utilise les cookies pour vous procurer la meilleure expérience de navigation possible.",
ButtonText: "Ca marche !",
LinkText: "En savoir plus",
Location: "https://www.sereny.org/rgpd/cgu.php",
Time: "2",
})
</script>
</body>
</html>