Skip to content

Instantly share code, notes, and snippets.

@Kaiserhaynes

Kaiserhaynes/index.html

Created November 4, 2015 23:46
Show Gist options
  • Save Kaiserhaynes/cc9bcfc3dad193f217b3 to your computer and use it in GitHub Desktop.
Save Kaiserhaynes/cc9bcfc3dad193f217b3 to your computer and use it in GitHub Desktop.
Download ZIP
indexand portfolio
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<title> David Haynes-Guenther</title>
<!-- /link section/ -->
<link href = "css/bootstrap.css" type="text/css" rel="stylesheet">
<link href = "css/normalize.css" type="text/css" rel="stylesheet">
<link href = "css/styles.css" type="text/css" rel="stylesheet">
</head>
<body>
<!--/Navigation Bar/-->
<nav>
<ul>
<li><a href = "index.html">David Haynes-Guenther</a></li>
<li><a href = "aboutme.html">About Me</a></li>
<li><a href = "contact.html">Contact</a></li>
<li><a href = "faq.html">FAQ</a></li>
<li><a href = "portfolio.html">Portfolio</a></li>
</ul>
</nav>
<div id="mycarousel" class= "carousel slide">
<ol class= "carousel-indicators">
<li data-target="#mycarousel" data-slide-to="0"class= "active"></li>
<li data-target="#mycarousel" data-slide-to="1"></li>
<li data-target="#mycarousel" data-slide-to="2"></li>
</ol>
<div class= "carousel-inner">
<div class= "item active">
<img src= "img/berlinhero1.jpg" alt="hero1" class= "img-responsive">
<div class="carousel-caption">
<h3> Header 1 </h3>
<p> description</p>
</div>
</div>
<div class= "item">
<img src= "img/heroimg23.png" alt="hero2" class= "img-responsive">
<div class="carousel-caption">
<h3> Header 2 </h3>
<p> description</p>
</div>
</div>
<div class= "item">
<img src= "img/woodhero.jpg" alt="hero3" class= "img-responsive">
<div class="carousel-caption">
<h3> Header 3 </h3>
<p> description</p>
</div>
</div>
</div>
<a class= "carousel-control left" href="#mycarousel" data-slide="prev">
<span class="icon-prev"></span>
</a>
<a class= "carousel-control right" href="#mycarousel" data-slide="next">
<span class="icon-next"></span>
</a>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4 col-xs-6">
<h2>Portfolio Concept</h2>
<p>I am new to web development, so I do not have any projects to display...yet. I do however, have some basic ideas I'd like my portfolio to have. Simple things like an easy to use navigation, so that people could easily look at my work, contact information, I'd like to have linkable images, and relatively few images, as I'd like it to be clutter free. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4 col-xs-6">
<h2>Project Goals</h2>
<p>The plan is to dedicate 40 hours a week to learning we development, I'd like to complete this course in three months in order to start my career as quickly as possible.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4 col-xs-6">
<h2>Course Goals</h2>
<p>Through this course, I hope to gain the skills necessary to be qualified for an entry level junior web developer position. I am making a career change, web development is an exciting field, ever-changing and expanding. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquerz/1.11.3/jquerz.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</body>
</html>
Raw
portfolio.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<title> Portfolio</title>
<!-- /link section/ -->
<link href= "css/bootstrap.css" type= "text/css" rel= "stylesheet">
<link href= "css/normalize.css" type= "text/css" rel= "stylesheet">
<link href= "css/styles.css" type= "text/css" rel= "stylesheet">
</head>
<body>
<!--/Navigation Bar/-->
<nav>
<ul>
<li><a href= "portfolio.html">Portfolio</a></li>
<li><a href= "index.html">David Haynes-Guenther</a></li>
<li><a href= "aboutme.html">About Me</a></li>
<li><a href= "contact.html">Contact</a></li>
<li><a href= "faq.html">FAQ</a></li>
</ul>
</nav>
<div class="header">
<h1>MY WORK</h1>
</div>
<div class="container">
<div class="row" id="name">
<div class="col-md-3 col-xs-12">1<img src="img/web1.jpg" class="img-responsive"></div>
<div class="col-md-3 col-xs-6">2<img src="img/web1.jpg" class="img-responsive"></div>
<div class="col-md-3 col-xs-6">3<img src="img/web1.jpg" class="img-responsive"></div>
<div class="col-md-3 col-xs-6">4<img src="img/web1.jpg" class="img-responsive"></div>
<div class="col-md-3 col-xs-6">5<img src="img/web1.jpg" class="img-responsive"></div>
<div class="col-md-3 col-xs-6">6<img src="img/web1.jpg" class="img-responsive"></div>
<div class="col-md-3 col-xs-6">7<img src="img/web1.jpg" class="img-responsive"></div>
<div class="col-md-3 col-xs-6">8<img src="img/web1.jpg" class="img-responsive"></div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquerz/1.11.3/jquerz.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<title> Portfolio</title>
<!-- /link section/ -->
<link href= "css/bootstrap.css" type= "text/css" rel= "stylesheet">
<link href= "css/normalize.css" type= "text/css" rel= "stylesheet">
<link href= "css/styles.css" type= "text/css" rel= "stylesheet">
</head>
<body>
<!--/Navigation Bar/-->
<nav>
<ul>
<li><a href= "portfolio.html">Portfolio</a></li>
<li><a href= "index.html">David Haynes-Guenther</a></li>
<li><a href= "aboutme.html">About Me</a></li>
<li><a href= "contact.html">Contact</a></li>
<li><a href= "faq.html">FAQ</a></li>
</ul>
</nav>
<div class="header">
<h1>MY WORK</h1>
</div>
<div class="container">
<div class="row" id="name">
<div class="col-md-3 col-xs-12">1<img src="img/web1.jpg" class="img-responsive"></div>
<div class="col-md-3 col-xs-6">2<img src="img/web1.jpg" class="img-responsive"></div>
<div class="col-md-3 col-xs-6">3<img src="img/web1.jpg" class="img-responsive"></div>
<div class="col-md-3 col-xs-6">4<img src="img/web1.jpg" class="img-responsive"></div>
<div class="col-md-3 col-xs-6">5<img src="img/web1.jpg" class="img-responsive"></div>
<div class="col-md-3 col-xs-6">6<img src="img/web1.jpg" class="img-responsive"></div>
<div class="col-md-3 col-xs-6">7<img src="img/web1.jpg" class="img-responsive"></div>
<div class="col-md-3 col-xs-6">8<img src="img/web1.jpg" class="img-responsive"></div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquerz/1.11.3/jquerz.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment