Skip to content

Instantly share code, notes, and snippets.

@styliii

styliii/index.html

Created October 2, 2012 23:12
Show Gist options
  • Save styliii/3823897 to your computer and use it in GitHub Desktop.
Save styliii/3823897 to your computer and use it in GitHub Desktop.
Download ZIP
other people's bios
Raw
index.html
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Flatiron School - Developing Professionals</title>
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link type="text/plain" rel="lol" href="/humans.lol/">
<link href="css/style.css" type="text/css" rel="stylesheet">
<link href="css/prettyPhoto.css" type="text/css" rel="stylesheet">
<link href="css/tipsy.css" type="text/css" rel="stylesheet">
<link href="css/liouyang_index.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/libs/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="js/libs/modernizr-1.7.min.js"></script>
<script type="text/javascript" src="js/libs/css3-mediaqueries.js"></script>
<script type="text/javascript" src="js/libs/jquery.easing.1.2.js"></script>
<script type="text/javascript" src="js/libs/jquery.visualNav.min.js"></script>
<script type="text/javascript" src="js/libs/jquery.tipsy.js"></script>
</head>
<body>
<div id="page">
<header id="header">
<div class="center">
<nav id="main-menu">
<ul>
<li class="site-title" style="font-size: 3em; padding-bottom: 10px">The Flatiron School</li>
</ul>
<ul>
<li><a class="menu" href="http://flatironschool.com/#home">About</a></li>
<li><a class="menu" href="http://flatironschool.com/#program">The Program</a></li>
<li><a class="menu" href="http://flatironschool.com/#profile">Graduate Profile</a></li>
<li><a class="menu" href="http://flatironschool.com/#sponsor">Get Involved</a></li>
<li><a href="http://eepurl.com/nTXCr" target="_blank" style="color: red">&#10029; Apply &#10029;</a></li>
<li><a class="menu" href="http://flatironschool.com/#people">Our People</a></li>
<li><a class="menu" href="http://flatironschool.com/#faq">FAQ</a></li>
<li><a class="menu" href="http://flatironschool.com/#contact">Get In Touch</a></li>
<li><a href="http://blog.flatironschool.com">Weblog</a></li>
</ul>
</nav>
<ul id="filter" class="mobile-ipad-menu">
<li id="top"><a class="top-link">Home</a>
<ul id="controls">
<li><a href="http://eepurl.com/nTXCr" class="visualNav menu">Apply</a></li>
<li><a href="http://flatironschool.com/#home" class="visualNav menu">About</a>
<!-- <li><a href="http://flatironschool.com/#philosophy" class="visualNav">Philosophy</a></li> -->
<li><a href="http://flatironschool.com/#program" class="visualNav menu">The Program</a></li>
<li><a href="http://flatironschool.com/#sponsor" class="visualNav">Get Involved</a></li>
<li><a href="http://flatironschool.com/#faq" class="visualNav">FAQ</a></li>
<li><a href="http://flatironschool.com/#people" class="visualNav menu">Our People</a></li>
<li><a href="http://flatironschool.com/#contact" class="visualNav menu">Get In Touch</a></li>
<li><a href="http://blog.flatironschool.com">Weblog</a></li>
</ul>
</li>
</ul>
<div class="clear"></div>
</div>
</header>
<section id="about" class="about-us content">
<div class="center">
<h1 id="intro" style="padding-top: 20px">
Every story has many heroes. We're 20 people learning to love code.
</h1>
<!-- <h2 class="title"><span>The Heroes</span></h2> -->
<div class="columns">
<div class="one_third">
<a href="davidbaker.html"><img class="person" src="images/thumbnail_davidbaker.jpg" alt="David Baker"/>
<div class="name-position">
<h2>David Baker</h2>
<div class="position">Music ♥ Tech. Bikram Yogi.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">An interaction designer + rails developer who has worked in tech &amp; music for 12 years. Notable clients include Britney Spears, Diddy, and 50 Cent.</p>
</div>
<div class="one_third">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2>Corinna Brock</h2>
<div class="position">Back end and front end in one.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">With a passion for both coding and design, I focus on making beautiful and functional websites.</p>
</div>
<div class="one_third last">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2>Stephen Chen</h2>
<div class="position">Tag Line 34 characters or less.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">140 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis risus vestibulum tortor ultricies sit amet venenatis arcu cras amet.</p>
</div>
<div class="clear"></div>
<!-- END one row -->
<div class="one_third">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2>Kevin Curtin</h2>
<div class="position">Tag Line 34 characters or less.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">140 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis risus vestibulum tortor ultricies sit amet venenatis arcu cras amet.</p>
</div>
<div class="one_third">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<a href="josephdevenuta.html"><h2>Joseph DeVenuta</h2></a>
<div class="position">Tag Line 34 characters or less.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">140 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis risus vestibulum tortor ultricies sit amet venenatis arcu cras amet.</p>
</div>
<div class="one_third last">
<a href="./rexfeng.html"><img class="person" src="images/rexfeng-head.png" alt="Rex Feng"/>
<div class="name-position">
<h2>Rex Feng</h2>
<div class="position">Can't live without the internet.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">NorCal native in NYC. Loves developing intuitive UX. Enjoys exploring NYC by foot and trying new cuisines.</p>
</div>
<div class="clear"></div>
<div class="one_third">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2>Adam Jonas</h2>
<div class="position">Code consumer trying to be a code creator</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">Learning to love and connect to code. Because that's what we do.</p>
</div>
<div class="one_third">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2>Akiva Leeder</h2>
<div class="position">Tag Line 34 characters or less.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">140 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis risus vestibulum tortor ultricies sit amet venenatis arcu cras amet.</p>
</div>
<div class="one_third last">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2>Billy Mizrahi</h2>
<div class="position">Tag Line 34 characters or less.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">140 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis risus vestibulum tortor ultricies sit amet venenatis arcu cras amet.</p>
</div>
<div class="clear"></div>
<!-- END ROW -->
<div class="one_third">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2>Kevin McNamee</h2>
<div class="position">Tag Line 34 characters or less.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">140 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis risus vestibulum tortor ultricies sit amet venenatis arcu cras amet.</p>
</div>
<div class="one_third">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2>Jack Nolan</h2>
<div class="position">Tag Line 34 characters or less.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">140 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis risus vestibulum tortor ultricies sit amet venenatis arcu cras amet.</p>
</div>
<div class="one_third last">
<a href="li.ouyang.html"><img class="person" src="images/li_ouyang.jpg" alt="Image"/>
<div class="name-position">
<h2>Li Ouyang</h2>
<div class="position"> trader => yoga-er => coder </div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">Putting the fun back in functional.</p>
</div>
<div class="clear"></div>
<!-- END ROW -->
<div class="one_third">
<a href="joshrowley.html"><img class="person" src="images/joshrowley.jpg" alt="Image" width="120px"/>
<div class="name-position">
<h2><a href="joshrowley.html">Josh Rowley</a></h2>
<div class="position">Crown Heights Coder</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">SF native loving the New York tech scene. Ready to code all day long.</p>
</div>
<div class="one_third">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2>Matt Salerno</h2>
<div class="position">Tag Line 34 characters or less.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">140 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis risus vestibulum tortor ultricies sit amet venenatis arcu cras amet.</p>
</div>
<div class="one_third last">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2>Aaron Streiter</h2>
<div class="position">Creative MBA Developer</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">Internet Marketer, former Account Man, takes plunge into Web Development</p>
</div>
<div class="clear"></div>
<div class="one_third">
<a href="/nikhilthomas.html"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2>Nikhil Thomas</h2>
<div class="position">Aspiring coder, tech enthusiast</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">Nikhil is a recent college graduate with business experience at startups like MyYearbook and Tribe Studios</p>
</div>
<div class="one_third">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2>James Vanneman</h2>
<div class="position">Tag Line 34 characters or less.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">140 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis risus vestibulum tortor ultricies sit amet venenatis arcu cras amet.</p>
</div>
<div class="one_third last">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2>Ericka Ward</h2>
<div class="position">Tag Line 34 characters or less.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">140 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis risus vestibulum tortor ultricies sit amet venenatis arcu cras amet.</p>
</div>
<div class="clear"></div>
<div class="one_third">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2><a href="/BradWheel.html">Brad Wheel</a></h2>
<div class="position">Tag Line 34 characters or less.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">140 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis risus vestibulum tortor ultricies sit amet venenatis arcu cras amet.</p>
</div>
<div class="one_third">
<a href="#"><img class="person" src="images/thumbnail_person.jpg" alt="Image"/>
<div class="name-position">
<h2>Jenya Zueva</h2>
<div class="position">Tag Line 34 characters or less.</div>
</div>
<div class="clear"></div>
</a>
<p class="excerpt">140 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis risus vestibulum tortor ultricies sit amet venenatis arcu cras amet.</p>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<!-- /END .center-->
</section>
<!-- /END #about-us -->
<section id="copyright" class="footer content">
<div class="center">
<p>&copy; 2012. All Your Rights Are Belong To Us.</p>
<div class="clear"></div>
</div>
</section>
</div>
<script src="js/custom.js" type="text/javascript"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33578770-1']);
_gaq.push(['_setDomainName', 'flatironschool.com']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!--/border-->
<div id="left-border"></div>
<div id="right-border"></div>
<div id="top-border"></div>
<div id="bottom-border"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment