groupe1cir1n/groupe1cir1n.github.io
1
0
Fork 0
mirror of https://github.com/groupe1cir1n/groupe1cir1n.github.io.git synced 2026-01-18 16:37:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

Small adjustment to the contact page

Browse Source
This commit is contained in:
Félix MARQUET
2023-01-04 15:13:58 +01:00
parent e2f566e747
commit b97473f900
3 changed files with 26 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
contacts.html
View File

@@ -44,17 +44,20 @@
</div>
<h1 id = text><strong>Contactez le responsable de l’équipe</strong> <br>(Maher Jridi - maher.jridi@isen-ouest.yncrea.fr)</h1>
<form action="contacts.html" method="get" class="formulaire">
<div class="input-container">
<img class="icon" src="/src/img/svg/user-solid.svg">
<input class="input-field" type="text" placeholder="Prénom Nom" name="usrnm">
<div class="center">
<div class="input-container">
<img class="icon" src="/src/img/svg/user-solid.svg">
<input class="input-field" type="text" placeholder="Prénom Nom" name="usrnm">
</div>
</div>
<div class="input-container">
<img class="icon" src="/src/img/svg/at-solid.svg">
<input class="input-field" type="text" placeholder="email@exemple.com" name="email">
<div class="center">
<div class="input-container">
<img class="icon" src="/src/img/svg/at-solid.svg">
<input class="input-field" type="text" placeholder="email@exemple.com" name="email">
</div>
</div>
<textarea name="textarea1" placeholder="Votre message (1000 caractères maximum)" rows="5" cols="50"></textarea><br>
<button type="submit">Envoyer</button>
<button class="btn" type="submit">Envoyer</button>
</form>
<img src="src/img/LabISEN.png" alt="Logo du LabISEN">
<footer>

4
src/css/navbar.css
View File

@@ -76,7 +76,7 @@
background-color: #48435C;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
top: 130px;
top: 15%;
width: 12%;
}
@@ -93,7 +93,7 @@
.dropdown-content a:hover, .dropdown-content a:active {
background-color: #3E485C;
width: 85%;
width: 80%;
border-radius: 10px;
}

30
src/css/style_contacts.css
View File

@@ -16,46 +16,42 @@ img{
text-align: center;
}
* {box-sizing: border-box;}
/* Style the input container */
.input-container {
display: flex;
width: 50%;
margin-bottom: 15px;
}
/* Style the form icons */
.icon {
padding: 10px;
background: #7D7D7D;
color: white;
min-width: 50px;
width: 50px;
height: auto;
text-align: center;
}
/* Style the input fields */
.input-field {
width: 100%;
padding: 10px;
outline: none;
}
.input-field:focus {
border: 2px solid dodgerblue;
}
/* Set a style for the submit button */
.btn {
background-color: dodgerblue;
background-color: #2244AA;
color: white;
padding: 15px 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
width: 5%;
border-radius: 3px;
}
.btn:hover {
opacity: 1;
.center{
display: flex;
text-align: center;
justify-content: center;
}