-
Notifications
You must be signed in to change notification settings - Fork 0
/
prototypes.html
55 lines (47 loc) · 2.36 KB
/
prototypes.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Feast and Wonder</title>
<link rel="stylesheet" href="styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<div class="skip-to-main">
<a href="#main">Skip to main content</a>
</div>
<nav class="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="seoul.html">Seoul</a></li>
<li><a href="paris.html">Paris</a></li>
<li><a href="visuals.html">Visuals</a></li>
<li><a href="prototypes.html">Prototypes</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<nav class="breadcrumbs"> <!--installing breadcrumbs for usability and accessibility purposes.-->
<ul>
<li><a href="index.html">Home</a></li>
<li>Prototypes</li>
</ul>
</nav>
</header>
<main id="main">
<section class="grid-second">
<h1 class="city-name">Visual Design Assignment 2</h1>
<p>Submission</p>
<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2F0yj7AYh13TEDvuZf36twnm%2FShelves%3Ftype%3Ddesign%26node-id%3D0%253A1%26mode%3Ddesign%26t%3DMP1p0VUtuMkwUqum-1" allowfullscreen></iframe>
<div class="flexbox-container-3"> <!--Creating a div to style the layout in css-->
<div class="image-container-3"> <!--providing width and height for loading space and alt text for accessibility-->
<img id="reader" src="prototypes/E-Reader-HomePage.png" width="430" height="1538" alt="Hifi prototype of an e-reader app's homepage">
<img id="page" src="prototypes/E-reader-ReadingPage.png" width="430" height="3722" alt="Hifi prototype of an e-reader app's reading page">
<img id="website" src="prototypes/Website-HomePage.png" width="1512" height="4322" alt="Hifi prototype of a website's homepage">
<img id="gif" src="prototypes/GIF-final.gif" width="1920" height="480" alt="Gif">
</div>
</div>
</section>
</main>
</body>
</html>