Alexandre Agostinho
2 years ago
parent
b7f45705f5
commit
133c0d3f68
@ -0,0 +1,113 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Contact</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="../styles/main.css" rel="stylesheet" type="text/css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div class="title">
|
||||
<h1>LangProg</h1>
|
||||
<p><b>Contact</b> page</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="nav-bar">
|
||||
|
||||
<span class="nav-left">
|
||||
<a href="../index.html">Menu Principal</a>
|
||||
<a href="./galerie.html">Galerie</a>
|
||||
<a href="./donnees.html">Données</a>
|
||||
</span>
|
||||
|
||||
<span class="nav-right">
|
||||
<div class="dropdown-menu">
|
||||
|
||||
<label for="dd-menu"><span><b>=</b></span></label>
|
||||
<input type="checkbox" id="dd-menu" />
|
||||
<div class="dropdown-menu-content">
|
||||
<a href="./contact.php">Contact</a>
|
||||
<a href="./apropos.html">A propos</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</span>
|
||||
|
||||
</nav>
|
||||
|
||||
<div class="main-content">
|
||||
|
||||
<div class="side">
|
||||
<div class="links">
|
||||
<h3>Liens externes..</h3>
|
||||
|
||||
<ul>
|
||||
<li><a href="https://fr.wikipedia.org/wiki/C_(langage)">C (Wiki)</a></li>
|
||||
<li><a href="https://fr.wikipedia.org/wiki/C%2B%2B">C++ (Wiki)</a></li>
|
||||
<li><a href="https://fr.wikipedia.org/wiki/C_sharp">C# (Wiki)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<section class="majs">
|
||||
<h2>actualités du site</h2>
|
||||
|
||||
<div>
|
||||
<article>
|
||||
<h4>initialisation du site</h4>
|
||||
<p>08/09/2022: création de la page d'acceuil, des 3 premiers articles,
|
||||
et de la table.</p>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h4>ajouts des stylesheets</h4>
|
||||
<p>15/09/2022: ajouts de styles.css.</p>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h4>maj complete de la structuration du site</h4>
|
||||
<p>29/09/2022: création de multiple fichiers de styles adaptive,
|
||||
arrangement du code pour une meilleur lisibilité.</p>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h4>maj du style 1</h4>
|
||||
<p>05/10/2022: mise à niveau du style: style pour les pages d'article,
|
||||
de donnée, création de la page de gallerie avec des photos et des
|
||||
vidéos, nouvelles bordures, overflow, position (stiky).</p>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
|
||||
<h2>Contact</h2>
|
||||
|
||||
<div class="contact">
|
||||
|
||||
<?php
|
||||
|
||||
$nom = _POST("nom");
|
||||
$email = _POST("email");
|
||||
$tel = _POST("telephone");
|
||||
|
||||
echo("<p>nom: " .. $nom);
|
||||
echo("<p>email: " .. $email);
|
||||
echo("<p>tel: " .. $tel);
|
||||
|
||||
?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,23 @@
|
||||
body {
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
|
||||
/* TABLE */
|
||||
|
||||
.donnees {
|
||||
margin: 50px;
|
||||
}
|
||||
|
||||
.donnees table {
|
||||
table-layout: auto;
|
||||
width: 50%;
|
||||
border: 1px solid cadetblue;
|
||||
border-bottom: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
.donnees th,tr,td {
|
||||
border-bottom: 1px solid cadetblue;
|
||||
border-right: 1px solid cadetblue;
|
||||
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
#gal-photos {
|
||||
margin: 30px;
|
||||
border: 10px solid darkgrey;
|
||||
border-radius: 0 20px;
|
||||
background-color: cadetblue;
|
||||
}
|
||||
|
||||
#gal-photos img {
|
||||
width: 200px;
|
||||
display: inline-block;
|
||||
margin: 35px;
|
||||
}
|
||||
|
||||
#gal-videos {
|
||||
margin: 30px;
|
||||
border: 10px solid cadetblue;
|
||||
border-radius: 0 20px;
|
||||
background-color: darkgrey;
|
||||
}
|
||||
|
||||
Loading…
Reference in new issue