1+ <!doctype html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="utf-8 ">
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no ">
6+ < link href ="https://fonts.googleapis.com/css?family=Poppins:300,400,600,700|Roboto+Mono&display=swap " rel ="stylesheet ">
7+
8+ < link href ="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css " rel ="stylesheet ">
9+
10+ < meta name ="generator " content ="Hugo 0.55.6 " />
11+
12+
13+ < title > Python Benin</ title >
14+ < meta name ="title " content ="Python Benin ">
15+ < meta name ="description " content ="La communauté des utilisateurs du langage de programmation Python au Bénin ">
16+
17+
18+ < meta property ="og:type " content ="website ">
19+ < meta property ="og:url " content ="https://pythonbenin.com/ ">
20+ < meta property ="og:title " content ="Python Benin ">
21+ < meta property ="og:description " content ="La communauté des utilisateurs du langage de programmation Python au Bénin ">
22+ < meta property ="og:image " content ="">
23+
24+
25+ < meta property ="twitter:card " content ="summary_large_image ">
26+ < meta property ="twitter:url " content ="https://pythonbenin.com/ ">
27+ < meta property ="twitter:title " content ="Python Benin ">
28+ < meta property ="twitter:description " content ="La communauté des utilisateurs du langage de programmation Python au Bénin ">
29+ < meta property ="twitter:image " content ="La communauté des utilisateurs du langage de programmation Python au Bénin ">
30+
31+
32+
33+
34+ < title > 404 Page not found | Python Bénin</ title >
35+ < style >
36+
37+ .link {
38+ text-decoration : underline;
39+ font-weight : bold;
40+ }
41+
42+ # mobilemenu {
43+ transition : .3s ;
44+ }
45+
46+ .button-primary {
47+ padding : 0.75rem 1rem ;
48+ background-color : # 5C038B ;
49+ color : white;
50+ font-family : 'Poppins' ;
51+ font-weight : bold;
52+ cursor : pointer;
53+ }
54+
55+ .main-font {
56+ font-family : 'Poppins' , Arial, Helvetica, sans-serif;
57+ }
58+ .secondary-font {
59+ font-family : 'Roboto Mono' ;
60+ }
61+
62+ .bg-pink {
63+ background-color : # EA007B ;
64+ }
65+
66+ .bg-purple {
67+ background-color : # 5C038B ;
68+ }
69+
70+ .bg-purple-dark {
71+ background-color : # 420264 ;
72+ }
73+
74+ .text-pink {
75+ color : # EA007B ;
76+ }
77+
78+ .text-purple {
79+ color : # 5C038B ;
80+ }
81+
82+ .mobile-menu-item-bordered {
83+ border : solid # 5C038B 1px ;
84+ }
85+
86+ body {
87+ font-family : 'Poppins' , Arial, Helvetica, sans-serif;
88+ background-color : # EDEEF2 ;
89+ }
90+ .container {
91+ max-width : 1060px ;
92+ padding : 40px 40px ;
93+ margin : 0 auto;
94+ }
95+ # nav a {
96+ font-weight : bold;
97+ color : inherit;
98+ }
99+ # nav-border {
100+ border-bottom : 1px solid # 212529 ;
101+ }
102+ # main {
103+ margin-top : 1em ;
104+ margin-bottom : 4em ;
105+ }
106+ # home-jumbotron {
107+ background-color : inherit;
108+ }
109+ .font-125 {
110+ font-size : 125% ;
111+ }
112+ .tag-btn {
113+ margin-bottom : 0.3em ;
114+ }
115+ img {
116+ max-width : 100% ;
117+ }
118+
119+
120+
121+ @media (max-width : 400px ) {
122+ .container {
123+ padding : inherit 15px ;
124+ }
125+
126+
127+
128+ .main-cta {
129+ border : # EDEEF2 solid 1px ;
130+ background : transparent;
131+ }
132+
133+ }
134+
135+ @media (max-width : 640px ) {
136+ .main-cta {
137+ border : # EDEEF2 solid 1px ;
138+ background : transparent;
139+ }
140+
141+ .nav-container {
142+ padding-left : 0px ;
143+ }
144+
145+ }
146+
147+
148+
149+ </ style >
150+ </ head >
151+
152+
153+
154+ < body >
155+
156+
157+ < div >
158+ < div class ="bg-pink h-16 flex items-center ">
159+ < div class ="mx-auto container nav-container ">
160+ < nav class ="font-bold ">
161+ < div class ="flex flex-row items-center justify-between ">
162+ < div class ="flex flex-row items-center ">
163+
164+ < div class ="bg-purple text-white pl-0 sm:text-xl font-bold h-20 mt-4 flex flex-row items-center ">
165+ < div class =" bg-purple-dark sm:hidden h-full flex-shrink-0 flex flex-center w-16 " >
166+ < button type ="button " id ="menu-open " class =" w-full h-full mx-auto focus:outline-none focus:text-gray-700 " onclick ="openMobileMenu() ">
167+ < svg class ="m-auto " width ="16 " height ="12 " viewBox ="0 0 16 12 " fill ="none " xmlns ="http://www.w3.org/2000/svg ">
168+ < path d ="M16 0V2H0V0H16ZM0 12H16V10H0V12ZM0 7H16V5H0V7Z " fill ="white "/>
169+ </ svg >
170+ </ button >
171+
172+ < button type ="button " id ="menu-close " class ="w-full h-full hidden mx-auto focus:outline-none focus:text-gray-700 " onclick ="closeMobileMenu() ">
173+ < svg class ="m-auto " width ="14 " height ="14 " viewBox ="0 0 14 14 " fill ="none " xmlns ="http://www.w3.org/2000/svg ">
174+ < path fill-rule ="evenodd " clip-rule ="evenodd " d ="M5.29296 7.00008L0 1.70712L1.41421 0.292908L6.70717 5.58586L12.0001 0.292915L13.4143 1.70713L8.12138 7.00008L13.4142 12.2929L12 13.7071L6.70717 8.41429L1.41433 13.7071L0.000116348 12.2929L5.29296 7.00008Z " fill ="white "/>
175+ </ svg >
176+
177+ </ button >
178+ </ div >
179+ < a class ="w-full h-full flex px-4 " href ="/ ">
180+ < p class ="m-auto "> Python < br > Bénin</ p >
181+ </ a >
182+
183+
184+ </ div >
185+ </ div >
186+
187+ < div class ="flex flex-row sm:w-full justify-between ">
188+ < div class ="hidden sm:block ">
189+ < a class ="ml-10 text-white " href ="/faq "> FAQ</ a >
190+ < a class ="ml-10 text-white " href ="/partners "> Partenaires</ a >
191+ </ div >
192+ < div >
193+ < a class ="main-cta ml-10 text-white hidden sm:inline bg-purple p-2 px-4 " href ="/propose-a-topic "> Proposer un sujet</ a >
194+
195+
196+ </ div >
197+ </ div >
198+ </ div >
199+
200+
201+ </ nav >
202+ </ div >
203+ </ div >
204+
205+
206+ < div id ="mobilemenu " class ="bg-purple-dark py-0 z-50 h-0 overflow-hidden sm:hidden ">
207+ < nav class ="nav-mobile pt-6 text-center font-bold flex flex-col ">
208+ < a class =" w-full text-white font-normal p-2 px-4 py-3 " href ="/ "> < Aller à l'acceuil</ a >
209+
210+ < div class ="flex flex-row w-full mt-2 ">
211+
212+ < a class ="text-white text-center w-1/2 mobile-menu-item-bordered py-3 " href ="/faq "> FAQ</ a >
213+ < a class ="text-white w-1/2 text-center mobile-menu-item-bordered py-3 " href ="/partners "> Partenaires</ a >
214+ </ div >
215+
216+ < div class ="mb-8 mt-8 ">
217+ < a class =" text-black bg-white max-w-xm p-2 px-16 " href ="/propose-a-topic "> Proposer un sujet</ a >
218+ </ div >
219+
220+
221+ </ nav >
222+
223+ </ div >
224+ </ div >
225+
226+ < div >
227+ < main >
228+
229+ < main id ="main ">
230+ < div >
231+ < h1 id ="title "> < a href ="/ "> Go Home</ a > </ h1 >
232+ </ div >
233+ </ main >
234+
235+ < p class =" mt-8 text text-gray-700 font-bold text-center "> Python Bénin </ p >
236+ < p class =" text-sm secondary-font text-center mb-8 ">
237+ < a href ="https://join.slack.com/t/pythonbenin/shared_invite/enQtODAxMjg2Njk5NzYzLTEwNTQwOTg4MGI4ZGVkYzgyOTA2NTQ2OTc2YmRmZjkyODJjNWYyMDc0ODg4ZjRmZmMxNDI4OWVlNTFhM2I5YmE "> Slack</ a >
238+ - < a href ="https://twitter.com/PythonBenin "> Twitter</ a >
239+ - < a href ="https://github.com/PythonBenin/ "> Github</ a > </ p >
240+
241+ </ main >
242+ </ div >
243+
244+ < script src ="https://pythonbenin.com/js/feather.min.js "> </ script >
245+ < script >
246+ feather . replace ( )
247+
248+ var mobilemenu = document . getElementById ( 'mobilemenu' )
249+
250+
251+
252+ function openMobileMenu ( ) {
253+ mobilemenu . style . height = "220px"
254+ document . getElementById ( 'menu-open' ) . style . display = "none"
255+ document . getElementById ( 'menu-close' ) . style . display = "inline"
256+
257+ }
258+
259+ function closeMobileMenu ( ) {
260+ mobilemenu . style . height = "0"
261+ document . getElementById ( 'menu-open' ) . style . display = "inline"
262+ document . getElementById ( 'menu-close' ) . style . display = "none"
263+ }
264+ </ script >
265+
266+
267+ </ body >
268+ </ html >
0 commit comments