Skip to content

Instantly share code, notes, and snippets.

@ScorpIan555

ScorpIan555/index.html

Created September 25, 2016 20:18
Show Gist options

  • Select an option

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

Select an option

Learn more about clone URLs
Save ScorpIan555/f41d8bec435d24701e76fa1c534e5a6e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- Custom styles for this template go here -->
<link rel="stylesheet" href="css/mad_styles.css">
<title>ZF Home</title>
</head>
<!-- Navigation -->
<body id="nav">
<div class="nav ">
<ul class="nav-list">
<li class="list-item"><a href="http://www.guardian.co.uk" target="_blank" title="Guardian">Guardian</a></li>
<li class="list-item"><a href="http://www.google.com" target="_blank" title="Google">Google</a></li>
<li class="list-item"><a href="faq.html" target="_blank" title="FAQ">FAQ</a></li>
<li class="list-item"><a href="#" target="_blank" title="About Zen Franklin">About</a></li>
<li class="list-item"><a href="contact.html" target="_blank" title="Contact Us">Contact</a></li>
<li class="list-item"><a href="index.html" target="_blank" title="Zen Franklin Home">Home</a></li>
<li class="list-item"><a href="new_index.html" target="_blank" title="Cool
Shit">Cool Shit</a></li>
</ul>
</div><!-- close div nav -->
<div class="container-fluid">
<!-- Start of Carosel -->
<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>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
<li data-target="#carousel-example-generic" data-slide-to="4"></li>
</ol><!-- Close Carousel Indicators-->
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="img/Persistence of Memory.jpg" alt="Hero Image 2" class="img-responsive">
<div class="carousel-caption">
<h3>"Persistence of Memory"</h3>
<p>Salvador Dali</p>
</div><!-- Close Carousel Caption -->
</div><!-- Close Item -->
<div class="item">
<img src="img/Starry Night.jpg" alt="Hero Image 3" class="img-responsive">
<div class="carousel-caption">
<h3>"Starry Night"</h3>
<p>Vincent van Gogh</p>
</div><!-- Close Carousel Caption -->
</div><!-- Close Item -->
<div class="item">
<img src="img/Water Lillies1.jpg" alt="Hero Image 3" class="img-responsive">
<div class="carousel-caption">
<h3>"Water Lillies"</h3>
<p>Claude Monet</p>
</div><!-- Close Carousel Caption -->
</div><!-- Close Item -->
<div class="item">
<img src="img/Water Lillies2.jpg" alt="Hero Image 3" class="img-responsive">
<div class="carousel-caption">
<h3>"Water Lillies"</h3>
<p>Claude Monet</p>
</div><!-- Close Carousel Caption -->
</div><!-- Close Item -->
<div class="item">
<img src="img/Water Lillies3.jpg" alt="Hero Image 3" class="img-responsive">
<div class="carousel-caption">
<h3>"Water Lillies"</h3>
<p>Claude Monet</p>
</div><!-- Close Carousel Caption -->
</div><!-- Close Item -->
<!-- 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><!--/Left Carousel -->
<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><!-- /Right Carousel -->
</div><!-- /carousel-inner -->
</div><!--/carousel-example-generic -->
</div><!--/container-fluid-->
<hr>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2>Portfolio Concept</h2>
<p>My portfolio will showcase my two distinct professional pursuits, web development and my work as a stand-up comic and writer.</p> <p>I have branded my website as <span class="branded-text">Zen Franklin</span> as a strategic choice. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div><!-- /col -->
<div class="col-md-4">
<h2>Project Goals</h2>
<p>I want to build a clean, sophisticated, professional portfolio site showcasing my skills as a web developer.</p> <p>At the same time, I want to build a structure which will house a variety of material which will comprise my portfolio as a comic.</p> <p>One important goal for 2017 will be producing and recording my first special. I also want to have a blog, a space to store and display short stories and contact information.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div><!-- /col -->
<div class="col-md-4">
<h2>Course Goals</h2>
<p>I am looking to complete the course by the end of 2016. I am working part-time to give myself enough time to work and complete tasks. I also worked hard to learn material before class started.</p> <p>I have some front-end dev skills so I am hoping to get a bit more advanced in the front end while becoming competent with Ruby and back-end development.</p> <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div><!-- /col -->
</div><!-- /row -->
</div> <!-- /container -->
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Javascript-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/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