<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/reset.css">
<link rel="stylesheet" href="assets/styles.css">
<link rel="stylesheet" href="assets/landing.css">
<title>Document</title>
</head>
<body>
<div class="main-container">
<div class="landing-row">
<div class="headers">
<div class="header-box">
<div class="main-header top">
<h1>Seeing</h1>
</div>
<div class="sub-header">
<ul class="simple-lines">
<li>Arianna Green</li>
<li>Technology for Design II</li>
<li>Graphic Design</li>
<li>The Design School</li>
<li>Arizona State University</li>
</ul>
</div>
</div>
<div></div>
<div class="header-box" style="flex: 1 1 auto;">
<div class="main-header bottom">
<div style="height: 2rem"></div>
<h2>Rhythms</h2>
</div>
<div class="sub-header">
<ul class="simple-lines">
<li><a href="teja.html">Teja Spanish Website</a></li>
<li><a href="#">First Code Project</a></li>
<li><a href="#">Motion Graphic</a></li>
<li><a href="#">Phoenix Library Redesign</a></li>
<li><a href="#">Far From App</a></li>
<li><a href="#">PS Aid</a></li>
</ul>
<div style="flex: 1 1 auto"></div>
</div>
</div>
<div class="bottom-banner"></div>
<div style="flex: 1 1"></div>
</div>
<div class="color-stack" style="flex: 1 0 auto;">
<div class="top"></div>
<div class="color-bar yellow">
<div style="width: 6rem;"></div>
</div>
<div class="color-bar pink">
<div style="width: 9rem;"></div>
</div>
<div class="color-bar tan">
</div>
<div class="color-bar pink">
<div style="width: 3rem;"></div>
</div>
<div class="color-bar tan">
<div style="width: 9rem;"></div>
</div>
<div class="bottom">
<div style="width: 3rem"></div>
</div>
</div>
</div>
</div>
</body>
</html>
