diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..96b5e6c Binary files /dev/null and b/.DS_Store differ diff --git a/asset/.DS_Store b/asset/.DS_Store new file mode 100644 index 0000000..430b047 Binary files /dev/null and b/asset/.DS_Store differ diff --git a/asset/images/.DS_Store b/asset/images/.DS_Store new file mode 100644 index 0000000..21d9743 Binary files /dev/null and b/asset/images/.DS_Store differ diff --git a/asset/images/angular.png b/asset/images/angular.png new file mode 100644 index 0000000..adece75 Binary files /dev/null and b/asset/images/angular.png differ diff --git a/asset/images/css.png b/asset/images/css.png new file mode 100644 index 0000000..95dae39 Binary files /dev/null and b/asset/images/css.png differ diff --git a/asset/images/facebook.png b/asset/images/facebook.png new file mode 100644 index 0000000..7ea643b Binary files /dev/null and b/asset/images/facebook.png differ diff --git a/asset/images/fond.png b/asset/images/fond.png new file mode 100644 index 0000000..049b565 Binary files /dev/null and b/asset/images/fond.png differ diff --git a/asset/images/hamine.gif b/asset/images/hamine.gif new file mode 100644 index 0000000..fef5d01 Binary files /dev/null and b/asset/images/hamine.gif differ diff --git a/asset/images/heroImage.png b/asset/images/heroImage.png new file mode 100644 index 0000000..68cdcd1 Binary files /dev/null and b/asset/images/heroImage.png differ diff --git a/asset/images/html.png b/asset/images/html.png new file mode 100644 index 0000000..658db88 Binary files /dev/null and b/asset/images/html.png differ diff --git a/asset/images/icon1.png b/asset/images/icon1.png new file mode 100644 index 0000000..c32ddf3 Binary files /dev/null and b/asset/images/icon1.png differ diff --git a/asset/images/icon3.png b/asset/images/icon3.png new file mode 100644 index 0000000..7361801 Binary files /dev/null and b/asset/images/icon3.png differ diff --git a/asset/images/icone2.png b/asset/images/icone2.png new file mode 100644 index 0000000..5249670 Binary files /dev/null and b/asset/images/icone2.png differ diff --git a/asset/images/imageducours.png b/asset/images/imageducours.png new file mode 100644 index 0000000..2ef98de Binary files /dev/null and b/asset/images/imageducours.png differ diff --git a/asset/images/java.png b/asset/images/java.png new file mode 100644 index 0000000..b41b7e3 Binary files /dev/null and b/asset/images/java.png differ diff --git a/asset/images/js.png b/asset/images/js.png new file mode 100644 index 0000000..e99ef5d Binary files /dev/null and b/asset/images/js.png differ diff --git a/asset/images/laravel.png b/asset/images/laravel.png new file mode 100644 index 0000000..a0a83c4 Binary files /dev/null and b/asset/images/laravel.png differ diff --git a/asset/images/lettre.png b/asset/images/lettre.png new file mode 100644 index 0000000..053273e Binary files /dev/null and b/asset/images/lettre.png differ diff --git a/asset/images/logoLibs.png b/asset/images/logoLibs.png new file mode 100644 index 0000000..1d76096 Binary files /dev/null and b/asset/images/logoLibs.png differ diff --git a/asset/images/logoLibs2.png b/asset/images/logoLibs2.png new file mode 100644 index 0000000..f28cf4c Binary files /dev/null and b/asset/images/logoLibs2.png differ diff --git a/asset/images/module.png b/asset/images/module.png new file mode 100644 index 0000000..b43338c Binary files /dev/null and b/asset/images/module.png differ diff --git a/asset/images/ordinateur.png b/asset/images/ordinateur.png new file mode 100644 index 0000000..934d7a7 Binary files /dev/null and b/asset/images/ordinateur.png differ diff --git a/asset/images/partage.png b/asset/images/partage.png new file mode 100644 index 0000000..46b50d7 Binary files /dev/null and b/asset/images/partage.png differ diff --git a/asset/images/partagecours.png b/asset/images/partagecours.png new file mode 100644 index 0000000..f0f7874 Binary files /dev/null and b/asset/images/partagecours.png differ diff --git a/asset/images/php.png b/asset/images/php.png new file mode 100644 index 0000000..057a424 Binary files /dev/null and b/asset/images/php.png differ diff --git a/asset/images/plus.png b/asset/images/plus.png new file mode 100644 index 0000000..d2b0c27 Binary files /dev/null and b/asset/images/plus.png differ diff --git a/asset/images/python.png b/asset/images/python.png new file mode 100644 index 0000000..b2bb3a6 Binary files /dev/null and b/asset/images/python.png differ diff --git a/asset/images/react.png b/asset/images/react.png new file mode 100644 index 0000000..cbf878b Binary files /dev/null and b/asset/images/react.png differ diff --git a/asset/images/twitter.png b/asset/images/twitter.png new file mode 100644 index 0000000..212f75a Binary files /dev/null and b/asset/images/twitter.png differ diff --git a/asset/images/youtube.png b/asset/images/youtube.png new file mode 100644 index 0000000..9861f50 Binary files /dev/null and b/asset/images/youtube.png differ diff --git a/asset/pages/allcours.html b/asset/pages/allcours.html new file mode 100644 index 0000000..aabe252 --- /dev/null +++ b/asset/pages/allcours.html @@ -0,0 +1,113 @@ + + + + + + Allcours + + + + + + + +
+
+ + +
+
+
+
+ + +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+ +
+
+ + +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+ +
+
+ + +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+ +
+
+ + +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+ +
+
+ + +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+ +
+
+ + +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+ +
+
+ + +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+ +
+
+ + +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+ +
+
+ + +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+ +
+
+
+
+ + + + + \ No newline at end of file diff --git a/asset/pages/cgu.html b/asset/pages/cgu.html new file mode 100644 index 0000000..1ec113a --- /dev/null +++ b/asset/pages/cgu.html @@ -0,0 +1,75 @@ + + + + + + CGU + + + + + + + +
+ + +
+
+
+
+

Découvrez ici les conditions générales d’utilisations.

+
+
+ +
+
+
+

I. Pour plus de détails

+
+

iusto porro. Cum dolorum non excepturi sint voluptate aspernatur
+ eleniti labore. Voluptates recusandae qui cum asperiores autem, unde
+ llum minus praesentium hic fugit, ut sequi, sit assumenda reprehenderit
+ ellat. Delectus dolor nobis error magnam illum ipsum natus corporis sed
+ eniam voluptatem, eligendi, expedita enim? Possimus ipsam dignissimos,
+ atque itaue iusto provident maxime quae quis expedita nam molestiae
+ sint non sed pariatur maxime nisi, reprehenderit fugit voluptatibus doloremque,
+ iste tenetur dignissimos? Accusamus corrupti quia expedita. Magni sit est dolore
+ Quisquam porro quo explicabo doloribus architecto consequatur iusto. Dolorum,

+
+

II. Pour plus de détails

+
+

iusto porro. Cum dolorum non excepturi sint voluptate aspernatur
+ eleniti labore. Voluptates recusandae qui cum asperiores autem, unde
+ llum minus praesentium hic fugit, ut sequi, sit assumenda reprehenderit
+ ellat. Delectus dolor nobis error magnam illum ipsum natus corporis sed
+ eniam voluptatem, eligendi, expedita enim? Possimus ipsam dignissimos,
+ atque itaue iusto provident maxime quae quis expedita nam molestiae
+ sint non sed pariatur maxime nisi, reprehenderit fugit voluptatibus doloremque,
+ iste tenetur dignissimos? Accusamus corrupti quia expedita. Magni sit est dolore
+ Quisquam porro quo explicabo doloribus architecto consequatur iusto. Dolorum,

+
+

III. Pour plus de détails

+
+

iusto porro. Cum dolorum non excepturi sint voluptate aspernatur
+ eleniti labore. Voluptates recusandae qui cum asperiores autem, unde
+ llum minus praesentium hic fugit, ut sequi, sit assumenda reprehenderit
+ ellat. Delectus dolor nobis error magnam illum ipsum natus corporis sed
+ eniam voluptatem, eligendi, expedita enim? Possimus ipsam dignissimos,
+ atque itaue iusto provident maxime quae quis expedita nam molestiae
+ sint non sed pariatur maxime nisi, reprehenderit fugit voluptatibus doloremque,
+ iste tenetur dignissimos? Accusamus corrupti quia expedita. Magni sit est dolore
+ Quisquam porro quo explicabo doloribus architecto consequatur iusto. Dolorum,

+
+
+
+ + \ No newline at end of file diff --git a/asset/pages/cour.html b/asset/pages/cour.html new file mode 100644 index 0000000..7faf0e1 --- /dev/null +++ b/asset/pages/cour.html @@ -0,0 +1,104 @@ + + + + + + Cours + + + + + + + +
+ + +
+
+
+

Module Name

+
+

Avant de pouvoir partager un cours, il va falloir
+ faire une demande à l’admin, qui va a son tours
étudie.

+
+
+ +
+
+
+
+
+

Description

+

+

Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie.

+


+

Informations

+


+

Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie.

+
+ + Auteur:

+ + nom Prenom

+ + email@gmail.com + +
+
+
+ + + +
+ + +
+
+
+

Titre du cour

+

+

Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Mollitia eaque veniam architecto.Lorem ipsum dolor sit
+ amet consectetur adipisicing elit. Mollitia eaque veniam architecto. +



+ +

+

Lorem ipsum dolor

+ sit amet consectetur adipisicing elit. Mollitia eaque
+ veniam architecto.Lorem ipsum dolor sit amet consectetur
adipisicing elit. Mollitia ea + Lorem ipsum dolor sit amet consectetur adipisicing elit.
Mollitia eaque veniam architecto. + Lorem ipsum dolor sit amet consectetur adipisicing elit.
Mollitia eaque veniam architecto. + + Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Mollitia eaque veniam architecto.Lorem ipsum dolor sit amet
+ consectetur adipisicing Mollitia eaque veniam architecto. + sit amet consectetur adipisicing elit. Mollitia eaque
+ veniam architecto.Lorem ipsum dolor sit amet consectetur
adipisicing elit. Mollitia eaque + Lorem ipsum dolor sit amet consectetur adipisicing elit.
Mollitia eaque veniam architecto. + Lorem ipsum dolor sit amet consectetur adipisicing elit.
Mollitia eaque veniam architecto. + Mollitia eaque veniam architecto.Lorem ipsum dolor sit amet
+ consectetur adipisicing Mollitia eaque veniam architecto. + sit amet consectetur adipisicing elit. Mollitia eaque
+ veniam architecto.Lorem ipsum dolor sit amet consectetur
adipisicing elit. Mollitia eaque + Lorem ipsum dolor sit amet consectetur adipisicing elit + Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Mollitia eaque veniam architecto.Lorem ipsum dolor sit amet
+ consectetur adipisicing Mollitia eaque veniam architecto. + + +

+ +
+
+ + \ No newline at end of file diff --git a/asset/pages/login.html b/asset/pages/login.html new file mode 100644 index 0000000..cd06a86 --- /dev/null +++ b/asset/pages/login.html @@ -0,0 +1,44 @@ + + + + + + Login + + + + + + + +
+ + +
+
+ +
+

Connexion

+
+ +
+ + Mot de passe oublié ? + Créer un compte ?
+ + + +
+ +
+ + + \ No newline at end of file diff --git a/asset/pages/register.html b/asset/pages/register.html new file mode 100644 index 0000000..4b15ed1 --- /dev/null +++ b/asset/pages/register.html @@ -0,0 +1,40 @@ + + + + + + rregister + + + + + + + +
+ + +
+
+ +
+

Inscription

+
+
+
+
+ +
+
+ + + \ No newline at end of file diff --git a/asset/script/home.js b/asset/script/home.js new file mode 100644 index 0000000..6c1cd74 --- /dev/null +++ b/asset/script/home.js @@ -0,0 +1,55 @@ +document.addEventListener('DOMContentLoaded', () => { + const carousel = document.querySelector('.carousel'); + const totalItems = 7; // Nombre total d'éléments + const itemsData = [ + { title: 'Titre de l’événement 1', date: '22/03/2029 / 12h30mn', description: 'Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va à son tour étudier et valider ou non la demande.' }, + { title: 'Titre de l’événement 2', date: '15/04/2029 / 14h00mn', description: 'Inscrivez-vous à ce séminaire pour apprendre les dernières techniques de développement web. Places limitées.' }, + { title: 'Titre de l’événement 3', date: '30/05/2029 / 10h00mn', description: 'Rejoignez-nous pour une session de réseautage avec des professionnels de l’industrie. Un excellent moyen de faire des contacts.' }, + { title: 'Titre de l’événement 4', date: '12/06/2029 / 16h00mn', description: 'Participez à notre atelier interactif sur la gestion de projet agile. Apprenez de nouvelles compétences pratiques.' }, + { title: 'Titre de l’événement 5', date: '25/07/2029 / 18h30mn', description: 'Assistez à notre conférence annuelle sur l’innovation technologique. Écoutez des intervenants de renom et explorez les nouvelles tendances.' }, + { title: 'Titre de l’événement 6', date: '08/08/2029 / 11h00mn', description: 'Découvrez les meilleures pratiques pour le développement durable lors de notre symposium écologique. Un événement à ne pas manquer.' }, + { title: 'Titre de l’événement 7', date: '20/09/2029 / 09h00mn', description: 'Participez à notre conférence sur les nouvelles tendances du marketing digital et apprenez des experts du secteur.' } + ]; + + itemsData.forEach(item => { + const carouselItem = document.createElement('div'); + carouselItem.className = 'carousel-item'; + + carouselItem.innerHTML = ` +
+

${item.title}

${item.date}

+
+ +

${item.description}

+ `; + + carousel.appendChild(carouselItem); + }); + + const prevBtn = document.getElementById('prevBtn'); + const nextBtn = document.getElementById('nextBtn'); + let currentIndex = 0; + + function updateCarousel() { + const offset = -currentIndex * (300 + 25); + carousel.style.transform = `translateX(${offset}px)`; + } + + nextBtn.addEventListener('click', () => { + if (currentIndex < totalItems - 1) { + currentIndex++; + } else { + currentIndex = 0; + } + updateCarousel(); + }); + + prevBtn.addEventListener('click', () => { + if (currentIndex > 0) { + currentIndex--; + } else { + currentIndex = totalItems - 1; + } + updateCarousel(); + }); +}); diff --git a/asset/script/login.js b/asset/script/login.js new file mode 100644 index 0000000..f40c5d3 --- /dev/null +++ b/asset/script/login.js @@ -0,0 +1,30 @@ + +document.getElementById('loginForm').addEventListener('submit', function(event) { + + var email = document.getElementById('email').value; + var password = document.getElementById('password').value; + + function containsSpecialChar(str) { + var specialCharPattern = /[!@#$%^&*(),.?":{}|<>]/; + return specialCharPattern.test(str); + } + + function isValidEmail(email) { + var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + return emailPattern.test(email); + } + + if (email && !isValidEmail(email)) { + alert('Veuillez entrer une adresse email valide.'); + event.preventDefault(); + return; + } + + if (password && !containsSpecialChar(password)) { + alert('Le mot de passe doit contenir au moins un caractère spécial.'); + event.preventDefault(); + return; + } +}); + + diff --git a/asset/styles/allcours.css b/asset/styles/allcours.css new file mode 100644 index 0000000..ca3ed26 --- /dev/null +++ b/asset/styles/allcours.css @@ -0,0 +1,61 @@ +*{ + padding: 0; + margin: 0; + font-family: "Sen", sans-serif; +} +.box{ + width: 15%; + background-color:#AAEBFF; + height:150vh; +} +section{ + display: flex; + flex-direction: row; +} +.hlogo{ + width:80%; + margin-top:20%; +} +a{ + text-decoration: none; + text-align: center; + color: black; +} +li{ + padding:25px; +} +li:hover{ + background-color: #FFD550; + transition: 0.6s; +} +.box1{ + width: 85%; + height:150vh; +} +.boxCours{ + width: 90%; + height: 150vh; + display:flex; + flex-wrap: wrap; + justify-content: space-around; + margin:5px auto; +} +.cours{ + background-color: #F3FCFF; + width: 20%; + height: 20%; + padding:25px; + display: flex; + align-items: center; + flex-direction: column; + margin:25px; + border: solid 1px #A7BEC6; + border-radius: 15px; +} +.cours:hover{ + box-shadow: 0 0 10px rgba(0, 0, 0, 0.204); + transition: 0.1s; +} +.cours img{ + width: 100px; +} diff --git a/asset/styles/cgu.css b/asset/styles/cgu.css new file mode 100644 index 0000000..bf4d424 --- /dev/null +++ b/asset/styles/cgu.css @@ -0,0 +1,71 @@ +*{ + padding: 0; + margin: 0; + font-family: "Sen", sans-serif; +} +.head{ + width: 100%; + height:120px; + border-bottom:solid 2px #FFD550 ; + display: flex; + align-items: center; + justify-content:space-evenly; +} +.hlogo{ + width:25%; + margin-left:25px; +} +.navigation{ + display: inline-flex; + height:70px; + width: 50%; + align-items: center; +} + ul li{ + display: inline-block; + align-items: center; + padding-right:40px; + list-style: none; +} +a{ + text-decoration: none; + color:#AAEBFF; +} +.inscription li{ + color: white; + background-color: #FFD550; + padding:10px 20px; + text-align: center; + border-radius: 10px; +} +section{ + width:100%; + height: 150vh; + display: flex; + flex-direction: column; +} +.contenair{ + width: 70%; + height:60vh; + display: flex; + border-radius: 40px; + margin: auto; + margin-top: 45px; + background-color: #FFD550; +} +.box{ + width: 50%; + display: flex; + align-items: center; +} +.box p{ + font-size: 35px; + font-weight: 800; + padding: 35px; +} +.box img{ + width: 70%; +} +.contenair2{ + margin: 100px 200px; +} \ No newline at end of file diff --git a/asset/styles/cours.css b/asset/styles/cours.css new file mode 100644 index 0000000..913fce9 --- /dev/null +++ b/asset/styles/cours.css @@ -0,0 +1,132 @@ +*{ + padding: 0; + margin: 0; + font-family: "Sen", sans-serif; +} +.head{ + width: 100%; + height:120px; + border-bottom:solid 2px #FFD550 ; + display: flex; + align-items: center; + justify-content:space-evenly; +} +.hlogo{ + width:25%; + margin-left:25px; +} +.navigation{ + display: inline-flex; + height:70px; + width: 90%; + align-items: center; +} + ul li{ + display: inline-block; + align-items: center; + padding-right:40px; + list-style: none; +} +a{ + text-decoration: none; + color:#000000; +} +.inscription li{ + color: white; + background-color: #000000; + padding:10px 20px; + text-align: center; + border-radius: 10px; +} +.fond{ + background-image:url(/asset/images/fond.png); + width: 100%; + height: 70vh; + background-size: cover; + background-repeat: no-repeat; + display: flex; + align-items: center; +} +.box{ + width: 50%; + padding: 55px; + color: #FFD550; + font-size:18px; +} +.box img{ + width: 80%; +} +.cour{ + height: 140vh; + width: 100%; + display: flex; + flex-direction: row; +} +.gauche{ + width: 25%; + height: 100%; + display: flex; + flex-direction: column; +} +.droite{ + width: 75%; + height: 100%; + padding: 100px; +} +h3{ + color: #AAEBFF; + font-size: 25px; +} +.description{ + width: 70%; + height: 50%; + padding: 25px; + box-shadow:0 0 4px #00000031; + border: #00000029 1px solid; + border-radius: 15px; + margin: auto; +} +h1{ + color: #FFD550; + +} +span{ + color: red; + font-weight: 200; +} +.note{ + width: 90%; + display: flex; + flex-direction: column; + height: 20%; + box-shadow:0 0 4px #00000031; + border: #00000029 1px solid; + border-radius: 15px; + margin: auto; + +} +.image{ + margin: auto; + width:90%; + height: 50px; + display: flex; +} +.image img{ + width: 20%; + margin: auto; +} +.note input{ + margin: auto; + width: 70%; + height: 25px; + border: none; + border-bottom: solid 1px rgba(0, 0, 0, 0.397); +} +button{ + width: 30%; + padding:5px 10px; + margin: 0 0 25px 60%; + border: none; + border-radius:10px; + background-color: #FFD550; +} \ No newline at end of file diff --git a/asset/styles/login.css b/asset/styles/login.css new file mode 100644 index 0000000..a36c192 --- /dev/null +++ b/asset/styles/login.css @@ -0,0 +1,94 @@ +*{ + padding: 0; + margin: 0; + font-family: "Sen", sans-serif; +} +.head{ + width: 100%; + height:120px; + border-bottom:solid 2px #FFD550 ; + display: flex; + align-items: center; + justify-content:space-evenly; +} +.hlogo{ + width:25%; + margin-left:25px; +} +.navigation{ + display: inline-flex; + height:70px; + width: 50%; + align-items: center; +} + ul li{ + display: inline-block; + align-items: center; + padding-right:40px; + list-style: none; +} +a{ + text-decoration: none; + color:#AAEBFF; +} +.inscription li{ + color: white; + background-color: #FFD550; + padding:10px 20px; + text-align: center; + border-radius: 10px; +} +#page{ + width: 100%; + height: 90vh; + display: flex; +} +form{ + width: 45%; + height: 60%; + margin: auto; + border-radius: 15px; + border: solid 1px #FFD550; + box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.523); + padding: 50px; + +} + +form p{ + font-size: 25px; + font-weight: 600; + margin:15px; +} +input{ + width: 80%; + height: 15%; + padding-left: 25px; + border: solid 1px rgba(0, 0, 0, 0.645); + border-radius: 15px; + margin:15px; +} +.oublie{ + margin:25px; + color: #FFD550; +} +.creer{ + color: #AAEBFF; + margin:25px; +} +button{ + padding:10px 25px; + border-radius:10px; + border: none; + margin: 25px; + color: black; + background-color: #FFD550; +} +button:hover{ + padding:10px 25px; + border-radius:10px; + border: none; + margin: 25px; + color: white; + background-color: #8F5151; + transition: 0.6s; +} diff --git a/asset/styles/register.css b/asset/styles/register.css new file mode 100644 index 0000000..203497d --- /dev/null +++ b/asset/styles/register.css @@ -0,0 +1,100 @@ +*{ + padding: 0; + margin: 0; + font-family: "Sen", sans-serif; +} +.head{ + width: 100%; + height:120px; + border-bottom:solid 2px #FFD550 ; + display: flex; + align-items: center; + justify-content:space-evenly; +} +.hlogo{ + width:25%; + margin-left:25px; +} +.navigation{ + display: inline-flex; + height:70px; + width: 50%; + align-items: center; +} + ul li{ + display: inline-block; + align-items: center; + padding-right:40px; + list-style: none; +} +a{ + text-decoration: none; + color:#AAEBFF; +} +.inscription li{ + color: white; + background-color: #FFD550; + padding:10px 20px; + text-align: center; + border-radius: 10px; +} +#page{ + width: 100%; + height: 90vh; + display: flex; +} +form{ + width: 45%; + height: 70%; + margin: auto; + display: flex; + justify-content: center; + flex-direction: column; + border-radius: 15px; + border: solid 1px #FFD550; + box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.523); + padding: 50px; + +} + +form p{ + font-size: 25px; + font-weight: 600; + margin:15px; + text-align: center; +} +input{ + width: 80%; + height: 15%; + padding-left: 25px; + border: solid 1px rgba(0, 0, 0, 0.645); + border-radius: 15px; + margin:auto; +} +.oublie{ + margin:25px; + color: #FFD550; +} +.creer{ + color: #AAEBFF; + margin:25px; +} +button{ + padding:10px 25px; + border-radius:10px; + border: none; + width: 25%; + margin: auto; + color: black; + background-color: #FFD550; +} +button:hover{ + padding:10px 25px; + border-radius:10px; + border: none; + width: 25%; + margin: auto; + color: white; + background-color: #8F5151; + transition: 0.6s; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..a1968c3 --- /dev/null +++ b/index.html @@ -0,0 +1,231 @@ + + + + + + school app + + + + + + + +
+ + +
+
+
+

Plateforme d’apprentissage et de partage

+
+ Comment s’y prendre ? En savoir plus +
+
+
+ +
+
+
+
+ +

Suivre
Cours

+

Créer un compte et accéder gratuitement a tous les cours. Aider les créateurs à s’auto évaluer en ajoutant ou noter les cours, afin qu’on puisse battir ensemble un temple de savoir virtuel d’une haut qualité Vous pouvez aussi vous inscrire sur les évènements partagés pour y participer

+
+
+ +

Partager
Evenements

+

Chaque utilisateur peut partager des événements. Cependant les événements qui seront validé par l’administrateurs seront sans doute être prienté vers l’informatique et la technologie

+
+
+ +

Partager
Cours

+

Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudier et valider ou non la demande. Une fois validé vous aurez le rôle créateurs et un espace pour rédiger, partager, évaluer et faire le suivi de votre cours

+
+
+

Pour plus de détails, visitez nos Conditions
Générales d’utilisation.

+
+ +
+ + Comment devenire formateur ? + + Avant de pouvoir partager un cours, il va falloir faire une demande à
+ l’admin, qui va a son tours étudier et valider ou non la demande. Une fois
+ validé vous aurez le rôle créateurs et un espace pour rédiger, partager,
+ évaluer et faire le suivi de votre cours +
+
+ + Partager un événement + + Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudier et valider ou non la demande. Une fois validé vous aurez le rôle créateurs et un espace pour rédiger, partager, évaluer et faire le suivi de votre cours +
+
+ + Acceder à mon space + + Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudier et valider ou non la demande. Une fois validé vous aurez le rôle créateurs et un espace pour rédiger, partager, évaluer et faire le suivi de votre cours +
+
+

Les événements réscents

+
+
+
+
+
+

Titre de
+ l’événement

+ 22/03/2029/ 12h30mn +

+
+ br +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va à son tour étudier et valider ou non la demande. +

+
+ +
+
+

Titre de
+ l’événement

+ 22/03/2029/ 12h30mn +

+
+ +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va à son tour étudier et valider ou non la demande. +

+
+
+
+

Titre de
+ l’événement

+ 22/03/2029/ 12h30mn +

+
+ +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va à son tour étudier et valider ou non la demande. +

+
+
+
+

Titre de
+ l’événement

+ 22/03/2029/ 12h30mn +

+
+ +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va à son tour étudier et valider ou non la demande. +

+
+ +
+ + + + +
+ + + +
+

Aperçu de nos cours

+
+
+
+ +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+
+
+ +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+
+
+ +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+
+
+ +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+
+
+ +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+
+
+ +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+
+
+ +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+
+
+ +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+
+
+ +

+ Avant de pouvoir partager un cours, il va falloir faire une demande à l’admin, qui va a son tours étudie. +

+
+
+
+

Voir Tous

+
+ + + +
+
+
+

Nous
+ contacter

+ + +
+
+ +
+
+ + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..b6baf74 --- /dev/null +++ b/style.css @@ -0,0 +1,359 @@ +*{ + padding: 0; + margin: 0; + font-family: "Sen", sans-serif; +} +body{ + height:700vh; +} +.head{ + width: 100%; + height:120px; + border-bottom:solid 2px #FFD550 ; + display: flex; + align-items: center; + justify-content:space-evenly; +} +.hlogo{ + width:25%; + margin-left:25px; +} +.navigation{ + display: inline-flex; + height:70px; + width: 90%; + align-items: center; +} + ul li{ + display: inline-block; + align-items: center; + padding-right:40px; + list-style: none; +} +a{ + text-decoration: none; + color:#AAEBFF; +} +.inscription li{ + color: white; + background-color: #FFD550; + padding:10px 20px; + text-align: center; + border-radius: 10px; +} +.hero{ + display: flex; + width: 100%; + height: 90vh; + flex-direction: row; + background-color: #d9d9d919; +} +.htext{ + width: 40%; + font-size: 50px; + padding: 25px; + display: flex; + flex-direction: column; + align-self: center; +} +.himage { + width: 45%; + display: flex; + align-items: center; +} +.himage img{ + height:60%; +} +.hbox{ + display: flex; + background-color:#AAEBFF ; + height: 100px; + width: 70%; + border-radius: 10px; + align-items: center; + font-size: 17px; + padding:0 25px; + margin-top: 35px; +} +.hbox a{ + background-color: #FFD550; + padding: 15px; + color: white; + margin-left: 5px; + border-radius: 15px; +} +.contenair{ + display: flex; + width: 100%; + height: 100vh; + justify-content: space-around; + align-items: center; +} +.box{ + background-color: #FEFEFE; + height:70%; + width: 25%; + border:solid 1px #DCDFE3; + border-radius: 25px; + display: flex; + align-self: center; + padding: 25px; + flex-direction: column; +} +.box img{ + width: 100px; +} +.box h2{ + font-size: 25px; + margin: 35px 0; +} +.box p{ + font-size: 15px; + margin: 35px 0; +} +#cgu{ + height: 100vh; + width: 100%; + display: flex; + flex-direction: column; + align-items: center; +} +.cgu{ + color: #FFD550; + font-size: 25px; + font-weight: 500; + margin-left: 25px; + padding-left: 25px; +} +summary { + list-style: none; + display: flex; + justify-content: space-between; + align-items: center; +} +summary::after { + content: ''; + width: 0; + height: 0; + border-top: 10px solid #15171b; + border-inline: 7px solid transparent; + transition: 0.2s; +} +summary { + color: #30353b; + border-radius: 5px; + font-weight: 800; + margin-bottom: 25px; +} +details[open] summary {border-radius: 5px 5px 0 0;} +details { + background: #AAEBFF; + border-radius: 5px; + width:50%; + margin: 27px; + padding: 25px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +} +#even{ + height: 95vh; + + width: 100%; +} +#carouselbox { + display: flex; + flex-direction: row; + width: 100%; + height: 80%; + margin: 25px auto; + overflow: hidden; + align-items: center; + position: relative; +} + +.carousel { + display: flex; + flex-direction: row; + align-items: center; + width: 3000px; /* L'ensemble du carousel prend la largeur disponible */ + height: 95%; + transition: transform 0.5s ease; +} + +.carousel-item { + width: 800px; + margin-left:70px; + display: flex; + flex-direction: column; + height: 100%; +} + +.evenbox { + background-color: #FFD550; + width: 75%; + margin: auto; + border-radius: 25px; + padding: 25px; +} + +.evebtn { + width: 70px; + margin: auto; + padding: 5px 2px; + border-radius: 25px; + border: none; + background-color: #53d7fe; +} + +.eventex { + margin: auto; + padding: 20px; + +} + +.direction{ + position: absolute; + top: 50%; + width: 50px; + background-color: #FFD550; + border-radius: 100%; + font-weight:800; + color: white; + font-size: 25px; + border: none; + padding: 10px; + cursor: pointer; + +} +.direction:hover{ + transition: 0.3s; + background-color: #ffd6508c; + color: #79797924; + +} + + +#prevBtn { + left: 10px; +} + +#nextBtn { + right: 10px; +} + + +#cours{ + display: flex; + flex-direction: column; + align-items: center; + height: 30%; +} +.boxCours{ + width: 90%; + height: 160vh; + display:flex; + flex-wrap: wrap; + justify-content: space-around; + margin:75px 0 0 25px; +} +.cours{ + background-color: #F3FCFF; + width: 20%; + height: 20%; + padding:25px; + display: flex; + align-items: center; + flex-direction: column; + margin:25px; + border: solid 1px #A7BEC6; + border-radius: 15px; +} +.cours img{ + width: 100px; +} +.voirplus{ + background-color: green; + width:25%; + +} +.sagui{ + width: 25%; + height:75px; + display: flex; + align-items: center; + margin-left: 1000px; + justify-content: center; +} +.letxte{ + font-size: 20px; + color: #53d7fe; + font-weight: 600; + display: inline; + align-self: center; + margin-top: 10px; +} +.plus{ + width: 100px; + +} +#contact{ + height: 600px; + background-color: #AAEBFF; + width: 100%; + display: flex; + align-items: center; +} +.avis{ + background-color:#FFFFFF; + width:35%; + height:30%; + margin:auto; + margin-left: 10%; + border: solid 1px #B8B8B8; + border-radius: 45px; + padding:55px; +} +.avis p{ + font-weight: 600; + font-size:35px; +} +textarea{ + width: 85%; + height:5px; + border: solid; + padding: 25px; + margin-top: 10px; +} +.avis button{ + background-color: black; + color: white; + width: 35%; + font-weight: 400; + border: none; + padding:7px 25px ; + border-radius:5px; +} +.lettre{ + width: 55%; +} +.foot{ + width: 100%; + height: 45vh; + background-color: black; + display: flex; + flex-direction: column; + color: white; + text-align: center; +} +.social{ + width:25%; + height: 15%; + margin: auto; + color: white; +} +.social img{ + margin-right:15px; +} +.social p{ + margin-top: 15px; +} +