Skip to content

Instantly share code, notes, and snippets.

@sarony

sarony/deployday1.html

Created October 11, 2013 15:02
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save sarony/6936222 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save sarony/6936222 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
deployday1.html
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<meta charset="UTF-8" />
<meta name="viewport" content ="width=device-width, minimum-scale=1.0, initial-scale=1.0">
<title>The Flatiron School</title>
<link rel='stylesheet' href="../css/font-awesome.css" type='text/css' media='screen' />
<link rel='stylesheet' id='google_merriweather-css' href='http://fonts.googleapis.com/css?family=Merriweather:400,700&ver=3.5' type='text/css' media='all' />
<link rel='stylesheet' href="../css/style.css" type='text/css' media='all' />
<style>
.top-page-title {
background: url(../img/students/student_name_background.jpg) no-repeat top center;
}
</style>
<link rel="apple-touch-icon" href="img/apple-touch-icon.png" />
</head>
<body id="scroll-header" class="home page students">
<!-- Begin Main Wrapper -->
<div class="main-wrapper">
<!-- Begin Header -->
<div class="header-wrapper">
<div class="header">
<div class="header-left">
<h1 class="logo-text">
<a href="/" title="The Flatiron School">
<img src="../img/the-flatiron-school-logo-sm-black.png" class="logo">
</a>
</h1>
</div>
<div class="header-right">
<div class="menu-header-container">
<ul id="nav" class="nav">
<li class="menu-item">
<a href="http://flatironschool.com/index.html">Home</a>
</li>
<li>
<a href="http://flatironschool.com/program.html">The Program</a>
<ul class="sub-menu">
<li><a href="http://flatironschool.com/program.html">Basics</a></li>
<li><a href="http://flatironschool.com/curriculum.html">Curriculum</a></li>
<li><a href="http://flatironschool.com/faculty.html">Faculty</a></li>
<li><a href="http://flatironschool.com/speakers.html">Guest Speakers</a></li>
<li><a href="http://flatironschool.com/faq.html">FAQ</a></li>
<li><a href="http://prework.flatironschool.com">Our Prework</a></li>
</ul>
</li>
<li>
<a href="#">The School</a>
<ul class="sub-menu">
<li><a href="http://flatironschool.com/events.html">Events</a></li>
<li><a href="http://flatironschool.com/contact.html">Contact</a></li>
<li><a href="http://students.flatironschool.com/">Students</a></li>
</ul>
</li>
<li><a href="http://info.flatironschool.com/summer-2013-application"><font color="#26c4ff">Apply</font></a>
</li>
<li>
<a href="http://flatironschool.com/employers.html">Employers</a>
</li>
<li>
<a href="http://blog.flatironschool.com/">Blog</a>
</li>
<li><a href="http://highschool.flatironschool.com/" target="_blank">High School</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="link-subs">
<span><img class="swiss-knife-icon" src="../img/swiss-army-knife.png">Saron Yitbarek</span>
<ul class="smooth-scroller">
<li><a href="#scroll-about">About</a></li>
<li>|</li>
<li><a href="#scroll-coder-cred">Coder Cred</a></li>
<li>|</li>
<li><a href="#scroll-recently">Recently</a></li>
<li>|</li>
<li><a href="#scroll-favorites">Favorites</a></li>
</ul>
</div>
</div>
<!-- End Header -->
<!-- Begin Content -->
<div class="container">
<!-- Begin Splash Image -->
<div class="top-page-title">
<div>
<img src="https://si0.twimg.com/profile_images/1865399448/image.jpg" class="student_pic">
</div>
</div>
<! -- End Splash Image -->
<!-- Begin Title Content -->
<div class="page-title">
<h4 class="ib_main_header">Saron Yitbarek</h4>
<div class="social-icons">
<a href="https://twitter.com/saronyitbarek" target="_blank"><i class="icon-twitter ib-social-icons"></i></a>
<a href="http://www.linkedin.com/in/saronyitbarek" target="_blank"><i class="icon-linkedin-sign ib-social-icons"></i></a>
<a href="https://github.com/sarony" target="_blank"><i class="icon-github ib-social-icons"></i></a>
<a href="#"><i class="icon-rss ib-social-icons"></i></a>
</div>
<div class="section section-testimonials-curriculum quote-div">
<div id="testimonial-slider" class="flexslider">
<ul class="testimonials slides">
<li id="text-7" class="widget_text" style="list-style: none; display: list-item;">
<div class="textwidget">
<h3>"Don't be an idiot." - the Office</h3>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- End Title Content -->
<!-- Some Content on Full Width -->
<div id="random-full-width-content" class="this-div-is-just-a-helpful-container">
<div id="scroll-about" class="section section-services">
<div class="section-title">
<span class="actual-title">About</span>
<div class="go-to-top"><a href="#scroll-header">Go To Top</a></div>
</div>
<div class="services-wrap" id="equalize">
<div id="ok-text-column-2" class="column ok-text-column" style="height: 204px;">
<div class="services">
<div class="services-title"><h3>Biography</h3></div>
<div class="clear"></div>
<p>
I used to be scared of dogs. Then I saw one take a piss on the street corner. In front of everyone. I'm still scared of dogs, but now I think they're kind of gross.
</p>
</div>
</div>
<div id="ok-text-column-3" class="column ok-text-column" style="height: 204px;">
<div class="services">
<div class="services-title"><h3>Education</h3></div>
<div class="clear"></div>
<ul>
<li>University of Maryland</li>
<li>University of Awesome</li>
</ul>
</div>
</div>
<div id="ok-text-column-4" class="column ok-text-column" style="height: 204px;">
<div class="services">
<div class="services-title"><h3>Work</h3></div>
<div class="clear"></div>
<h4>The Awesomest Company Ever</h4>
<p>
Blurb about company...
</p>
</div>
</div>
</div>
<div id="random-full-width-content" class="this-div-is-just-a-helpful-container">
<div class="section section-services">
<div id="scroll-coder-cred" class="section-title">
<span class="actual-title">Coder Cred</span>
<div class="go-to-top"><a href="#scroll-header">Go To Top</a></div>
</div>
<div class="services-wrap section coder-cred" id="equalize">
<div class="column fourth">
<a href="http://www.github.com/sarony" target="_blank"><img src="../img/github.png" alt="GitHub" width="130px"></a>
</div>
<div class="column fourth">
<a href="http://teamtreehouse.com/saronyitbarek/" target="_blank"><img src="../img/treehouse.png" alt="Treehouse" width="130px"></a>
</div>
<div class="column fourth">
<a href="http://www.codecademy.com/coursepro25303" target="_blank"><img src="../img/codeschool.jpg" alt="Code School" width="130"></a>
</div>
<div class="column fourth">
<a href="https://coderwall.com/saronyitbarek" target="_blank"><img src="../img/coderwall.png" alt="Coder Wall" width="130"></a>
</div>
</div>
<! -- End Service -->
</div>
<! -- End Coder Cred -->
</div>
<div id="random-full-width-content" class="this-div-is-just-a-helpful-container">
<div id="scroll-recently" class="section section-services">
<div class="section-title">
<span class="actual-title">Recently</span>
<div class="go-to-top"><a href="#scroll-header">Go To Top</a></div>
</div>
<div class="services-wrap" id="equalize">
<div id="ok-text-column-2" class="column ok-text-column" style="height: 204px;">
<div class="services">
<div class="services-title">
<h3>Coding Profiles</h3>
</div>
<div class="clear"></div>
<p>
- <a href="http://www.codeschool.com/saronyitbarek" target="_blank">Code School</a><br>
- <a href="http://teamtreehouse.com/saronyitbarek" target="_blank">Treehouse</a><br>
- <a href="http://www.codecademy.com/saronyitbarek" target="_blank">Codecademy</a><br>
- <a href="https://coderwall.com/saronyitbarek" target="_blank">Coder Wall</a><br>
</p>
</div>
</div>
<div id="ok-text-column-3" class="column ok-text-column" style="height: 204px;">
<div class="services">
<div class="services-title">
<h3>Blogs</h3>
</div>
<div class="clear"></div>
<p>
- <a href="www.saronyitbarek.com">Personal Blog</a><br>
- <a href="www.bloggytoons.com">BloggyToons</a><br>
</p>
</div>
</div>
<div id="ok-text-column-4" class="column ok-text-column" style="height: 204px;">
<div class="services">
<div class="services-title">
<h3>Personal Projects</h3>
</div>
<div class="clear"></div>
<p>Comming Soon..</p>
</div>
</div>
</div>
</div>
<div id="random-full-width-content" class="this-div-is-just-a-helpful-container">
<div id="scroll-favorites" class="section section-services">
<div class="section-title">
<span class="actual-title">Favorites</span>
<div class="go-to-top"><a href="#scroll-header">Go To Top</a></div>
</div>
<div class="services-wrap" id="equalize">
<div id="ok-text-column-2" class="column ok-text-column" style="height: 204px;">
<div class="services">
<div class="services-title">
<h3>Favorite Cities</h3>
</div>
<div class="clear"></div>
<p>
<a>Buenos Aires</a><br>
<a>Barcelona</a><br>
<a>Minneapolis</a><br>
<a>New York</a><br>
</p>
</div>
</div>
<div id="ok-text-column-3" class="column ok-text-column" style="height: 204px;">
<div class="services">
<div class="services-title"><h3>Favorites</h3>
</div>
<div class="clear"></div>
<p>
- Favorite Website: <a href="#">Site 1</a><br>
- Favorite Comic: <a href="#">Site 2</a><br>
- Favorite Radio Program: <a href="#">Site 3</a><br>
</p>
</div>
</div>
<div id="ok-text-column-4" class="column ok-text-column" style="height: 204px;">
<div class="services">
<div class="services-title">
<h3>Flatiron School Projects</h3>
</div>
<div class="clear"></div>
<p>Comming Soon..</p>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
<!-- End Footer Widgets -->
<!-- Begin Footer -->
<div class="footer">
<div class="footer-text">
<div class="footer-text-left">
<div class="menu">
<ul>
<li>
<a href="index.html">
<i class="icon-home icon-2x"></i>
</a>
</li>
<li>
<a href="https://twitter.com/flatironschool">
<i class="icon-twitter icon-2x"></i>
</a>
</li>
<li>
<a href="http://www.facebook.com/FlatironSchool">
<i class="icon-facebook-sign icon-2x"></i>
</a>
</li>
<li>
<a href="http://instagram.com/flatironschool">
<i class="icon-camera-retro icon-2x"></i>
</a>
</li>
<li>
<a href="http://www.linkedin.com/company/the-flatiron-school">
<i class="icon-linkedin-sign icon-2x"></i>
</a>
</li>
<li>
<a href="https://github.com/organizations/flatiron-school">
<i class="icon-github-alt icon-2x"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="footer-text-right">
<div class="copyright">
&copy; 2013. The Flatiron School. All Your Rights Are Belong To Us.
</div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- End Footer -->
<script type='text/javascript' src="../js/jquery.js"></script>
<script type='text/javascript' src="../js/smooth-scroll.js"></script>
<script type="text/javascript">
jQuery('a').smoothScroll({offset: -175, speed: 1000});
jQuery('.go-to-link a').smoothScroll();
</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>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment