resume.html

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>STEPHEN COPELAND</title>
    <link rel="stylesheet" href="css/foundation.css" />
    <link rel="stylesheet" href="css/additional.css" />
	<link rel="stylesheet" href="css/normalize.css"/>
	
	
		
  </head>
  
  <body>
  <script src="js/vendor/jquery.js"></script> 
    <script src="js/vendor/fastclick.js"></script>
    <script src="js/foundation.min.js"></script>
	<div class="contain-to-grid sticky">
		<nav class="top-bar" data-topbar>
			<ul class="title-area">
				<li class="name">
					<h1><a href="index.html">Stephen Copeland</a></h1>
				</li>
				<li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
			</ul>
			<section class="top-bar-section">
				<ul class="right">
					<li><a href="projects.html">Projects</a></li>
					<li><a href="education.html">Education</a></li>
					<li><a href="Volunteering.html">Volunteering</a></li>
					<li><a href="resume.html">Resume</a></li>
				</ul>
			</section>
		</nav>
		
		
		
	
	</div>
	<div class="row">
		<div class="large-1 columns">
			<!--<img src="img/StephenPic.jpg"/>-->
			<br>
		</div>
		<div class="large-6 columns">
			<iframe width="800" height="2000" style="border:none" src="https://docs.google.com/document/d/1CnuKCEbM4xyPxwJW0uhA8ZeXv6deAQQh41Q_lskfmFw/pub?embedded=true"></iframe>
		</div>
		<div class="large-3 columns"><br></div>
	</div>
	
	  <script>
      $(document).foundation({
        tab: {
          callback: function(tab) {
            console.log(tab);
          }
        }
      });
      </script>
   </body>
  </html>