Skip to content
Snippets Groups Projects
Commit 4dc77c60 authored by LANTZ Nathan's avatar LANTZ Nathan
Browse files

css de l'envoie mit à part dans le bon fichier + modification du footer

parent 300d725c
No related branches found
No related tags found
No related merge requests found
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Footer</title> <title>Footer</title>
<link rel="stylesheet" href="footerCSS.css"> <link rel="stylesheet" href="footerCSS.css">
</head> </head>
<footer> <footer>
......
...@@ -34,6 +34,7 @@ footer a:hover { ...@@ -34,6 +34,7 @@ footer a:hover {
.icon { .icon {
height: 40px; height: 40px;
padding: 7px;
width: auto; width: auto;
transition: .4s ease; transition: .4s ease;
} }
...@@ -50,8 +51,8 @@ footer a:hover { ...@@ -50,8 +51,8 @@ footer a:hover {
.espbtn { .espbtn {
position: absolute; position: absolute;
bottom: 75; bottom: 100px;
left: 50; left: 50px;
margin: 0px; margin: 0px;
color: #fff; color: #fff;
font-family: 'Kufam'; font-family: 'Kufam';
...@@ -61,8 +62,8 @@ footer a:hover { ...@@ -61,8 +62,8 @@ footer a:hover {
.date { .date {
position: absolute; position: absolute;
bottom: 0; bottom: 0px;
right: 25; right: 25px;
margin: 5px; margin: 5px;
color: #fff; color: #fff;
font-family: 'Kufam'; font-family: 'Kufam';
......
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
<label for="documentFile">Sélectionnez le Document :</label> <label for="documentFile">Sélectionnez le Document :</label>
<input type="file" id="documentFile" name="documentFile" accept=".jpg, .jpeg, .png, .pdf"> <input type="file" id="documentFile" name="documentFile" accept=".jpg, .jpeg, .png, .pdf">
<br> <br>
<button type="button" onclick="submitDocument()">Envoyer</button> <button type="button" class="buttonUpload" onclick="submitDocument()">Envoyer</button>
</form> </form>
</div> </div>
...@@ -76,62 +76,4 @@ ...@@ -76,62 +76,4 @@
<?php require('footer.php'); ?> <?php require('footer.php'); ?>
<script src="scriptenvoie.js"></script> <script src="scriptenvoie.js"></script>
\ No newline at end of file
<style>
.document-upload {
max-width: 1000px;
margin-top: 20px;
margin-left: 23%;
padding: 20px;
border: 2px solid #3C893B;
border-radius: 10px;
background-color: #ecf0f1;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.document-upload h2 {
font-size: 1.8em;
margin-bottom: 20px;
color: #3C893B;
}
#documentForm {
max-width: 400px;
margin: 0 auto;
}
#documentForm label {
display: block;
margin-bottom: 10px;
font-weight: bold;
color: #2c3e50;
}
#documentType,
#documentFile {
width: 100%;
padding: 12px;
margin-bottom: 20px;
border: 2px solid #bdc3c7;
border-radius: 8px;
box-sizing: border-box;
}
button {
background-color: #3C893B;
color: white;
padding: 12px 20px;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s ease;
}
button:hover {
background-color: #27ae60;
}
</style>
\ No newline at end of file
...@@ -39,4 +39,57 @@ ...@@ -39,4 +39,57 @@
.telechargeable-item h3 { .telechargeable-item h3 {
letter-spacing: 3; letter-spacing: 3;
}
.document-upload {
max-width: 1000px;
margin-top: 20px;
margin-left: 23%;
padding: 20px;
border: 2px solid #3C893B;
border-radius: 10px;
background-color: #ecf0f1;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.document-upload h2 {
font-size: 1.8em;
margin-bottom: 20px;
color: #3C893B;
}
#documentForm {
max-width: 400px;
margin: 0 auto;
}
#documentForm label {
display: block;
margin-bottom: 10px;
font-weight: bold;
color: #2c3e50;
}
#documentType,
#documentFile {
width: 100%;
padding: 12px;
margin-bottom: 20px;
border: 2px solid #bdc3c7;
border-radius: 8px;
box-sizing: border-box;
}
.buttonUpload {
background-color: #3C893B;
color: white;
padding: 12px 20px;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.buttonUpload:hover {
background-color: #27ae60;
} }
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment