corentin.caillot
/
site_web
generated from Templates_CodeFirst/templateHtmlCss
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajout final 2
continuous-integration/drone/push Build is passing Details

Browse Source
master
Corentin.caillot 9 months ago
parent ed1f86ba16
commit 19a6e8d94e
5 changed files with 47 additions and 62 deletions
Show Stats Download Patch File Download Diff File

2
cursus.html
Unescape View File

@ -29,7 +29,7 @@
</ul> </ul>
</li> </li>
<li> <li>
<a href="form.php">Form</a> <a href="form.php">Formulaire</a>
</li> </li>
</ul> </ul>
</nav> </nav>

79
form.php
Unescape View File

@ -1,49 +1,52 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <title>Contactez-moi</title>
<title>Corentin</title> <link type="text/css" rel="stylesheet" href="style.css">
<nav class="navbar"> </head>
<ul class="navbar-list">
<li><a href="index.html">Accueil</a></li>
<li><a href="cursus.html">Cursus</a></li>
<li><a href="planning.html">Planning</a></li>
<li class="dropdown">
<a href="#">Gallerie</a>
<ul class="dropdown-content">
<li><a href="images.html">Images</a></li>
<li><a href="videos.html">Vidéos</a></li>
</ul>
</li>
<li><a href="form.php">Form</a></li>
</ul>
</nav>
</head>
<body> <body>
<form action="process.php" method="POST"> <h1>Formulaire de Contact</h1>
<!--Required input for the last name --> <form action="process.php" method="GET">
<label for="last_name">Last Name:</label> <!-- Champ pour le nom (obligatoire) -->
<input type="text" id="last_name" name="last_name" required><br><br> <label for="name">Nom:</label>
<input type="text" id="name" name="name" required><br><br>
<!-- Required input for the first name --> <!-- Champ pour l'adresse email (obligatoire) -->
<label for="first_name">First Name:</label> <label for="email">Adresse de courriel:</label>
<input type="text" id="first_name" name="first_name" required><br><br> <input type="email" id="email" name="email" required><br><br>
<!--Input of type numer for the age --> <!-- Champ pour le numéro de téléphone (facultatif) -->
<label for="age">Age:</label> <label for="phone">Numéro de téléphone:</label>
<input type="number" id="age" name="age" min="0" step="1"><br><br> <input type="tel" id="phone" name="phone"><br><br>
<!--List for the gender --> <!-- Liste déroulante pour le motif de contact -->
<label for="gender">Gender:</label> <label for="reason">Motif de contact:</label>
<select id="gender" name="gender"> <select id="reason" name="reason">
<option value="male">Male</option> <option value="information">Demande d'information</option>
<option value="female">Female</option> <option value="support">Support technique</option>
<option value="other">Other</option> <option value="feedback">Feedback</option>
<option value="other">Autre</option>
</select><br><br> </select><br><br>
<!--Submit button --> <!-- Champ pour le créneau horaire (jour + horaire) -->
<input type="submit" value="Submit"> <label for="schedule">Créneau horaire:</label>
<input type="datetime-local" id="schedule" name="schedule"><br><br>
<!-- Boutons radio pour indiquer si c'est la première demande -->
<label>Première demande ?</label><br>
<input type="radio" id="first_request_yes" name="first_request" value="yes">
<label for="first_request_yes">Oui</label>
<input type="radio" id="first_request_no" name="first_request" value="no">
<label for="first_request_no">Non</label><br><br>
<!-- Champ texte pour le message (obligatoire) -->
<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea><br><br>
<!-- Boutons de soumission et de remise à zéro -->
<input type="submit" value="Envoyer">
<input type="reset" value="Réinitialiser">
</form> </form>
</body> </body>
</html> </html>

2
images.html
Unescape View File

@ -28,7 +28,7 @@
</ul> </ul>
</li> </li>
<li> <li>
<a href="form.php">Form</a> <a href="form.php">Formulaire</a>
</li> </li>
</ul> </ul>
</nav> </nav>

21
index.html
Unescape View File

@ -16,7 +16,7 @@
<li><a href="videos.html">Vidéos</a></li> <li><a href="videos.html">Vidéos</a></li>
</ul> </ul>
</li> </li>
<li><a href="form.php">Form</a></li> <li><a href="form.php">Formulaire</a></li>
</ul> </ul>
</nav> </nav>
</head> </head>
@ -38,7 +38,7 @@
<article> <article>
<h2>Qui suis-je ?</h2> <h2>Qui suis-je ?</h2>
<p> <p>
Je m'appelle corentin, j'ai 19 ans et je suis un étudiant en première année de BUT informatique (pour la deuxième fois). Je m'appelle <strong>corentin</strong>, j'ai <em>19 ans</em> et je suis un étudiant en première année de BUT informatique (pour la deuxième fois).
<details> <details>
<summary>Lire la suite</summary> <summary>Lire la suite</summary>
<p> <p>
@ -68,23 +68,6 @@
Mon objectif est de trouver un emploie de développeur, acheter une maison dans la campagne et y vivre avec ma femme, deux chien (et probablement des chats...oui...elle voudra forcément des chats !) Mon objectif est de trouver un emploie de développeur, acheter une maison dans la campagne et y vivre avec ma femme, deux chien (et probablement des chats...oui...elle voudra forcément des chats !)
</p> </p>
</details> </details>
</p>
</article>
<article>
<h2>Combler le vide</h2>
<p>
Histoire de respecter la consigne (qui parlent d'articles avec un "s" donc de plusieurs articles par section), je vais vous parler de mon restaurant préféré, le "moya".
<details>
<summary>Lire la suite</summary>
<p>
C'est un restaurant asiatique qui sert de nombreux plats tel que des sushis, maki, soupes miso, beignets (oignons, calamar) ou encore des brochettes de poulet, porcs...etc. En résumé tout pleins de bonnes choses, et ce qui est génial c'est que c'est un restaurant à volonté !! Alors oui, si vous y allez, je vous conseille de ne rien manger avant, il ne faudrait pas gacher vos 16 euros.
Attendez, je ne vous ai pas encore dis le meilleur, ici, vous êtes servis par des robots !!! Sérieusement, qui n'a jamais rêvé de voir son plat de sushi apporté par un robot ?? En plus les robots ont des têtes de chats (je commence à me dire que les chats sont en train de devenir un thème
récurrent...). Enfin bref, allez-y !
</p>
</details>
</p> </p>
</article> </article>
</section> </section>

3
style.css
Unescape View File

@ -63,8 +63,7 @@ figcaption {
/*Navbar css*/ /*Navbar css*/
/* Style général de la navbar */ /* Style général de la navbar */
.navbar { .navbar {
background: linear-gradient(135deg, #0e6ab9, #1a82db); background: linear-gradient(135deg, #0e6ab9, #4782b6);
/*background-color: #0e6ab9;*/
padding: 15px; padding: 15px;
display: flex; display: flex;
justify-content: center; justify-content: center;

Write Preview
Loading…
Cancel
Save