webdevh2.1

<!-- oefening 1 -->

<!DOCTYPE html>
<html lang="nl">

	<head>
	  <meta name="description" content="Koop hier al uw producten online!">
	  <meta name="keywords" content="Product 1, Product 2">
	  <meta name="author" content="PTH">
	  <title>Webwinkel</title>
	</head>

	<body>

		<h1 style="color:blue; font-weight: bold;">Menu</h1>

		<p>Maak een keuze:</p>

		<ul>
			<li>
				<a href="#">Home</a>
			</li>
			<li>
				<a href="klanten.html">Klanten</a>
			</li>
			<li>
				<a href="bestellingen.html">Bestellingen</a>
			</li>
		</ul>

	</body>

</html>

Download hier het bestand.
<!-- oefening 2 -->

<!DOCTYPE html>
<html lang="nl">

	<head>
	  <title>Klanten</title>
	</head>

	<body>
	
		<h1 style="color:blue; font-weight: bold;">Klanten</h1>

		<a href="index.html">< Terug</a>
		
		<br><br>
		
		<img src="../afbeeldingen/klanten.jpg" alt="Afbeeldingen klanten" />

	</body>

</html>

Download hier het bestand.
<!-- oefening 3 -->

<!DOCTYPE html>
<html lang="nl">

	<head>
	  <title>Bestellingen</title>
	</head>

	<body>
	
		<h1 style="color:blue; font-weight: bold;" id="top">Bestellingen</h1>

		<a href="index.html">< Terug</a>
		
		<ul>
			<li>
				<a href = "#bestel1">Bestelling 1</a>
			</li>
			<li>
				<a href = "#bestel2">Bestelling 2</a>
			</li>
			<li>
				<a href = "#bestel3">Bestelling 3</a>
			</li>
			<li>
				<a href = "#bestel4">Bestelling 4</a>
			</li>
			<li>
				<a href = "#bestel5">Bestelling 5</a>
			</li>
		</ul>
		
		<h2>Bestelling 1</h2>
		
		<p id="bestel1">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis sem arcu. In convallis convallis neque, et aliquet ex hendrerit vel. Curabitur rhoncus libero eget sodales consectetur. Phasellus at nisi fermentum, feugiat leo nec, laoreet lorem. Pellentesque sed nulla consectetur, feugiat odio ac, aliquam sapien. Maecenas vehicula dapibus blandit. Proin ut ante ac massa pulvinar volutpat. Etiam tempor eleifend porta. Nunc et lectus in risus posuere congue vitae sit amet massa. Quisque ultrices euismod hendrerit. Integer sed quam ac dui molestie consequat. Integer nulla ligula, dictum nec ligula ut, finibus eleifend ipsum. Fusce at ante justo. Pellentesque neque odio, finibus porttitor felis quis, viverra tincidunt mauris. Phasellus imperdiet nunc sit amet erat suscipit, in interdum leo maximus.
		</p>
		
		<h2>Bestelling 2</h2>
		
		<p id="bestel2">
			Duis luctus ipsum sollicitudin pellentesque varius. In gravida euismod neque, ultrices molestie nulla euismod quis. Donec condimentum ante eget massa accumsan gravida. Praesent at neque vel libero egestas tincidunt. Donec vehicula id magna nec placerat. Maecenas at mollis felis, a volutpat tellus. Mauris quis arcu purus. Ut arcu ipsum, tincidunt non libero eu, tincidunt mattis neque. Maecenas ultrices sit amet dui non rhoncus. Curabitur sodales lectus ut erat ornare efficitur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam elementum sem at quam cursus, sed fermentum turpis semper. Vestibulum tristique turpis ac commodo pulvinar. Vivamus dignissim accumsan dui nec molestie. Vivamus varius leo vitae lacinia tincidunt. Ut varius pharetra augue, eu gravida leo porttitor ac.
		</p>

		<h2>Bestelling 3</h2>
		
		<p id="bestel3">
			Vivamus ultricies metus sit amet nibh lobortis, non convallis libero bibendum. Nam imperdiet faucibus consectetur. Praesent a libero nulla. Suspendisse fermentum luctus velit, porttitor consectetur arcu porta sed. Cras a consequat diam. Quisque auctor gravida elementum. In fringilla ultricies mauris et faucibus.
		</p>

		<h2>Bestelling 4</h2>
		
		<p id="bestel4">
			Etiam egestas eros est. Fusce vel felis vel arcu tristique luctus at vitae eros. Morbi nec diam augue. Nullam nec sodales libero, eu faucibus enim. Ut pellentesque ultricies interdum. Donec interdum urna eget orci luctus condimentum. Nunc vitae lectus eleifend, tempor tellus id, tincidunt sem. Pellentesque dignissim tortor sed ligula malesuada, a cursus nibh hendrerit. Vestibulum sollicitudin nunc eget dictum ultricies. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque leo tortor, dictum nec pulvinar sed, faucibus sit amet elit. Aliquam congue et ligula nec aliquet. In vitae mollis justo. Maecenas justo nisi, malesuada id metus eu, tincidunt convallis nisi.
		</p>
		
		<h2>Bestelling 5</h2>
		
		<p id="bestel5">
			Sed ac accumsan lectus, vel hendrerit elit. Donec commodo massa eu nibh posuere, et mattis lectus tristique. Cras enim arcu, hendrerit eget mollis sit amet, vestibulum in tortor. Nulla facilisi. Sed nisi elit, rhoncus in purus a, sollicitudin laoreet tellus. Donec urna diam, volutpat finibus sagittis et, accumsan eget libero. Nunc lacus magna, porttitor id felis lobortis, fermentum laoreet nulla. Nunc congue nisi eu dui interdum, a ornare erat ultrices. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque vulputate felis vel turpis tempus, ut posuere lacus consectetur. Morbi at turpis tempor, vestibulum tortor ut, sagittis nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur in viverra est. Nam viverra augue vitae varius suscipit.
		</p>
		
		<a href = "#top">Terug naar boven</a>
		
		<p>bron: <a href="https://nl.lipsum.com"> https://nl.lipsum.com </a></p>

	</body>

</html>

Download hier het bestand.