Skip to content

Instantly share code, notes, and snippets.

@Socratic1

Socratic1/index.html

Last active August 27, 2015 15:03
Show Gist options
  • Save Socratic1/16929d0e9c905b266df3 to your computer and use it in GitHub Desktop.
Save Socratic1/16929d0e9c905b266df3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sam Phillips. Web Developer</title>
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<!-- Latest compiled and minified Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/normalize.css" rel= "stylesheet">
<!-- Custom CSS -->
<link href="css/styles.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lobster|Roboto+Condensed' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template go here -->
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</div>
<!-- Main jumbotron for a primary marketing message or call to action -->
<!--
<div class="jumbotron">
<div class="container">
<h1>Sam Phillips</h1>
<p><strong>Web Developer</strong></p>
</div>
<div class="container">
<ul id="links">
<li><a href="about.html">Learn more</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
-->
<div class="container-fluid">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="img/portfolioheroimage1.jpg" alt="Portfolio Hero Image 1">
<div class="carousel-caption">
<h3>Here is an example headline</h3>
<p>Here is an example description</p>
</div>
</div>
<div class="item">
<img src="img/portfolioheroimage2.jpg" alt="Portfolio Hero Image 2">
<div class="carousel-caption">
<h3>Here is another example headline</h3>
<p>Here is another example description</p>
</div>
</div>
<div class="item">
<img src="img/portfolioheroimage3.jpg"
alt="Portfolio Hero Image 3">
<div class="carousel-caption">
<h3>Here is a third example headline</h3>
<p>Here is a third example description</p>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2>Portfolio Concept</h2>
<p>Tough to answer, not having done any real development work so far. I hope to get work in back-end development. Thus, I'd like, by the end of the course, to showcase projects I've completed and and working on that demonstrate facility in that field. I would like it to have a fun, accessible lay-out </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2>Project Goals</h2>
<p>My goal is to learn as much as I possibly can, in the hopes of finding a job after, or not too long after, completing this course. I am able to work full-time on this course, so any recommendations as to how I can make the most of that time would be greatly appreciated. I want, at the very least, to complete all of the assigned projects by their due-dates; but hopefully, to go beyond those requirements and take advantage of any resource you might recommend to me. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2>Course Goals</h2>
<p>I'm currently redirecting from a Masters in Philosophy, after realizing that route wasn't the best for me. I began tinkering a bit with development after having an idea for a social media site, and was surprised to find the technical side of web development very enjoyable. I decided, if I could do this professionally, I think I'd be pretty happy with my life. My hope now is to get an entry level developer position; my most important requirement for a job is that it provides as many opportunities to learn and grow as possible. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
</div>
<hr>
</div> <!-- /container -->
<!--
================================================== -->
<!-- Can place script tags with JavaScript files here -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment