generated from Templates_CodeFirst/templateHtmlCss
parent
e9a6e03b42
commit
9939b520ba
@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="Utf-8">
|
||||
<link type="text/css" rel="stylesheet" href="Css.css">
|
||||
<link rel="stylesheet" type="text/css" href="impression.css" media="print">
|
||||
</head>
|
||||
<body>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur accusamus sint aliquid incidunt libero maxime sapiente consectetur nam quidem id eius in qui autem iusto praesentium temporibus, corrupti repellendus ratione deleniti quis corporis! Neque, aspernatur fugit? Culpa libero harum numquam expedita dignissimos sit, labore delectus reprehenderit repudiandae iste quibusdam ratione eos ab cupiditate aperiam suscipit quos saepe exercitationem odit quo vero perferendis deleniti necessitatibus maxime. Suscipit, quidem reprehenderit laboriosam doloremque repellendus delectus incidunt maxime consequuntur sunt id eveniet vero sint cupiditate ut sequi quis voluptates temporibus quod pariatur. Maiores necessitatibus quaerat suscipit beatae soluta quo, voluptas alias consequuntur. Error ab, magnam expedita fugiat porro corrupti ipsam illum officiis hic rerum! <aside><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione perferendis, autem veritatis tenetur explicabo consectetur, debitis qui ducimus nostrum nesciunt repudiandae quae ad repellendus architecto! Perferendis, voluptas ullam sunt earum libero perspiciatis voluptatum mollitia pariatur provident aliquam rem quos labore.</p></aside> Illo, et! Neque ab quasi, earum molestias dolorum sit reprehenderit at incidunt blanditiis similique praesentium deserunt sequi iusto aut error, consectetur consequuntur. Minus aspernatur numquam hic, dicta error id illo architecto dolorum corrupti, fugit odit, quaerat beatae? Quos ut libero exercitationem! Nulla iste beatae molestias saepe iure hic aspernatur nemo laudantium laborum ratione rerum dignissimos maxime, quia modi necessitatibus aliquam repudiandae voluptate quo! Autem, explicabo. Pariatur, incidunt architecto natus tempore cumque ducimus sunt ullam voluptate autem fuga! Quidem libero fugit officiis sit quasi officia nam debitis velit labore eaque eius fuga minus ad, maxime eveniet porro nobis inventore natus quisquam. Ad fuga libero non nobis veritatis dicta quaerat reprehenderit cum maiores facere et beatae quos repellendus ipsam dignissimos, laudantium excepturi obcaecati corporis eveniet earum fugit ipsum accusamus. Veritatis cum odit earum mollitia, laboriosam quasi beatae eius dignissimos id nam voluptatum natus repellendus repellat deleniti vel quam tenetur culpa, incidunt consequatur suscipit fuga. Enim in aspernatur velit exercitationem provident ea voluptatum. Earum labore eaque, nihil vitae rerum nisi. Deserunt vitae numquam sapiente amet enim, magni expedita asperiores recusandae sequi perferendis quod aliquam doloremque quis consequatur corrupti quo provident eveniet voluptatum. Enim voluptatum, quae rem deserunt repudiandae quas dolorum ratione. Quod dolorem consequuntur voluptas accusantium, minima corrupti cumque voluptate amet corporis atque eligendi repellendus fugiat odit natus nulla soluta a voluptatum quasi animi nobis delectus repudiandae sequi? Ipsam veniam ex nobis, quod consequuntur quisquam ullam mollitia, recusandae, similique dolorem optio vel quam id unde iste? Quas mollitia explicabo quibusdam perferendis nihil in ab provident aperiam modi iusto ullam, illo quod ea tempora culpa! Accusantium quo unde consequatur doloremque excepturi nesciunt dolore consequuntur in, harum laudantium dicta ipsum obcaecati modi. Obcaecati sit amet autem sapiente officia ducimus nihil inventore temporibus architecto distinctio dolorum ratione pariatur illum, laboriosam velit, expedita facilis delectus! Quo, perspiciatis sapiente. Voluptates, ad alias sint eos, commodi odio nemo suscipit incidunt sunt quasi velit natus quas odit? Sunt a asperiores repellendus veniam ratione nulla iusto dolor ipsa fugit atque ullam earum, quam, laudantium provident eaque alias enim itaque inventore, quas commodi. Alias repellat voluptates voluptas sequi. Nisi quisquam pariatur in natus laudantium fugiat, repellat, ab tempore tenetur, qui voluptates corrupti dolores. Eius laudantium quidem architecto velit nobis alias commodi minus voluptate eaque tempore accusamus quas voluptas officiis molestiae voluptates, quis nihil facilis ducimus maiores earum numquam expedita inventore nisi repellendus.</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,61 @@
|
||||
<!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>
|
||||
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="Utf-8">
|
||||
<title>Cursus scolaire</title>
|
||||
<link type="text/css" rel="stylesheet" href="Css.css">
|
||||
<link rel="stylesheet" type="text/css" href="impression.css" media="print">
|
||||
</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>
|
||||
<h2>De ma maternelle à mon collège</h2>
|
||||
<p>Lorem ipsum dolor sit amet consectetur <strong> elit</strong>. Nobis sit ea velit autem. Natus, maxime! Voluptatum adipisci, atque minus provident quisquam placeat est repellendus, animi cumque accusantium, suscipit ducimus nisi nobis? Obcaecati perspiciatis amet reprehenderit, hic sunt vero harum. Enim ullam neque labore voluptates assumenda, consectetur alias libero et aliquid officia rem, dolorum cupiditate ipsam, earum harum. Laboriosam, sed quia <strong> amet</strong> eveniet, mollitia dolores at atque culpa tempore accusamus omnis ut maxime eligendi labore fugiat vero sequi officiis odit accusantium cum deserunt adipisci. Minima, corrupti! Id rerum ex non minus ad, repudiandae eos. Nesciunt tenetur ipsum hic inventore adipisci, delectus ad autem modi dolorem pariatur, ab, enim explicabo. Blanditiis, sunt dolor harum dicta beatae culpa atque quis non quia nesciunt ex placeat nam consectetur illo aperiam porro provident! Repellendus ipsa provident vel suscipit. Doloremque officia voluptates autem nobis quisquam, magnam ea. Ab et neque optio cum facilis. Est, magnam, dicta vitae eius eligendi quos beatae sed nemo impedit vero non. Delectus ipsam omnis deleniti beatae voluptatibus, tenetur alias sit provident, commodi nulla repellat temporibus magni vel cumque, similique quam! At:
|
||||
</p>
|
||||
<img src="image/mon_img.jpg" titre="image" alt="image">
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,55 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="Utf-8">
|
||||
<link type="text/css" rel="stylesheet" href="Css.css">
|
||||
<link rel="stylesheet" type="text/css" href="impression.css" media="print">
|
||||
</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>
|
||||
<table class="activities-table">
|
||||
<caption>Activitées extra-scolaire</caption>
|
||||
<tr>
|
||||
<th>Activité</th>
|
||||
<th>Créneaux</th>
|
||||
<th>Image de présentation</th>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="3">Viet vo dao</td>
|
||||
<td>Lundi 20h/22h</td>
|
||||
<td rowspan="3"><img src='image/viet.jpg' alt='rosace'></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Mardi 18h/20h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Vendredi 20h/22h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Badminton</td>
|
||||
<td>Mercredi 13h/15h</td>
|
||||
<td><img src="image/badminton.jpg" alt="logo badminton"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Unss</td>
|
||||
<td>Mercredi 15h/16h</td>
|
||||
<td><img src="image/unss.jfif" alt="logo unss"></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="Utf-8">
|
||||
<link type="text/css" rel="stylesheet" href="Css.css">
|
||||
<link rel="stylesheet" type="text/css" href="impression.css" media="print">
|
||||
</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>
|
||||
<figure>
|
||||
<a class="img" title='Rosace' href="pages_images/image_viet.html" ><img src="image/viet.jpg" alt="rosace du viet vo dao" height="30%" width="30%"></a>
|
||||
<figcaption>Image du symbole de mon art martial</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<a class="img" title="Raquette de badminton" href="pages_images/image_bad.html" ><img src="image/badminton.jpg" alt="image badminton" height="30%" width="30%"></a>
|
||||
<figcaption>Image de badminton</figcaption>
|
||||
</figure>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in new issue