more nav items, more mobile-friendly and left-aligned. added content to about

index.html

@@ -6,7 +6,7 @@
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/basscss/7.0.0/css/basscss.css" />
 		<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
 		<style>
-			body {font-family: 'Open Sans', sans-serif}
+			body {font-family: "Open Sans", sans-serif}
 			.h0 {font-size: 30pt;}
 		</style>
     </head>
@@ -15,24 +15,40 @@
 
 		<div id="container" class="m2">
 
-			<header class="m2">
 
-				<div class="h0 bold left">
-					Zev Averbach
+			<header class="m2 clearfix">
+
+				<div class="h0 bold">
+					<a href="/" style="text-decoration: none; color: inherit;">Zev Averbach</a>
 				</div>
 
-				<nav class="right clearfix ml1 mt1 white bg-white"> 
-					<div class="sm-col">
-						<a href="/" class="btn py2 bg-blue">Home</a>
-						<a href="/" class="btn py2 bg-green">About</a>
-						<a href="/" class="btn py2 bg-red">Projects</a>
-						<a href="/" class="btn py2 bg-yellow">Blog</a>
+				<nav class="white bg-white"> 
+					<div id="nav">
+						<a href="/" class="btn btn-primary not-rounded py2" style="background-color: rgba(0,116,217, .4); color: rgba(255, 255, 255, .5);">About</a>
+						<a href="/projects" target="_blank" class="btn btn-primary not-rounded py2 bg-green">Projects</a>
+						<a href="https://www.linkedin.com/in/zev-averbach-964572156/" target="_blank" class="btn btn-primary not-rounded py2 bg-yellow">LinkedIn</a>
+						<a href="https://github.com/zevaverbach" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
+						<!--<a href="/" class="btn py2 bg-yellow">Blog</a>-->
 					</div>
 
 				</nav>
 
 			</header>
 
+
+			<div id="content" class="clear h2 m2 sm-col sm-col-8 md-col-7 lg-col-6">
+
+				<img src="zev.jpeg" class="left circle m2 mr3" style="height: 10em;">
+
+				<p>Hi, my name is Zev.  I live in the Northeast of the United States.</p>
+
+				<p>I love to help small businesses solve their worst headaches through technology.  <a href="/projects">Here</a> are a few projects I've completed to that effect.</p>
+				
+				<p>I also love contributing to open source software, as you can see on <a href="https://github.com/zevaverbach/" target="_blank">my Github timeline</a>.  </p>
+
+			</div>
+
+
 		</div>
 
     </body>