Skip to content

Commit

Permalink
update 3.1
Browse files Browse the repository at this point in the history
  • Loading branch information
@Bakari1548
Bakari1548 committed Sep 12, 2024
1 parent c7c0726 commit 4aa346b
Show file tree
Hide file tree
Showing 6 changed files with 151 additions and 296 deletions.
25 changes: 23 additions & 2 deletions assets/css/allcours.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ aside{
/* Section */
.container{
width: 80%;
margin: 50px auto;
margin: 50px 30px;
display: flex;
flex-direction: column;
gap: 50px;
Expand All @@ -63,7 +63,9 @@ aside{
margin: 0 auto;
font-size: 50px;
}
.cours_link{
#htmlLink,#cssLink,#jsLink,#phpLink,
#pythonLink,#javaLink,#angularLink,
#laravelLink,#reactjsLink{
display: block;
text-decoration: none;
color: black;
Expand Down Expand Up @@ -150,4 +152,23 @@ aside{
}
.hidden{
visibility: hidden;
}

@media (max-width: 700px){

aside{
display: none;
}
#section1{
margin-right: 50px;
display: flex;
gap: 8px;
}
#section2{
margin: 50px auto;
display: flex;
flex-wrap: wrap;
gap: 25px;
}

}
51 changes: 34 additions & 17 deletions assets/css/home.css
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,16 @@
*{
background-color: #fff;
font-family: "Sen", sans-serif;
/* font-optical-sizing: auto; */
/* font-weight: weight; */
/* font-style: normal; */
margin: 0;
padding: 0;

}
body{
display: flex;
flex-direction: column;
width: 100%;
background-color: #fff;
}
/* Header */
header{
display: flex;
Expand Down Expand Up @@ -156,15 +159,16 @@ nav{
/* Section 4 */
#section4{
width: 100%;
display: grid;
grid-template-columns: 1fr;
display: flex;
flex-direction: column;
/* grid-template-columns: 1fr; */
gap: 80px;
}
.div_section4{
/* height: 200px; */
margin: 0 auto;
background-color: #AAEBFF;
padding: 20px;
/* height: 100px; */
width: 80%;
border-radius: 20px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
Expand All @@ -186,22 +190,28 @@ nav{
}
#text1DivSection4, #text2DivSection4, #text3DivSection4{
background-color: transparent;
width: 60%;
margin: 40px 50px;
visibility: hidden;
/* width: 60%; */
margin: 0px 50px 20px;
display: none;
display: flex;
flex-direction: column;
justify-content: space-around;
gap: 50%;
}
#text1DivSection4 img, #text2DivSection4 img, #text3DivSection4 img{
width: 80px;
height: 80px;
margin-left: 130%;
}
.hidden{
display: none;
/* margin-left:x` 130%; */
}
.display{
display: block;
#text1DivSection4 p, #text2DivSection4 p, #text3DivSection4 p{
display: flex;
gap: 230px;
/* flex-direction: row; */
background-color: #AAEBFF;
justify-content: space-around;
}


#btnHidden1, #btnHidden2, #btnHidden3{
/* width: 90px; */
/* border-radius: 50%; */
Expand Down Expand Up @@ -240,7 +250,7 @@ img{
font-weight: 800;
}

.div_section5{
.div1_section5, .div2_section5, .div3_section5{
background-color: #FFD550;
/* height: 250px; */
border-radius: 20px;
Expand Down Expand Up @@ -437,9 +447,10 @@ form{

/* Footer */
footer{
margin: 0;
background-color: black;
color: #fff;
width: 100%;
/* width: 100%; */
/* height: 200px; */
display: flex;
flex-direction: column;
Expand All @@ -466,4 +477,10 @@ footer{
height: 17px;
width: 15px;
margin-top: 70px;
}

@media (max-width: 600px){
footer{
width: 100%;
}
}
18 changes: 9 additions & 9 deletions assets/html/allcours.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ <h1 class="titre_section2">Liste des cours</h1>
<button id="btnsearch">recherche</button>
</section>
<section id="section2">
<a href="/assets/html/cours.html" class="cours_link">
<a href="/assets/html/cours.html" id="htmlLink">
<div id="html">
<img src="/images/html.png" class="image_div_section2" alt="">
<h1 class="titre_div_section2">HTML</h1>
Expand All @@ -45,7 +45,7 @@ <h1 class="titre_div_section2">HTML</h1>
</p>
</div>
</a>
<a href="/assets/html/cours.html" class="cours_link">
<a href="/assets/html/cours.html" id="cssLink">
<div id="css">
<img src="/images/css.png" class="image_div_section2" alt="">
<h1 class="titre_div_section2">CSS</h1>
Expand All @@ -55,7 +55,7 @@ <h1 class="titre_div_section2">CSS</h1>
</p>
</div>
</a>
<a href="/assets/html/cours.html" class="cours_link">
<a href="/assets/html/cours.html" id="jsLink">
<div id="js">
<img src="/images/js.png" class="image_div_section2" alt="">
<h1 class="titre_div_section2">JavaScript</h1>
Expand All @@ -65,7 +65,7 @@ <h1 class="titre_div_section2">JavaScript</h1>
</p>
</div>
</a>
<a href="/assets/html/cours.html" class="cours_link">
<a href="/assets/html/cours.html" id="phpLink">
<div id="php">
<img src="/images/php.png" class="image_div_section2" alt="">
<h1 class="titre_div_section2">php</h1>
Expand All @@ -75,7 +75,7 @@ <h1 class="titre_div_section2">php</h1>
</p>
</div>
</a>
<a href="/assets/html/cours.html" class="cours_link">
<a href="/assets/html/cours.html" id="pythonLink">
<div id="python">
<img src="/images/python.png" class="image_div_section2" alt="">
<h1 class="titre_div_section2">Python</h1>
Expand All @@ -85,7 +85,7 @@ <h1 class="titre_div_section2">Python</h1>
</p>
</div>
</a>
<a href="/assets/html/cours.html" class="cours_link">
<a href="/assets/html/cours.html" id="javaLink">
<div id="java">
<img src="/images/java.png" class="image_div_section2" alt="">
<h1 class="titre_div_section2">Java</h1>
Expand All @@ -95,7 +95,7 @@ <h1 class="titre_div_section2">Java</h1>
</p>
</div>
</a>
<a href="/assets/html/cours.html" class="cours_link">
<a href="/assets/html/cours.html" id="angularLink">
<div id="angular">
<img src="/images/angular.png" class="image_div_section2" alt="">
<h1 class="titre_div_section2">Angular</h1>
Expand All @@ -105,7 +105,7 @@ <h1 class="titre_div_section2">Angular</h1>
</p>
</div>
</a>
<a href="/assets/html/cours.html" class="cours_link">
<a href="/assets/html/cours.html" id="laravelLink">
<div id="laravel">
<img src="/images/lavarel.png" class="image_div_section2" alt="">
<h1 class="titre_div_section2">Laravel</h1>
Expand All @@ -115,7 +115,7 @@ <h1 class="titre_div_section2">Laravel</h1>
</p>
</div>
</a>
<a href="/assets/html/cours.html" class="cours_link">
<a href="/assets/html/cours.html" id="reactjsLink">
<div id="reactjs">
<img src="/images/reat_js.png" class="image_div_section2" alt="">
<h1 class="titre_div_section2">React JS</h1>
Expand Down
56 changes: 32 additions & 24 deletions assets/html/home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,35 +78,41 @@
<h1 class="titre_div_section4">Comment devenire formateur ?</h1>
<button type="reset" id="btnHidden1"><img src="/images/hidden.png" alt="" id="imageBtnHidden1"></button>
</div>
<p id="text1DivSection4">
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 <br>
<img src="/images/see_more.png" alt="voir plus">
</p>
<div id="text1DivSection4">
<p>
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 <br>
<img src="/images/see_more.png" alt="voir plus">
</p>
</div>
</div>
<div class="div_section4">
<div class="div_display_section4">
<h1 class="titre_div_section4">Partager un événement</h1>
<button type="reset" id="btnHidden2"><img src="/images/hidden.png" alt="" id="imageBtnHidden2"></button>
</div>
<p id="text2DivSection4">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam minus temporibus dicta est
dignissimos iste neque atque? Quisquam expedita magnam doloribus, veritatis accusantium in.
Quibusdam vitae aliquam natus laboriosam velit.
<img src="/images/see_more.png" alt="voir plus">
</p>
<div id="text2DivSection4">
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam minus temporibus dicta est
dignissimos iste neque atque? Quisquam expedita magnam doloribus, veritatis accusantium in.
Quibusdam vitae aliquam natus laboriosam velit.
<img src="/images/see_more.png" alt="voir plus">
</p>
</div>
</div>
<div class="div_section4">
<div class="div_display_section4"><h1 class="titre_div_section4">Acceder à mon espace </h1>
<button type="reset" id="btnHidden3"><img src="/images/hidden.png" alt="" id="imageBtnHidden3"></button>
</div>
<p id="text3DivSection4">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam minus temporibus dicta est
dignissimos iste neque atque? Quisquam expedita magnam doloribus, veritatis accusantium in.
Quibusdam vitae aliquam natus laboriosam velit.
<img src="/images/see_more.png" alt="voir plus">
</p>
<div id="text3DivSection4">
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam minus temporibus dicta est
ignissimos iste neque atque? Quisquam expedita magnam doloribus, veritatis accusantium in.
uibusdam vitae aliquam natus laboriosam velit.
<img src="/images/see_more.png" alt="voir plus">
</p>
</div>
</div>
</section>
<h2 class="titre_section5">Les événements réscents</h2>
Expand Down Expand Up @@ -272,12 +278,14 @@ <h1 class="titre_form_section7">Nous contacter</h1>
</div>
</main>
<footer>
<div class="footer_links">
<a href="facebook.com" class="footer_link"><img src="/images/facebook.png" alt="Facebook" class="image_footer_link"></a>
<a href="twitter.com" class="footer_link"><img src="/images/twitter.png" alt="X" class="image_footer_link"></a>
<a href="youtube.com" class="footer_link"><img src="/images/youtube.png" alt="Youtube" class="image_footer_link"></a>
</div>
<p class="footer_text">© Copyright 2022- Libscode</p>
<!-- <div class="footer"> -->
<div class="footer_links">
<a href="facebook.com" class="footer_link"><img src="/images/facebook.png" alt="Facebook" class="image_footer_link"></a>
<a href="twitter.com" class="footer_link"><img src="/images/twitter.png" alt="X" class="image_footer_link"></a>
<a href="youtube.com" class="footer_link"><img src="/images/youtube.png" alt="Youtube" class="image_footer_link"></a>
</div>
<!-- </div> -->
<p class="footer_text">© Copyright 2022- Libscode</p>
</footer>
</body>
</html>
Loading

0 comments on commit 4aa346b

Please sign in to comment.