Skip to content
Snippets Groups Projects
Commit a1b37d94 authored by LAITI SABER's avatar LAITI SABER
Browse files

changement

parent ef5797cf
No related branches found
No related tags found
No related merge requests found
Pipeline #142554 passed
Stage: deploy
Hide whitespace changes
Inline Side-by-side
public/CSS/blog.css deleted 100644 → 0
+ 0
− 0
View file @ ef5797cf
public/CSS/propos.css deleted 100644 → 0
+ 0
− 49
View file @ ef5797cf
section.cadre{
padding: 1em;
background-color: #DAC895;
border-radius: 1cm;
display: grid;
margin-top: 10px;
}
nav{
text-align: right;
}
section.style{
padding: 1em;
background-color: #FBECC7;
border-radius: 1cm;
display: flex;
flex-direction: column;
text-align: left;
margin-top: 10px;
}
section.Paypal{
margin: 0 auto;
text-align: center;
width: 400px;
padding: 1em;
background-color: #75ABDE;
box-shadow: 4px 4px 10px black;
border-radius: 1cm;
margin-top: 30px;
}
p.paypal{
font-weight: bold;
text-align: center;
}
button{
color: blue;
border-radius: 1cm;
font-weight: bold;
box-shadow: 4px 4px 5px black;
}
h3{
color: #323A1A;
font-weight: bold;
}
\ No newline at end of file
public/CSS/style.css deleted 100644 → 0
+ 0
− 51
View file @ ef5797cf
body
{
background-image: linear-gradient(to bottom,rgb(255, 203, 70,1),rgb(108,255,56)); /* trouver une solution pour appliquer 2 linear gradadient*/
text-align: right;
font-size: 1.3em;
display: grid;
margin-left: 15%;
margin-right: 15%;
}
body :nth-child(2n+1){
text-align: left;
}
nav{
background-color: rgba(10, 101, 57, 35%) ;
border-radius: 0.3cm;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
h2{
color: #0A6539;
font-weight: bolder;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 200%;
}
h3{
color: #76A3A2;
}
a{
text-decoration: none;
}
.button{
display: inline-block;
size: 200%;
color: black;
background-color: #ffffff;
border: #29A08C solid;
border-radius: 12cm;
padding: 0.5em;
}
.button:hover{
background-color: #29A08C;
}
.cadre {
background-color: rgba(41, 158, 139, 29%);
}
\ No newline at end of file
public/Images/logo.png deleted 100644 → 0
+ 0
− 0
View file @ ef5797cf
public/Images/logo.png

352 KiB

public/blog.html
+ 1
− 1
View file @ a1b37d94
......@@ -10,7 +10,7 @@
<body>
<nav>
<img src="logo.png" alt="logo" width="500" height="600">
<img src="logo.png" alt="logo" width="50" height="50">
<a class="active" href="index.html">Accueil</a>
<a href="blog.html">Blog</a>
<a href="propos.html">A Propos</a>
......
public/index.html
+ 17
− 9
View file @ a1b37d94
......@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="/style.css">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Université en mouvement : Le questionnaire qui vous fait déplacer vos idées !</title>
</head>
......@@ -32,19 +32,19 @@
<h4>AVIS ET COMMENTAIRES</h4>
<h2>LISEZ CE QUE LES AUTRES ONT A DIRE</h2>
<section class="cadre">
<section>
<section class="mini-cadre">
<h3>Cute_cat</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae diam
placerat, varius dui et, interdum quam. Phasellus bibendum ultricies
sapien, sed pretium metus.</p>
</section>
<section>
<section class="mini-cadre">
<h3>Venom_du_69</h3>
<p>Vestibulum tempus tellus vel scelerisque aliquam. Sed non sem sit amet
mauris ultricies ultricies. Nunc hendrerit urna ligula. Cras in suscipit odio.
Nam non porta ante. Donec laoreet semper blandit.</p>
</section>
<section>
<section class="mini-cadre">
<h3>Heisenberg</h3>
<p>Sed volutpat nisl nec felis tincidunt condimentum. Maecenas non neque
enim. Curabitur sapien leo, imperdiet placerat porttitor sit amet, tempor
......@@ -52,11 +52,19 @@
<a class="button" href="blog.html">Afficher plus</a>
</section>
</section>
<section>
<img src="" alt="logo" width="500" height="600">
<p>Contactez-nous : 01 23 45 67 89 example@adresse.com</p>
<p>Soutenez-nous : example@paypal.me patreon.com/example</p>
</section>
<footer>
<img src="logo.png" alt="logo" width="50" height="50">
<section>
<p class="comm">Contactez-nous :</p>
<p>01 23 45 67 89</p>
<p>example@adresse.com</p>
</section>
<section>
<p class="comm">Soutenez-nous : </p>
<p>example@paypal.me </p>
<p>patreon.com/example</p>
</section>
</footer>
</section>
</main>
</body>
......
public/propos.css
+ 17
− 3
View file @ a1b37d94
......@@ -36,14 +36,28 @@ p.paypal{
text-align: center;
}
button{
color: blue;
.button{
background-color: #326BA0;
border-radius: 1cm;
font-weight: bold;
box-shadow: 4px 4px 5px black;
border: solid #326BA0;
}
h3{
color: #323A1A;
font-weight: bold;
}
.comm{
color: #0A6539;
font-weight: bold;
}
footer{
text-align: left;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}
\ No newline at end of file
public/propos.html
+ 10
− 5
View file @ a1b37d94
......@@ -96,11 +96,16 @@
<footer>
<img src="logo.png" alt="logo" width="50" height="50">
<p>Contactez-nous :</p>
<p>01 23 45 67 89 example@adresse.com</p>
<p>Soutenez-nous : </p>
<p>example@paypal.me </p>
<p>patreon.com/example</p>
<section>
<p class="comm">Contactez-nous :</p>
<p>01 23 45 67 89</p>
<p>example@adresse.com</p>
</section>
<section>
<p class="comm">Soutenez-nous : </p>
<p>example@paypal.me </p>
<p>patreon.com/example</p>
</section>
</footer>
</body>
......
public/style.css
+ 23
− 0
View file @ a1b37d94
......@@ -18,6 +18,7 @@ nav{
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
h2{
......@@ -46,6 +47,28 @@ a{
background-color: #29A08C;
}
.mini-cadre{
margin-bottom: 7px;
border-radius: 0.5cm;
padding: 1em;
background-color: lightblue;
}
.cadre {
padding: 1em;
background-color: rgba(41, 158, 139, 29%);
}
.comm{
color: #0A6539;
font-weight: bold;
}
footer{
text-align: left;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment