85 lines
2.6 KiB
HTML
85 lines
2.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" type="text/css" href="./css/index.css" />
|
|
|
|
<title>assignment a2</title>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<a href="#">home</a>
|
|
<a href="#">about</a>
|
|
<a href="#">contact</a>
|
|
</nav>
|
|
|
|
<div>
|
|
<div>
|
|
<img src="./img/longdog.jpg" alt="long dog" />
|
|
|
|
<div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<h1>churro box</h1>
|
|
<h2>the cutest dog in the world</h2>
|
|
<p>and i really need to think of a new website topic</p>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section>
|
|
<div>
|
|
<img src="./img/churro1.jpg" alt="churro" />
|
|
<img src="./img/churro2.jpg" alt="churro" />
|
|
</div>
|
|
<div>
|
|
<img src="./img/churro3.jpg" alt="churro" />
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div>
|
|
<h3>churro again</h3>
|
|
<h4>more cool pictures of churro</h4>
|
|
<p>
|
|
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores, alias beatae error
|
|
totam maiores animi, iure obcaecati maxime officiis facere repudiandae iusto. Aperiam
|
|
facere tempora laudantium. Suscipit impedit magnam labore. Lorem ipsum, dolor sit amet
|
|
consectetur adipisicing elit. Iure, vitae. Tempora perferendis exercitationem eligendi
|
|
id at eveniet libero consequatur, sint molestias, recusandae suscipit ducimus facilis
|
|
tempore, ratione atque repellendus fugit!
|
|
</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h3>churro again part 2</h3>
|
|
<h4>more cool pictures of churro</h4>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit veniam quam, quisquam
|
|
sit quod corrupti quas! Nesciunt velit exercitationem, quibusdam blanditiis totam,
|
|
nostrum a iure sapiente, voluptates ab harum inventore! Lorem ipsum dolor sit amet
|
|
consectetur adipisicing elit. Laboriosam eaque maiores recusandae dolores adipisci odio
|
|
magnam vel qui. Error eligendi consequatur obcaecati ducimus pariatur provident fuga
|
|
blanditiis quam quos quod.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>keep software free</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|