generated from Templates_CodeFirst/templateHtmlCss
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
3.1 KiB
62 lines
3.1 KiB
3 weeks ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<link type="text/css" rel="stylesheet" href="Css.css">
|
||
|
|
<link rel="stylesheet" type="text/css" href="impression.css" media="print">
|
||
|
|
<meta charset="Utf-8">
|
||
|
|
<title>Accueil</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<nav>
|
||
|
|
<ul>
|
||
|
|
<li><a href="TP1Web.html">Accueil</a></li>
|
||
|
|
<li><a href="page_web_4.html">Mes activités</a></li>
|
||
|
|
<li><a href="page_web_3.html">Mon parcours scolaire</a></li>
|
||
|
|
<li class="deroul"><a>Médias</a>
|
||
|
|
<ul class="sousli">
|
||
|
|
<li><a href="page_web_5.html">Ma page image</a></li>
|
||
|
|
<li><a href="page_web_6.html">Ma page vidéo</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li><a href="meContacter.html">Me contacter</a></li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
<section>
|
||
|
|
<a href="https://x.com"> <img src="image/twitter.png" alt="X" class="liens1"></a>
|
||
|
|
<a href="https://www.facebook.com" > <img src="image/facebook.png" alt="Facebook" class="liens2"> </a>
|
||
|
|
</section>
|
||
|
|
<header><style type="text/css">
|
||
|
|
h1 {
|
||
|
|
text-align: center ;
|
||
|
|
color: rgb(133, 139, 99);
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<h1> Thomas alves </h1>
|
||
|
|
<img src="image/f1.jpg" title="ma photo" alt="photo de moi" class="bio">
|
||
|
|
<p class="biotxt">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maxime nesciunt odio harum, at nulla adipisci, reprehenderit incidunt quisquam impedit autem dolorum iste? Rem voluptatibus autem eveniet, ipsa assumenda repudiandae quae asperiores consequuntur ea officia et architecto eum impedit commodi laborum recusandae hic! Nesciunt incidunt, dicta unde nobis nemo tenetur praesentium ea provident doloribus beatae eaque, eveniet eos fugiat repellendus odit, accusamus cum possimus?</p>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<h2>Mes informations générales</h2>
|
||
|
|
<section>
|
||
|
|
<article>
|
||
|
|
<h3>Mon parcours scolaire</h3>
|
||
|
|
<p>Lorem ipsum dolor sit amet consectetur <a href="Page Web 2.html"> Lire la suite...</a></p>
|
||
|
|
</article>
|
||
|
|
<article>
|
||
|
|
<h3>Mes activités</h3>
|
||
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi adipisci nemo, earum iure natus maxime laboriosam et ipsam hic cupiditate illo doloremque nesciunt praesentium molestiae nulla repellendus esse assumenda eligendi repellat? Suscipit commodi aspernatur ad doloribus eveniet odit, sint corporis.</p>
|
||
|
|
</article>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<!--<footer>
|
||
|
|
<ul>
|
||
|
|
<li> <a href="https://www.instagram.com"> Instagram </a></li>
|
||
|
|
<li><a href="https://www.youtube.com" > Youtube </a></li>
|
||
|
|
</ul>
|
||
|
|
</footer>
|
||
|
|
ma liste de liens -->
|
||
|
|
</body>
|
||
|
|
</html>
|