-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
74 lines (64 loc) · 3.5 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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Brittany Mazza</title>
<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
</head>
<body>
<div class="container clearfix">
<div class="grid_4">
<img src="img/sluggie.png" alt="Sluggie the Banana Slug" width=200px>
</div>
<div class="grid_8 omega">
<ul class="nav">
<li><a href="#">About Me</a></li>
<li class="last"><a href="#">Contact Me</a></li>
</ul>
</div>
<div id="intro" class="grid_9">
<h1>24 year old gal living in Southern California not too far from the beach that enjoys spending time with her family, the boyfriend, her friends and her dogs.</h1>
<p><a href="https://www.facebook.com/brittany.mazza" class="btn">Check out her facebook!</a></p>
</div>
<div class="grid_3 omega">
<img src="img/SelfPicture.jpg" alt="Picture of Brittany" width=233>
</div>
<div id="quirk" class="grid_7">
<h2>Her Quirk</h2>
<p>Brittany's quirk is that she is extremely unathletic and captained two kickball teams (named Buffy the Ball Slayer and Breaking Balls after a couple of shows she enjoys).</p>
<img src="img/BuffytheBallSlayer.jpg" alt="Kickball team Buffy the Ball Slayer" width=555>
<img src="img/BreakingBalls.jpg" alt="Kickball team Breaking Balls" width=555>
</div>
<div id="loves" class="grid_5 omega">
<h2>Her Loves</h2>
<p>Brittany's most adorable loves ever are her dog friends, Benson and Milo (Benson's the black one and Milo's the grey one). </p>
<img src="img/Benson.jpg" alt="Benson" height=370>
<img src="img/Milo.jpg" alt="Milo" width=275>
</div>
<div class="grid_7">
<h2>Here's some Hippie Ipsum for you</h2>
<p>Awareness didgeridoo sound healing, saturn return om. Equinox third eye flax seed crackers, ganesh native american ancestry. Mendo dreamwork as we honor, enneagram tantra fertility awareness discovering valuable truths kefir transformative. Lucid dreaming jasmine float tank radical acceptance spinal awareness, visualization practices mala beads embodied. Downward dog gestalt radiant, free tibet mystic. Namaste. </p>
<p><a href="#" class="btn-small">Read More</a></p>
</div>
<div class="grid_5 omega">
<h2>Get in contact with Brittany!</h2>
<div id="contact">
<p>Call: <span>1-555-BRI-TTAN</span><br>
Email: <a href="#">[email protected]</a></p>
</div>
<a href="http://www.facebook.com/SmellsLikeBakin"><img src="img/facebook.png" alt="Facebook"></a>
<a href="https://plus.google.com/u/0/+BrittanyMazza/"><img src="img/googleplus.png" alt="Google Plus"></a>
<a href="http://www.last.fm/user/bmazza555"><img src="img/lastfm.png" alt="Last FM"></a>
<a href="http://www.linkedin.com/profile/view?id=262355387"><img src="img/linkedin.png" alt="Linked In"></a>
<a href="http://www.pinterest.com/bmahtzuh/"><img src="img/pinterest.png" alt="Pinterest"></a>
<a href="http://codingchallenges.tumblr.com/"><img src="img/tumblr.png" alt="Tumblr"></a>
</div>
<div id="copyright" class="grid_12">
<p>© 2013 Brittany Mazza. All Rights Reserved.</p>
</div>
</div>
</body>
</html>