m |
m |
||
| Line 117: | Line 117: | ||
} | } | ||
</style> | </style> | ||
| + | <script> | ||
| + | var qui; | ||
| + | document.getElementById("cercle1").addEventListener("click",ouvrir1); | ||
| + | function ouvrir1(){ | ||
| + | document.getElementById("cercle1").style.opacity = "1"; | ||
| + | document.getElementById("cercle1").style.top = "50px"; | ||
| + | document.getElementById("cercle1").style.left = "15%"; | ||
| + | document.getElementById("cercle1").style.width = "70%"; | ||
| + | document.getElementById("cercle1").style.height = "85vh"; | ||
| + | document.getElementById("cercle1").style.borderRadius = "0px 0px"; | ||
| + | document.getElementById("cercle1").classList.remove("AWcercle"); | ||
| + | document.getElementById("cercle1").classList.remove("c1"); | ||
| + | document.getElementById("cercle1").style.position = "fixed"; | ||
| + | document.getElementById("cercle1").style.zIndex = "1"; | ||
| + | document.getElementById("croix1").style.display = "block"; | ||
| + | setTimeout(function(){document.getElementById("aw1").style.display = "block";},300); | ||
| + | document.getElementById("cercle1").removeEventListener("click",ouvrir1); | ||
| + | qui = 1; | ||
| + | }; | ||
| + | document.getElementById("cercle2").addEventListener("click",ouvrir2); | ||
| + | function ouvrir2(){ | ||
| + | document.getElementById("cercle2").style.opacity = "1"; | ||
| + | document.getElementById("cercle2").style.top = "50px"; | ||
| + | document.getElementById("cercle2").style.left = "15%"; | ||
| + | document.getElementById("cercle2").style.width = "70%"; | ||
| + | document.getElementById("cercle2").style.height = "85vh"; | ||
| + | document.getElementById("cercle2").style.borderRadius = "0px 0px"; | ||
| + | document.getElementById("cercle2").classList.remove("AWcercle"); | ||
| + | document.getElementById("cercle2").classList.remove("c2"); | ||
| + | document.getElementById("cercle2").style.position = "fixed"; | ||
| + | document.getElementById("cercle2").style.zIndex = "1"; | ||
| + | document.getElementById("croix2").style.display = "block"; | ||
| + | setTimeout(function(){document.getElementById("aw2").style.display = "block";},300); | ||
| + | document.getElementById("cercle2").removeEventListener("click",ouvrir2); | ||
| + | qui = 2 | ||
| + | }; | ||
| + | document.getElementById("cercle3").addEventListener("click",ouvrir3); | ||
| + | function ouvrir3(){ | ||
| + | document.getElementById("cercle3").style.opacity = "1"; | ||
| + | document.getElementById("cercle3").style.top = "50px"; | ||
| + | document.getElementById("cercle3").style.left = "15%"; | ||
| + | document.getElementById("cercle3").style.width = "70%"; | ||
| + | document.getElementById("cercle3").style.height = "85vh"; | ||
| + | document.getElementById("cercle3").style.borderRadius = "0px 0px"; | ||
| + | document.getElementById("cercle3").classList.remove("AWcercle"); | ||
| + | document.getElementById("cercle3").classList.remove("c3"); | ||
| + | document.getElementById("cercle3").style.position = "fixed"; | ||
| + | document.getElementById("cercle3").style.zIndex = "1"; | ||
| + | document.getElementById("croix3").style.display = "block"; | ||
| + | setTimeout(function(){document.getElementById("aw3").style.display = "block";},300); | ||
| + | document.getElementById("cercle3").removeEventListener("click",ouvrir3); | ||
| + | qui = 3 | ||
| + | }; | ||
| + | document.getElementById("cercle4").addEventListener("click",ouvrir4); | ||
| + | function ouvrir4(){ | ||
| + | document.getElementById("cercle4").style.opacity = "1"; | ||
| + | document.getElementById("cercle4").style.top = "50px"; | ||
| + | document.getElementById("cercle4").style.left = "15%"; | ||
| + | document.getElementById("cercle4").style.width = "70%"; | ||
| + | document.getElementById("cercle4").style.height = "85vh"; | ||
| + | document.getElementById("cercle4").style.borderRadius = "0px 0px"; | ||
| + | document.getElementById("cercle4").classList.remove("AWcercle"); | ||
| + | document.getElementById("cercle4").classList.remove("c4"); | ||
| + | document.getElementById("cercle4").style.position = "fixed"; | ||
| + | document.getElementById("cercle4").style.zIndex = "1"; | ||
| + | document.getElementById("croix4").style.display = "block"; | ||
| + | setTimeout(function(){document.getElementById("aw4").style.display = "block";},300); | ||
| + | document.getElementById("cercle4").removeEventListener("click",ouvrir4); | ||
| + | qui = 4 | ||
| + | }; | ||
| + | document.getElementById("cercle5").addEventListener("click",ouvrir5); | ||
| + | function ouvrir5(){ | ||
| + | document.getElementById("cercle5").style.opacity = "1"; | ||
| + | document.getElementById("cercle5").style.top = "50px"; | ||
| + | document.getElementById("cercle5").style.left = "15%"; | ||
| + | document.getElementById("cercle5").style.width = "70%"; | ||
| + | document.getElementById("cercle5").style.height = "85vh"; | ||
| + | document.getElementById("cercle5").style.borderRadius = "0px 0px"; | ||
| + | document.getElementById("cercle5").classList.remove("AWcercle"); | ||
| + | document.getElementById("cercle5").classList.remove("c5"); | ||
| + | document.getElementById("cercle5").style.position = "fixed"; | ||
| + | document.getElementById("cercle5").style.zIndex = "1"; | ||
| + | document.getElementById("croix5").style.display = "block"; | ||
| + | setTimeout(function(){document.getElementById("aw5").style.display = "block";},300); | ||
| + | document.getElementById("cercle5").removeEventListener("click",ouvrir3); | ||
| + | qui = 5 | ||
| + | }; | ||
| + | document.getElementById("cercle6").addEventListener("click",ouvrir6); | ||
| + | function ouvrir6(){ | ||
| + | document.getElementById("cercle6").style.opacity = "1"; | ||
| + | document.getElementById("cercle6").style.top = "50px"; | ||
| + | document.getElementById("cercle6").style.left = "15%"; | ||
| + | document.getElementById("cercle6").style.width = "70%"; | ||
| + | document.getElementById("cercle6").style.height = "85vh"; | ||
| + | document.getElementById("cercle6").style.borderRadius = "0px 0px"; | ||
| + | document.getElementById("cercle6").classList.remove("AWcercle"); | ||
| + | document.getElementById("cercle6").classList.remove("c6"); | ||
| + | document.getElementById("cercle6").style.position = "fixed"; | ||
| + | document.getElementById("cercle6").style.zIndex = "1"; | ||
| + | document.getElementById("croix6").style.display = "block"; | ||
| + | setTimeout(function(){document.getElementById("aw6").style.display = "block";},300); | ||
| + | document.getElementById("cercle6").removeEventListener("click",ouvrir6); | ||
| + | qui = 6 | ||
| + | }; | ||
| + | document.getElementById("cercle7").addEventListener("click",ouvrir7); | ||
| + | function ouvrir7(){ | ||
| + | document.getElementById("cercle7").style.opacity = "1"; | ||
| + | document.getElementById("cercle7").style.top = "50px"; | ||
| + | document.getElementById("cercle7").style.left = "15%"; | ||
| + | document.getElementById("cercle7").style.width = "70%"; | ||
| + | document.getElementById("cercle7").style.height = "85vh"; | ||
| + | document.getElementById("cercle7").style.borderRadius = "0px 0px"; | ||
| + | document.getElementById("cercle7").classList.remove("AWcercle"); | ||
| + | document.getElementById("cercle7").classList.remove("c7"); | ||
| + | document.getElementById("cercle7").style.position = "fixed"; | ||
| + | document.getElementById("cercle7").style.zIndex = "1"; | ||
| + | document.getElementById("croix7").style.display = "block"; | ||
| + | setTimeout(function(){document.getElementById("aw7").style.display = "block";},300); | ||
| + | document.getElementById("cercle7").removeEventListener("click",ouvrir7); | ||
| + | qui = 7 | ||
| + | }; | ||
| + | document.getElementById("cercle8").addEventListener("click",ouvrir8); | ||
| + | function ouvrir8(){ | ||
| + | document.getElementById("cercle8").style.opacity = "1"; | ||
| + | document.getElementById("cercle8").style.top = "50px"; | ||
| + | document.getElementById("cercle8").style.left = "15%"; | ||
| + | document.getElementById("cercle8").style.width = "70%"; | ||
| + | document.getElementById("cercle8").style.height = "85vh"; | ||
| + | document.getElementById("cercle8").style.borderRadius = "0px 0px"; | ||
| + | document.getElementById("cercle8").classList.remove("AWcercle"); | ||
| + | document.getElementById("cercle8").classList.remove("c8"); | ||
| + | document.getElementById("cercle8").style.position = "fixed"; | ||
| + | document.getElementById("cercle8").style.zIndex = "1"; | ||
| + | document.getElementById("croix8").style.display = "block"; | ||
| + | setTimeout(function(){document.getElementById("aw8").style.display = "block";},300); | ||
| + | document.getElementById("cercle8").removeEventListener("click",ouvrir8); | ||
| + | qui = 8 | ||
| + | }; | ||
| + | document.getElementById("cercle9").addEventListener("click",ouvrir9); | ||
| + | function ouvrir9(){ | ||
| + | document.getElementById("cercle9").style.opacity = "1"; | ||
| + | document.getElementById("cercle9").style.top = "50px"; | ||
| + | document.getElementById("cercle9").style.left = "15%"; | ||
| + | document.getElementById("cercle9").style.width = "70%"; | ||
| + | document.getElementById("cercle9").style.height = "85vh"; | ||
| + | document.getElementById("cercle9").style.borderRadius = "0px 0px"; | ||
| + | document.getElementById("cercle9").classList.remove("AWcercle"); | ||
| + | document.getElementById("cercle9").classList.remove("c9"); | ||
| + | document.getElementById("cercle9").style.position = "fixed"; | ||
| + | document.getElementById("cercle9").style.zIndex = "1"; | ||
| + | document.getElementById("croix9").style.display = "block"; | ||
| + | setTimeout(function(){document.getElementById("aw9").style.display = "block";},300); | ||
| + | document.getElementById("cercle9").removeEventListener("click",ouvrir9); | ||
| + | qui = 9 | ||
| + | }; | ||
| + | document.getElementById("cercle10").addEventListener("click",ouvrir10); | ||
| + | function ouvrir10(){ | ||
| + | document.getElementById("cercle10").style.opacity = "1"; | ||
| + | document.getElementById("cercle10").style.top = "50px"; | ||
| + | document.getElementById("cercle10").style.left = "15%"; | ||
| + | document.getElementById("cercle10").style.width = "70%"; | ||
| + | document.getElementById("cercle10").style.height = "85vh"; | ||
| + | document.getElementById("cercle10").style.borderRadius = "0px 0px"; | ||
| + | document.getElementById("cercle10").classList.remove("AWcercle"); | ||
| + | document.getElementById("cercle10").classList.remove("c10"); | ||
| + | document.getElementById("cercle10").style.position = "fixed"; | ||
| + | document.getElementById("cercle10").style.zIndex = "1"; | ||
| + | document.getElementById("croix10").style.display = "block"; | ||
| + | setTimeout(function(){document.getElementById("aw10").style.display = "block";},300); | ||
| + | document.getElementById("cercle10").removeEventListener("click",ouvrir10); | ||
| + | qui = 10 | ||
| + | }; | ||
| + | |||
| + | |||
| + | |||
| + | document.getElementById("croix1").addEventListener("click",fermer1); | ||
| + | function fermer1(){ | ||
| + | document.getElementById("aw1").style.display = "none"; | ||
| + | document.getElementById("cercle"+qui).style.opacity = "0.9"; | ||
| + | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
| + | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| + | document.getElementById("cercle"+qui).style.position = "absolute"; | ||
| + | document.getElementById("cercle"+qui).style.top = null; | ||
| + | document.getElementById("cercle"+qui).style.left = null; | ||
| + | document.getElementById("cercle"+qui).style.width = null; | ||
| + | document.getElementById("cercle"+qui).style.height = null; | ||
| + | document.getElementById("cercle"+qui).classList.add("AWcercle"); | ||
| + | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
| + | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | |||
| + | setTimeout(function(){document.getElementById("cercle1").addEventListener("click",ouvrir1);},200); | ||
| + | }; | ||
| + | document.getElementById("croix2").addEventListener("click",fermer2); | ||
| + | function fermer2(){ | ||
| + | document.getElementById("aw2").style.display = "none"; | ||
| + | document.getElementById("cercle"+qui).style.opacity = "0.9"; | ||
| + | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
| + | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| + | document.getElementById("cercle"+qui).style.position = "absolute"; | ||
| + | document.getElementById("cercle"+qui).style.top = null; | ||
| + | document.getElementById("cercle"+qui).style.left = null; | ||
| + | document.getElementById("cercle"+qui).style.width = null; | ||
| + | document.getElementById("cercle"+qui).style.height = null; | ||
| + | document.getElementById("cercle"+qui).classList.add("AWcercle"); | ||
| + | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
| + | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | setTimeout(function(){document.getElementById("cercle2").addEventListener("click",ouvrir2)},200); | ||
| + | }; | ||
| + | document.getElementById("croix3").addEventListener("click",fermer3); | ||
| + | function fermer3(){ | ||
| + | document.getElementById("aw3").style.display = "none"; | ||
| + | document.getElementById("cercle"+qui).style.opacity = "0.9"; | ||
| + | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
| + | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| + | document.getElementById("cercle"+qui).style.position = "absolute"; | ||
| + | document.getElementById("cercle"+qui).style.top = null; | ||
| + | document.getElementById("cercle"+qui).style.left = null; | ||
| + | document.getElementById("cercle"+qui).style.width = null; | ||
| + | document.getElementById("cercle"+qui).style.height = null; | ||
| + | document.getElementById("cercle"+qui).classList.add("AWcercle"); | ||
| + | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
| + | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | setTimeout(function(){document.getElementById("cercle3").addEventListener("click",ouvrir3)},200); | ||
| + | }; | ||
| + | document.getElementById("croix4").addEventListener("click",fermer1); | ||
| + | function fermer4(){ | ||
| + | document.getElementById("aw4").style.display = "none"; | ||
| + | document.getElementById("cercle"+qui).style.opacity = "0.9"; | ||
| + | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
| + | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| + | document.getElementById("cercle"+qui).style.position = "absolute"; | ||
| + | document.getElementById("cercle"+qui).style.top = null; | ||
| + | document.getElementById("cercle"+qui).style.left = null; | ||
| + | document.getElementById("cercle"+qui).style.width = null; | ||
| + | document.getElementById("cercle"+qui).style.height = null; | ||
| + | document.getElementById("cercle"+qui).classList.add("AWcercle"); | ||
| + | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
| + | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | |||
| + | setTimeout(function(){document.getElementById("cercle4").addEventListener("click",ouvrir4);},200); | ||
| + | }; | ||
| + | document.getElementById("croix5").addEventListener("click",fermer5); | ||
| + | function fermer5(){ | ||
| + | document.getElementById("aw5").style.display = "none"; | ||
| + | document.getElementById("cercle"+qui).style.opacity = "0.9"; | ||
| + | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
| + | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| + | document.getElementById("cercle"+qui).style.position = "absolute"; | ||
| + | document.getElementById("cercle"+qui).style.top = null; | ||
| + | document.getElementById("cercle"+qui).style.left = null; | ||
| + | document.getElementById("cercle"+qui).style.width = null; | ||
| + | document.getElementById("cercle"+qui).style.height = null; | ||
| + | document.getElementById("cercle"+qui).classList.add("AWcercle"); | ||
| + | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
| + | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | |||
| + | setTimeout(function(){document.getElementById("cercle5").addEventListener("click",ouvrir5);},200); | ||
| + | }; | ||
| + | document.getElementById("croix6").addEventListener("click",fermer6); | ||
| + | function fermer6(){ | ||
| + | document.getElementById("aw6").style.display = "none"; | ||
| + | document.getElementById("cercle"+qui).style.opacity = "0.9"; | ||
| + | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
| + | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| + | document.getElementById("cercle"+qui).style.position = "absolute"; | ||
| + | document.getElementById("cercle"+qui).style.top = null; | ||
| + | document.getElementById("cercle"+qui).style.left = null; | ||
| + | document.getElementById("cercle"+qui).style.width = null; | ||
| + | document.getElementById("cercle"+qui).style.height = null; | ||
| + | document.getElementById("cercle"+qui).classList.add("AWcercle"); | ||
| + | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
| + | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | |||
| + | setTimeout(function(){document.getElementById("cercle6").addEventListener("click",ouvrir6);},200); | ||
| + | }; | ||
| + | document.getElementById("croix7").addEventListener("click",fermer7); | ||
| + | function fermer7(){ | ||
| + | document.getElementById("aw7").style.display = "none"; | ||
| + | document.getElementById("cercle"+qui).style.opacity = "0.9"; | ||
| + | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
| + | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| + | document.getElementById("cercle"+qui).style.position = "absolute"; | ||
| + | document.getElementById("cercle"+qui).style.top = null; | ||
| + | document.getElementById("cercle"+qui).style.left = null; | ||
| + | document.getElementById("cercle"+qui).style.width = null; | ||
| + | document.getElementById("cercle"+qui).style.height = null; | ||
| + | document.getElementById("cercle"+qui).classList.add("AWcercle"); | ||
| + | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
| + | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | |||
| + | setTimeout(function(){document.getElementById("cercle7").addEventListener("click",ouvrir7);},200); | ||
| + | }; | ||
| + | document.getElementById("croix8").addEventListener("click",fermer8); | ||
| + | function fermer8(){ | ||
| + | document.getElementById("aw8").style.display = "none"; | ||
| + | document.getElementById("cercle"+qui).style.opacity = "0.9"; | ||
| + | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
| + | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| + | document.getElementById("cercle"+qui).style.position = "absolute"; | ||
| + | document.getElementById("cercle"+qui).style.top = null; | ||
| + | document.getElementById("cercle"+qui).style.left = null; | ||
| + | document.getElementById("cercle"+qui).style.width = null; | ||
| + | document.getElementById("cercle"+qui).style.height = null; | ||
| + | document.getElementById("cercle"+qui).classList.add("AWcercle"); | ||
| + | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
| + | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | |||
| + | setTimeout(function(){document.getElementById("cercle8").addEventListener("click",ouvrir8);},200); | ||
| + | }; | ||
| + | document.getElementById("croix9").addEventListener("click",fermer9); | ||
| + | function fermer9(){ | ||
| + | document.getElementById("aw9").style.display = "none"; | ||
| + | document.getElementById("cercle"+qui).style.opacity = "0.9"; | ||
| + | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
| + | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| + | document.getElementById("cercle"+qui).style.position = "absolute"; | ||
| + | document.getElementById("cercle"+qui).style.top = null; | ||
| + | document.getElementById("cercle"+qui).style.left = null; | ||
| + | document.getElementById("cercle"+qui).style.width = null; | ||
| + | document.getElementById("cercle"+qui).style.height = null; | ||
| + | document.getElementById("cercle"+qui).classList.add("AWcercle"); | ||
| + | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
| + | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | |||
| + | setTimeout(function(){document.getElementById("cercle9").addEventListener("click",ouvrir9);},200); | ||
| + | }; | ||
| + | document.getElementById("croix10").addEventListener("click",fermer10); | ||
| + | function fermer10(){ | ||
| + | document.getElementById("aw10").style.display = "none"; | ||
| + | document.getElementById("cercle"+qui).style.opacity = "0.9"; | ||
| + | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
| + | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| + | document.getElementById("cercle"+qui).style.position = "absolute"; | ||
| + | document.getElementById("cercle"+qui).style.top = null; | ||
| + | document.getElementById("cercle"+qui).style.left = null; | ||
| + | document.getElementById("cercle"+qui).style.width = null; | ||
| + | document.getElementById("cercle"+qui).style.height = null; | ||
| + | document.getElementById("cercle"+qui).classList.add("AWcercle"); | ||
| + | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
| + | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | |||
| + | setTimeout(function(){document.getElementById("cercle10").addEventListener("click",ouvrir10);},200); | ||
| + | }; | ||
| + | </script> | ||
<div id="main" style="position:absolute;top:300px;width:100%"> | <div id="main" style="position:absolute;top:300px;width:100%"> | ||
<div style="width:78%;margin-left:10.5%"> | <div style="width:78%;margin-left:10.5%"> | ||
Revision as of 21:10, 21 October 2019
Education
Law
Events
Design
Results
Entrepreneurship
Demonstrate
Chalenges
Improve
Collaborations
Attributions
Results Attributions