atomheartmutha.github.io/index.html at master · atomheartmutha/atomheartmutha.github.io · GitHub

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
<!DOCTYPE html>
<html>
 <head>
  <title>About That Chick Called Violet</title>
  <link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" type="text/css" href="styles.css">
 </head>
 <body>
 <div>
  <section>
  <section class=about>
  <header>
    <h1> Violet </h1>
    <h2>About Me</h2>
    <p>I like waffles.</p>
    <img width="160" height="150" src="images/waffle.png" title="WAFFLEZ!">
  </header>
  </section>
<section>
<section class="links stacked">
   <h2><center>Websites that I have an affinity for...</center></h2>
   	<ul class="websites">
   		<li><a href="http://google.com" target="_blank">The Googles</a></li>
   		<li><a href="http://facebook.com" target="_blank">Facebooks</a></li>
   		<li><a href="http://gmail.com" target="_blank">Google Electronic Mail</a></li>
   		<li><a href="http://craigslist.com" target="_blank">Craigs and his List</a></li>
   		<li><a href="http://linkedin.com" target="_blank">Linked In</a></li>
   	</ul>
   	</section>
   	<section>
   	<section class="things stacked">
   	<h2>Things I like to do...</h2>
   	<ol>
   		<li>Sleep</li>
   		<li>Eat</li>
   		<li>Ride the Subway</li>
   		<li>Yell at the TV</li>
   		<li>Kick Ass</li>
   		<li>Take Names</li>
   		<li>Chew Gum</li>
   	</ol>
   	</section>
   	<section>
   	<section class="contact">
   	<h2>CONTACT ME.</h2>
   	<div>
   	<a href="http://www.twitter.com/HireViolet" target="_blank"><img src="images/twitter.png"></a>
   	<a href="https://www.linkedin.com/in/violetskinner" target="_blank"><img src="images/linkedin.png"></a>
   	<a href="mailto:violet@hireviolet.com"><img src="images/email.png"></a>
   	</div>
   	<div>
   	<a href="http://violet.branded.me" target="_blank">THE RESUME.</a>
   	<a href="http://www.HireViolet.com" target="_blank">BLOGS.</a>
   	<a href="https://github.com/atomheartmutha" target="_blank">GIT AT ME.</a>
   	</div>
   	</section>
 </div>
 </body>
</html>