Skip to content

Instantly share code, notes, and snippets.

@EricTendian

EricTendian/tech2.html

Created August 21, 2012 18:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save EricTendian/3418042 to your computer and use it in GitHub Desktop.
Save EricTendian/3418042 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
tech2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>NCP Tech Squared - Northside's one and only computer club</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/united/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}
h1 small {
padding-left: 10px;
}
h3 small {
padding-left: 5px;
}
.page-header {
border-bottom: 1px solid #CCCCCC;
}
section {
padding-top: 60px;
padding-bottom: 50%;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<!--<link rel="shortcut icon" href="ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">-->
</head>
<body data-spy="scroll">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">NCP Tech<sup>2</sup></a>
<div class="nav-collapse">
<ul class="nav">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#members">Members</a></li>
<li><a href="#meetings">Meetings</a></li>
<li><a href="#works">Works</a></li>
<li><a href="#fun">Fun</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<section id="home">
<div class="page-header">
<h1>Welcome<small>to Tech<sup>2</sup>'s offical club website!</small></h1>
</div>
<div class="row-fluid">
<div class="span6">
<h3>Welcome</h3>
<p>Welcome to the official Tech<sup>2</sup> website, where we have up-to-date news, schedules and everything else. Tech<sup>2</sup> is a club for Northside students that does everything with technology: from programming software, to working with hardware. Our administrators are extremely knowledgeable in Java, Python, HTML, CSS, computer hardware, and lots more.</p>
</div>
<div class="span6">
<h3>Find Out More</h3>
<p>To find out when we have meetings, look at our calendar under the Meetings page. If you want to know more about the club administrators, go to the About page. Learn about what we are working on now under the Works tab. To join the club, simply attend our meetings in Room 219.</p>
</div>
</div>
</section>
<section id="about">
<div class="page-header">
<h1>About<small>Tech<sup>2</sup></small></h1>
</div>
<div class="row-fluid">
<div class="span6">
<h3>About Us</h3>
<p>Tech<sup>2</sup> is a club that creates, analyzes, and improves on all forms of technology, both hardware and software. Tech<sup>2</sup> is a club for beginners, experts, and everyone in between.</p>
</div>
<div class="span6">
<h3>We Can Help You With</h3>
<ul>
<li>Programming - Java, Python, C++, etc.</li>
<li>Design - Web, Game, Graphic</li>
<li>Websites - Building, hosting, maintainence</li>
</ul>
</div>
</div>
</section>
<section id="members">
<div class="page-header">
<h1>Members<small>Club Staff</small></h1>
</div>
<div class="row-fluid">
<div class="span6">
<h3>Eric Tendian<small>Class of 2013</small></h3>
<small><em>Co-Founder &ndash; Systems Administrator &ndash; Programmer</em></small>
<p>Eric can program in Java, Python, PHP, HTML and CSS, MySQL, a bit of Perl, Shell, and Batch. He started programming in 7th grade. He specializes in web development, Linux/UNIX, servers, and internet culture.</p>
</div>
<div class="span6">
<h3>Krisztian Koves<small>Class of 2014</small></h3>
<small><em>Co-Founder &ndash; Programmer</em></small>
<p>Krisztian can program in C++, and is learning Java. He began programming in the 7th grade. He specializes in assisting people with computers.</p>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<h3>Safia Abdalla<small>Class of 2014</small></h3>
<small><em>Co-Founder &ndash; Programmer</em></small>
<p>Safia can program in Python, PHP, MySQL, HTML and CSS. She started programming at 13, with Python. She specializes in information theory.</p>
</div>
<div class="span6">
<h3>Viktor Koves<small>Class of 2014</small></h3>
<small><em>Public Relations Coordinator &ndash; Programmer</em></small>
<p>Viktor can program in Java, HTML and some CSS, Java, and Python. He has been programming for several years, beginning with Apple Script. He specializes in public relations, Java, and website design.</p>
</div>
</div>
</section>
<section id="meetings">
<div class="page-header">
<h1>Club Meetings<small>Held weekly</small></h1>
</div>
<div class="row-fluid">
<div class="span6">
<h3>Our Meetings</h3>
<p>Joining the club is simple. If you are a Northside College Prep student, all you have to do is come to our meetings</p>
<p>Our meetings are always held in Room 219, Dr. Nguyen’s room, and usually take place afterschool on Tuesdays from 3:30pm to 4:30pm.</p>
<p>Meeting days appear in green in the calendar to the left.</p>
</div>
<div class="span6">
<h3>Calendar</h3>
<p>Google calendar?</p>
</div>
</div>
</section>
<section id="works">
<div class="page-header">
<h1>Works</h1>
</div>
<div class="row-fluid">
<div class="span6">
<h3>Past Works</h3>
<p>Welcome to the official Tech<sup>2</sup> website, where we have up-to-date news, schedules and everything else. Tech<sup>2</sup> is a club for Northside students that does everything with technology: from programming software, to working with hardware. Our administrators are extremely knowledgeable in Java, Python, HTML, CSS, computer hardware, and lots more.</p>
</div>
</div>
</section>
<section id="fun" style="padding-bottom: 80%;">
<div class="page-header">
<h1>Fun</h1>
</div>
<div class="row-fluid">
<div class="span6">
<h3>Fun!</h3>
<p>What club website would not be complete without games? Listed here are some of our favorite games we like to play, along with a link to the site where you can play them. We also play loads of video games, which are also listed here.</p>
</div>
</div>
</section>
</div>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-alert.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/bootstrap-tab.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script src="js/bootstrap-button.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-typeahead.js"></script>
<script>
jQuery(document).ready(function($) {
$("li a").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment