|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<title>Haikus for Mona</title> |
|
<link href="/css/main.css" rel="stylesheet" type="text/css"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
<meta property="og:title" content="Haikus for Mona"> |
|
<meta property="og:description" content="Some of the best haikus you'll ever read about our rescue dog June"> |
|
<meta property="og:image" content="/images/sunlight.jpg"> |
|
</head> |
|
<body> |
|
<h1>Haikus for Mona</h1> |
|
<div> |
|
<% for(var i=0; i < haikus.length; i++) { %> |
|
<img |
|
class="mona-images" |
|
src="images/<%= haikus[i].image %>" /> |
|
<div |
|
class="haiku-containers"> |
|
<p |
|
class="haikus" |
|
><%- haikus[i].text %></p> |
|
</div> |
|
<% } %> |
|
</div> |
|
</html> |
