-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
43 lines (43 loc) · 2.15 KB
/
index.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
<!-- You're welcome to change any of this! -->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- stylesheets and metadata go here -->
<title>My CS130 Homepage</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- HTML content tags go here. Change anything you want! -->
<header>
<h1>My CS130 Homepage</h1>
</header>
<main>
<div class="container">
<section id="tutorials">
<img src="img/light.ico">
<h2>Tutorials</h2>
<a href="/tutorial01/index.html">Tutorial 1</a><br/>
<a href="tutorial03/index.html">Tutorial 2</a>
</section>
<section id="homework">
<img src="img/favicon.ico">
<h2>Homework</h2>
<a href="hw01/01_cssgrid/index.html">Homework 1 -- CSS Grid</a><br/>
<a href="hw01/02_flexbox/index.html">Homework 1 -- Flexbox</a><br/>
<a href="hw02/index.html">Homework 2</a><br/>
<a href="hw03/index.html">Homework 3</a><br/>
<a href="hw04/your_task/index.html"> Homework 4</a><br/>
</section>
<section id="inspiration">
<img src="img/crayon.ico">
<h2>Design Inspiration</h2>
<a href="https://dribbble.com/shots/15532235-Nike-Air-Max-Pixel">Nike Air Max Pixel</a> -- love the pixelated design. <br/>
<a href="https://dribbble.com/shots/15526803-Dreamer-Mode">Dreamer Mode</a> -- want to build something cinematic and non-traditional like this.<br/>
<a href="https://dribbble.com/shots/15529763-Saga-becomes-Metacarbon">Metacarbon</a> -- feels very trustworthy. <br/>
<a href="https://dribbble.com/shots/15529652-Logo-architectural-bureau>">Logo</a> -- screams culture to me. <br/>
<a href="https://dribbble.com/shots/15526652-Design-System-Blueprint">Grid</a> -- technical competence.
</section>
</div>
</main>
</body>
</html>