nathan boileau 3 years ago
commit 40ae06f2ad

@ -215,5 +215,17 @@ body {
} }
} }
.top{
display: flex;
}
.material-icons{
margin-bottom: 10%;
}
.top h2{
margin-left: 25%;
margin-top: 2% ;
}
/* Home Button */ /* Home Button */

@ -6,11 +6,12 @@ html{
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
body{ body{
font-family: "Orbitron", sans-serif; font-family: "Orbitron", sans-serif;
height: 95%;
} }
.Presentation{ .Presentation{
@ -49,7 +50,6 @@ body{
.Histoire,.ConsigneRun,.ConsigneSubmit{ .Histoire,.ConsigneRun,.ConsigneSubmit{
margin-top: 0; margin-top: 0;
margin-left: 20px;
background: rgba(0,0,0,0.8); background: rgba(0,0,0,0.8);
box-sizing: border-box; box-sizing: border-box;
box-shadow: 0 15px 25px rgba(0,0,0,); box-shadow: 0 15px 25px rgba(0,0,0,);
@ -59,6 +59,18 @@ body{
margin-right: 10%; margin-right: 10%;
} }
.titre_pre{
display: flex;
font-size: 14px;
height: 15%;
}
.sign{ .sign{
margin-bottom: 30px; margin-top: 3%;
margin-left:12%
}
.retour{
margin-top: 1%;
margin-left: 10%;
} }

@ -7,10 +7,15 @@
<link rel="stylesheet" href="../../CSS/enigme.css"> <link rel="stylesheet" href="../../CSS/enigme.css">
<link rel="stylesheet" href="../../CSS/Home.css"> <link rel="stylesheet" href="../../CSS/Home.css">
<link rel="stylesheet" href="../../CSS/Presentation.css"> <link rel="stylesheet" href="../../CSS/Presentation.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<title>Presentation</title> <title>Presentation</title>
</head> </head>
<body> <body>
<div class="presentation_titre" id="home"> <div class="presentation_titre" id="home">
<div class="titre_pre">
<div class="retour">
<a class="material-icons" id="home" href="../Home.html" style="font-size:64px;color:white;">home</a>
</div>
<div class="sign"> <div class="sign">
<h1> <h1>
<span class="fast-flicker">P</span> <span class="fast-flicker">P</span>
@ -19,6 +24,7 @@
<span>ation</span> <span>ation</span>
</h1> </h1>
</div> </div>
</div>
<div class="Presentation"> <div class="Presentation">
<div class="Histoire"> <div class="Histoire">
<img src="../../../assets/img/Renard.png"> <img src="../../../assets/img/Renard.png">
@ -46,8 +52,13 @@
</a> </a>
</div> </div>
<div class="Consigne"> <div class="Consigne">
<p>Tu pense avoir réussi ? Tres bien ! Utilise le bouton submit pour faire valider ton code est passer à la prochaine enigme </p> <p>Tu pense avoir réussi ? Tres bien ! Utilise le bouton submit pour faire valider ton code et passer à la prochaine enigme </p>
</div>
</div> </div>
<div class="buttons">
<a href="palindrome.html" class="btn">
<span class="noAnimation">Next</span>
</a>
</div> </div>
</div> </div>
</div> </div>

@ -19,7 +19,7 @@
</div> </div>
<div class="align-items-center"> <div class="align-items-center">
<div> <div>
<a class="enigme" href="./Enigme/palindrome.html" /> <a class="enigme" href="./Enigme/Presentation.html">
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>

@ -12,9 +12,9 @@
<body> <body>
<div class="main"> <div class="main">
<div class="login-box" id="form"> <div class="login-box" id="form">
<div id="top"> <div class="top">
<h2>Sign up</h2>
<a class="material-icons" id="home" href="../Home.html" style="font-size:36px;color:white;">home</a> <a class="material-icons" id="home" href="../Home.html" style="font-size:36px;color:white;">home</a>
<h2>Sign up</h2>
</div> </div>
<form> <form>
<div class="user-box"> <div class="user-box">

@ -12,9 +12,9 @@
<body> <body>
<div class="main"> <div class="main">
<div class="login-box" id="form"> <div class="login-box" id="form">
<div id="top"> <div class="top">
<h2>Sign up</h2>
<a class="material-icons" id="home" href="../Home.html" style="font-size:36px;color:white;">home</a> <a class="material-icons" id="home" href="../Home.html" style="font-size:36px;color:white;">home</a>
<h2>Sign up</h2>
</div> </div>
<form> <form>
<div class="user-box"> <div class="user-box">

Loading…
Cancel
Save