-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
152 lines (140 loc) · 7.09 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
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Nicole Overman | Web Designer & Illustrator</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="My name is Nicole Overman and I'm a Web Designer and Illustrator in the Las Vegas area. I build websites that sell.">
<link rel="stylesheet" href="css/style.css">
<script src="//use.typekit.net/cdn8aiu.js" onload="try{Typekit.load();}catch(e){}" async></script>
<script src="js/min/modernizr-min.js"></script>
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header role="banner">
<div class="container">
<img src="img/header.jpg" srcset="img/header.jpg 1x, img/header.jpg 2x" alt="Nicole Overman, Designer and Illustrator" title="Nicole Overman, Designer and Illustrator" draggable="false">
<!-- <h1>Nicole Overman</h1> -->
<!-- <p>Web Designer • Illustrator</p> -->
</div>
</header>
<main class="cd-main" role="main">
<ul class="cd-gallery">
<li class="cd-item text">
<div>
<h2>About Me</h2>
<img src="img/nicole-overman.png" srcset="img/nicole-overman.png 1x, img/[email protected] 2x" alt="Nicole Overman" title="Nicole Overman" width="138" height="138">
<p>My name is Nicole Overman. My passion is graphic design and illustrating on the web. Design is significant to me but I also enjoy collaborating and coding with developers to make a project exceed.</p>
<p>I’m currently a resident in Las Vegas, Nevada attending Southwest Career and Technical Academy for one last year. On my spare time, I like to relax, draw, clean, socialize, and make things cute.</p>
<img src="img/heart-line.png" srcset="img/heart-line.png 1x, img/[email protected] 2x" alt="Heart Line" title="Heart Line" width="184" height="16" class="heart-line">
</div>
</li>
<li class="cd-item text">
<div>
<h2>Awards</h2>
<ul>
<li>SkillsUSA <span class="gold">Gold</span> Medal - <i>1st place</i> for Web Design (April 2015)</li>
<li>SkillsUSA <span class="silver">Silver</span> Medal - <i>2nd place</i> for Promotional Bulletin Board (March 2014)</li>
</ul>
<h2>Certifications</h2>
<h3>Visual Design Specialist</h3>
<ul>
<li>Graphic Design & Illustration using Adobe Illustrator (April 2014)</li>
<li>Print & Digital Media Publication using Adobe InDesign (April 2014)</li>
<li>Visual Communication using Adobe Photoshop (April 2014)</li>
</ul>
<h3>Web Design Specialist CS6</h3>
<ul>
<li>Rich Media Communication using Adobe Flash® CS6 (January 2015)</li>
<li>Web Authoring using Adobe Dreamweaver CS6 (February 2015)</li>
<li>Visual Communication using Adobe Photoshop CS6 (April 2014)</li>
</ul>
</div>
</li>
<li class="cd-item portfolio-item" id="safety-dog-light">
<a href="#safety-dog-light">
<div>
<h2>Safety Dog Light</h2>
<p>E-commerce website for my father’s business.</p>
<b>Coming Soon</b>
<img id="purple-dog" src="img/purple-dog.png" srcset="img/purple-dog.png 1x, img/[email protected] 2x" alt="Purple Dog" title="Purple Dog" width="72" height="117">
</div>
</a>
</li>
<li class="cd-item portfolio-item">
<a href="cherry-pop-designs.html" class="live">
<div>
<h2>Cherry Pop Designs</h2>
<p>Client Business website.</p>
<b>View More</b>
<img id="brown-squirrel" src="img/brown-squirrel.png" srcset="img/brown-squirrel.png 1x, img/[email protected] 2x" alt="Brown Squirrel" title="Brown Squirrel" width="59" height="99">
</div>
</a>
</li>
<li class="cd-item portfolio-item">
<a href="hip-hop-meets-it.html" class="live">
<div>
<h2>Hip Hop Meets IT</h2>
<p>Website for a local IT Conference.</p>
<b>View More</b>
</div>
</a>
</li>
<li class="cd-item portfolio-item">
<a href="william-shakespeare.html" class="live">
<div>
<h2>William Shakespeare</h2>
<p>Sophomore website project.</p>
<b>View More</b>
</div>
</a>
</li>
</ul> <!-- .cd-gallery -->
<section class="contact">
<h2>Contact Me</h2>
<form action="//formspree.io/[email protected]" method="POST">
<img id="yellow-dog" src="img/yellow-dog.png" srcset="img/yellow-dog.png 1x, img/[email protected] 2x" alt="Yellow Dog" title="Yellow Dog" width="83" height="90">
<input type="text" id="name" placeholder="Name" name="name" required/>
<input type="email" id="email" placeholder="Email" name="_replyto" required />
<textarea id="message" name="message" cols="30" rows="10" placeholder="Message" required></textarea>
<button type="submit">Send</button>
</form>
<img id="sheep" src="img/sheep.png" srcset="img/sheep.png 1x, img/[email protected] 2x" alt="Sheep" title="Sheep" width="84" height="105">
</section>
</main> <!-- .cd-main -->
<footer role="contentinfo">
<p>© <script>document.write(new Date().getFullYear());</script>
| Nicole Overman, Web Design at <a href="http://swcta.net" title="Southwest Career and Technical Academy" target="_blank">Southwest Career and Technical Academy</a></p>
</footer>
<div class="cd-folding-panel">
<div class="fold-left"></div> <!-- this is the left fold -->
<div class="fold-right"></div> <!-- this is the right fold -->
<div class="cd-fold-content">
<!-- content will be loaded using javascript -->
</div>
<a class="cd-close" href="#0"></a>
</div> <!-- .cd-folding-panel -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/picturefill/2.3.1/picturefill.min.js" async></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/min/main-min.js"></script> <!-- Resource jQuery -->
</body>
</html>