styling, fixes for resources, accessibility

This commit is contained in:
2021-11-06 12:08:43 -05:00
parent fb98e7b498
commit 05130b6ee8
3 changed files with 63 additions and 5 deletions

View File

@@ -2,18 +2,43 @@
<html>
<head>
<title></title>
<link src="style.css" rel="stylesheet">
<link rel="stylesheet" href="Resources/css/style.css">
</head>
<body>
<header>
<h1>Discover hidden places around the world around you</h1>
<aside>
<p id="download-excursion">Download Excursion (Coming soon!)</p>
<p class="download">Download Excursion (Coming soon!)</p>
</aside>
</header>
<video controls>
<source src="excursion.mp4" type="video/mp4">
<video controls autoplay muted>
<source src="Resources/excursion.mp4" type="video/mp4">
<p>Video not supported :(</p>
</video>
<article>
<h1 class="section-header">Your personal travel guide</h1>
<p id="article-paragraph">Excursion remembers places you like, and recommends new points of interest around you.</p>
<figure>
<img src="Resources/camp.webp" />
<figcaption>A yellow tent placed in a rocky desert landscape at dusk.</figcaption>
</figure>
</article>
<figure>
<img src="Resources/phone.webp" />
<figcaption>2D artistic rendering of a smartphone in all white detail</figcaption>
</figure>
<footer>
<h1 class="section-header">Coming Soon for iPhone and Android</h1>
<p class="download">Download Excursion (Coming soon!)</p>
</footer>
<aside id="copyright">
<p>&copy; Excursion</p>
</aside>
</body>
</html>