Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
executable file 301 lines (253 sloc) 12.6 KB
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Amber Agard</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.anythingslider.min.js"></script>
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="js/jquery-nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js" ></script>
<script type="text/javascript" src="js/jquery.ascensor.js"></script>
<script type="text/javascript" src="js/jquery.functions.js"></script>
<script type="text/javascript" src="js/jquery-succes.js"></script>
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="css/stylesheet.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/colorbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/anythingslider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/nivoslider.css" type="text/css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Dosis:400,600,700' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css' />
</head>
<body>
<div id="overlay">
<div id="popup">
<h3>Success!</h3>
Mail has been sent.
</div>
</div>
<div id="house">
<div><!-- Etage1-->
<div class="wrapper">
<div class="logo"><a class="maisonLink2" href="#maison3" rel="section">Amber Agard</a></div>
<div class="menu">
<ul>
<li>Home</li>
<li><a class="maisonLink0" href="#maison1" rel="section">About</a></li>
<li><a class="maisonLink1" href="#maison2" rel="section">Contact</a></li>
</ul>
</div>
<div class="clear"></div>
<div class="content_container">
<ul id="slider">
<li class="slide1">
<!-- linkerkant -->
<div class="col_1_big">
<!-- item 1 -->
<div class="item square">
<!-- <div class="text text_1">Multi-Panel</div> -->
<a href="images/slide1/1-full.jpg"><img src="images/slide1/1.jpg" alt="image 1"></a>
</div>
<!-- item 2 -->
<div class="item horizontal">
<!-- <div class="text text_1">Screen Printing</div> -->
<a href="images/slide1/3-full.jpg"><img src="images/slide1/3.jpg" alt="image 2"></a>
</div>
<!-- item 3 -->
<div class="item horizontal">
<!-- <div class="text text_1">Flexible Packaging</div> -->
<a href="images/slide1/4-full.jpg"><img src="images/slide1/4.jpg" alt="image 4"></a>
</div>
<!-- item 4 -->
<div class="item square">
<!-- <div class="text text_1">Multi-Panel</div> -->
<a href="images/slide1/2-full.jpg"><img src="images/slide1/2.jpg" alt="image 5"></a>
</div>
</div>
<!-- rechterkant -->
<div class="col_2_big">
<!-- item 5 -->
<div class="item vertical">
<!-- <div class="text text_1">Display Graphics</div> -->
<a href="images/slide1/5-full.jpg"><img src="images/slide1/5.jpg" alt="image 3"></a>
</div>
</div>
</li>
<li class="slide2">
<!-- linkerkant -->
<div class="col_1">
<!-- item 1 -->
<div class="item horizontal">
<!-- <div class="text text_1">Photography</div> -->
<a href="images/slide2/1-full.jpg"><img src="images/slide2/1.jpg" alt="image 2" /></a>
</div>
<!-- item 2 -->
<div class="item horizontal">
<!-- <div class="text text_1">Photography</div> -->
<a href="images/slide2/2-full.jpg"><img src="images/slide2/2.jpg" alt="image 4" /></a>
</div>
</div>
<!-- midden -->
<div class="col_2">
<!-- item 3 -->
<div class="item vertical">
<!-- <div class="text text_1">Magazine Cover</div> -->
<a href="images/slide2/3-full.jpg"><img src="images/slide2/3.jpg" alt="image 3" /></a>
</div>
</div>
<!-- rechterkant -->
<div class="col_3">
<!-- item 4 -->
<div class="item square">
<!-- <div class="text text_1">Marketing Brochure</div> -->
<a href="images/slide2/4-full.jpg"><img src="images/slide2/4.jpg" alt="image 1" /></a>
</div>
<!-- item 5 -->
<div class="item square">
<!-- <div class="text text_1">Marketing Brochure</div> -->
<a href="images/slide2/5-full.jpg"><img src="images/slide2/5.jpg" alt="image 2" /></a>
</div>
</div>
</li>
<li class="slide3">
<!-- linkerkant -->
<!-- midden -->
<div class="col_2">
<!-- item 1 -->
<div class="item vertical">
<!-- <div class="text text_1">Photography</div> -->
<a href="images/slide3/1-full.jpg"><img src="images/slide3/1.jpg" alt="image 3" /></a>
</div>
</div>
<!-- rechterkantl -->
<div class="col_2">
<!-- item 3 -->
<div class="item vertical">
<!-- <div class="text text_1">folklore</div> -->
<a href="images/slide3/2-full.jpg"><img src="images/slide3/2.jpg" alt="image 3" /></a>
</div>
</div>
<div class="col_3">
<!-- item 3 -->
<div class="item vertical">
<a href="images/slide3/3-full.jpg"><img src="images/slide3/3.jpg" alt="image 3" /></a>
</div>
</div>
<div class="col_4">
<!-- item 3 -->
<div class="item vertical">
<a href="images/slide3/4-full.jpg"><img src="images/slide3/4.jpg" alt="image 3" /></a>
</div>
</div>
</li>
</ul>
</div>
<div class="footer">&copy; Copyright 2012 Minifolio - Design by Freshcreations.nl</div>
</div>
</div>
<div><!-- Etage2-->
<div class="wrapper">
<div class="logo"><a class="maisonLink2" href="#maison3" rel="section">Amber Agard</a></div>
<div class="menu">
<ul>
<li><a class="maisonLink2" href="#maison3" rel="section">Home</a></li>
<li>About</li>
<li><a class="maisonLink1" href="#maison2" rel="section">Contact</a></li>
</ul>
</div>
<div class="clear"></div>
<div class="content_container">
<div class="image">
<img src="images/contact/contact1.jpeg" alt="contact 1" />
</div>
<div class="red">
<h2>About</h2>
<h3>Hi, I'm Amber!</h3>
<p>
I have a B.S. degree in Graphic Communications from Clemson
University. I specialize in print production, production planning,
and pre-press. I have recently relocated to San Francisco and I am
looking for the perfect opportunity to further my career.
</p>
</div>
<div class="green">
<h2>Skills</h2>
<div class="stars_5 skills">InDesign</div>
<div class="stars_5 skills">ArtPro</div>
<div class="stars_4 skills">Photoshop</div>
<div class="stars_4 skills">Illustrator</div>
</div>
<div class="blue">
<h2>Resume</h2>
<ul id="slider2">
<li>
<div class="resume">
<h3>Graphics Coordinator/Prepress Technician/Production Planning</h3>
<p>Made plates, one-ups, and full-form layouts for board work in prepress</p>
<p>Enter jobs into Oracle once they are complete</p>
</div>
<div class="label">2010-2011</div>
</li>
</ul>
</div>
</div>
<div class="footer">&copy; Copyright 2012 Minifolio - Design by Freshcreations.nl</div>
</div>
</div>
<div class="contact"><!-- Etage3-->
<div class="wrapper">
<div class="logo"><a class="maisonLink2" href="#maison3" rel="section">Amber Agard</a></div>
<div class="menu">
<ul>
<li><a class="maisonLink2" href="#maison3" rel="section">Home</a></li>
<li><a class="maisonLink0" href="#maison1" rel="section">About</a></li>
<li>Contact</li>
</ul>
</div>
<div class="clear"></div>
<div class="content_container">
<div class="googlebg">
<iframe width="277" height="445" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=2811+Gough+St+San+Francisco+CA+94123&amp;ie=UTF8&amp;hq=&amp;hnear=2811+Gough+St+San+Francisco+CA+94123&amp;gl=us&amp;t=m&amp;z=14&amp;ll=37.799169,-122.427494&amp;output=embed"></iframe>
</div>
<div class="white">
<h2>Lets get in touch</h2>
<p>If you are interested in hiring me, or you just want to say "Hi", you can send me a message below.</p>
<form method="post" action="http://amberagard.wufoo.com/forms/z7x3x5/" target="the-iframe" id="contactForm">
<input type="hidden" id="idstamp" name="idstamp" value="HpLtlcaV/q2eAWvS3RlOnSH1DXpZRX0sFbquGNGSIQE=" />
<input type="text" name="Field3" value="Name" class="input placeholder" />
<input type="text" name="Field4" value="Email" class="input placeholder" />
<textarea rows="10" cols="5" name="Field5" class="input placeholder">Message...</textarea>
<input type="submit" value="Send" class="button" />
<!-- <input type="text" name="name" value="Name" class="input" />
<input type="text" name="email" value="Email" class="input" />
<textarea rows="10" cols="5" name="Field5" class="input">Message...</textarea>
<input type="submit" value="Send" class="button" value="saveForm" />
--> </form>
<iframe src="http://amberagard.wufoo.com/forms/z7x3x5/" height="0" width="0" name="the-iframe"></iframe>
</div>
<div class="mid">
<div class="purple">
<h2>Contact info</h2>
<h3>2811 Gough St #4</h3>
<h3>San Francisco, CA 94123, United States</h3>
<p><span class="label">Mobile</span><span class="input">+(912) 398-8086</span></p>
<p><span class="label">E-mail</span><span class="input">amber.n.agard@gmail.com </span></p>
<p><span class="label">Website</span><span class="input">www.amberagard.com</span></p>
</div>
<div class="lightblue">
<h2>Social</h2>
<ul>
<li><a href="http://www.facebook.com/AmberAgard" target="_blank"><img src="images/icons/icon_facebook.png" alt="facebook" /></a></li>
<li><a href="http://twitter.com/AmberAgard" target="_blank"><img src="images/icons/icon_twitter.png" alt="twitter" /></a></li>
<li><a href="http://www.linkedin.com/pub/amber-agard/1a/2b8/933" target="_blank"><img src="images/icons/icon_linkedin.png" alt="linkedin" /></a></li>
</ul>
</div>
</div>
</div>
<div class="footer">&copy; Copyright 2012 Minifolio - Design by Freshcreations.nl</div>
</div>
</div>
</div>
</body>
</html>