-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathillustration.html
89 lines (71 loc) · 2.52 KB
/
illustration.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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Ryan Walker | Illustration | Portfolio</title>
<!-- CSS -->
<!-- CSS Normalize -->
<link rel="stylesheet" href="_css/normalize.css">
<!-- Styles to use for small screens, such as phones -->
<link rel="stylesheet" media="screen and (max-width:480px)" href="_css/_illustration/phoneI.css">
<!-- Styles to use for medium screens, such as tabletsd -->
<link rel="stylesheet" media="screen and (min-width:481px) and (max-width:800px)" href="_css/_illustration/tabletI.css">
<!-- Styles to use for larger screens, such as laptops or desktops -->
<link rel="stylesheet" media="screen and (min-width:801px)" href="_css/_illustration/stylesI.css">
</head>
<body>
<div id="banner">
<header role="banner">
<a href="illustration.html" title="home" id="home">
<h1>Ryan Walker</h1>
<h2>illustrator</h2>
</a>
<nav role="navigation" class="links">
<ul>
<li><a href="/calculator/">contact</a></li>
<li><a href="/" title="About me" id="aboutButton">about</a></li>
</ul>
</nav>
<div id="aboutContent">
<p>Welcome to my website. My name is Ryan Walker and I am a graphic designer working in Cleveland, OH. In this section you will find examples of professional work I have done. To see some light-hearted personal illustration work I've done click the link below:</p>
<br>
<a href="index.html" title="Graphic Design">graphic design</a>
</div>
</header>
</div>
<div id="mainWrapper">
<!-- GNOME -->
<section class="work">
<img src="_images/_illustration/gnome.jpg"></img>
</section>
<!-- MAN SHELL -->
<section class="work">
<img src="_images/_illustration/man_shell.jpg"></img>
</section>
<!-- MAGICIAN -->
<section class="work">
<img src="_images/_illustration/magician.jpg"></img>
</section>
<!-- SPELL -->
<section class="work">
<img src="_images/_illustration/spell.jpg"></img>
</section>
<!-- LONER -->
<section class="work">
<img src="_images/_illustration/loner.jpg"></img>
</section>
<!-- CRANE -->
<section class="work">
<img src="_images/_illustration/crane.jpg"></img>
</section>
<!-- DUCK -->
<section class="work">
<img src="_images/_illustration/duck_pond.jpg"></img>
</section>
<!-- RETURN TO TOP -->
<footer>
<a href="#mainWrapper">return to top</a>
</footer>
</div> <!-- mainWrapper -->
</body>
</html>