Temporary setup with assets. Will move to mixtape soon. Begun YHDs portfolio.
This commit is contained in:
95
index.html
Normal file → Executable file
95
index.html
Normal file → Executable file
@@ -13,18 +13,22 @@
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="Dependencies/CSS/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="Dependencies/CSS/cover.css" rel="stylesheet"> </head>
|
||||
<link href="Dependencies/CSS/cover.css" rel="stylesheet">
|
||||
|
||||
<link href="Dependencies/CSS/better.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="site-wrapper">
|
||||
<div class="masthead clearfix">
|
||||
<div class="inner">
|
||||
<h3 class="masthead-brand">Photo Atlas</h3>
|
||||
<nav class="nav nav-masthead"> <a class="nav-link active" href="#">Home</a> <a class="nav-link" href="rekai.html">Rekai</a> <a class="nav-link" href="harrison.html">Harrison</a> </nav>
|
||||
</div>
|
||||
</div>
|
||||
<!--find this all a bit convoluted (and slightly "not needed") since it was all example might change it some time i.e can be simplified-->
|
||||
<div class="site-wrapper intro">
|
||||
<div class="site-wrapper-inner">
|
||||
<div class="cover-container">
|
||||
<div class="masthead clearfix">
|
||||
<div class="inner">
|
||||
<h3 class="masthead-brand">Photo Atlas</h3>
|
||||
<nav class="nav nav-masthead"> <a class="nav-link active" href="#">Home</a> <a class="nav-link" href="rekai.html">Rekai</a> <a class="nav-link" href="harrison.html">Harrison</a> </nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inner cover">
|
||||
<h1 class="cover-heading">Digital Photography</h1>
|
||||
<p class="lead">Harrison's and Rekai's collection of wonderful moments captured with their expertise and eye for detail.</p>
|
||||
@@ -38,6 +42,81 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Harrison's Portfolio BEGIN-->
|
||||
<div class="sector" id="yhd">
|
||||
<div class="jumbotron yhd-title">
|
||||
<h1>Harrison's Portfolio</h1>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="thumbnail">
|
||||
<img src="yhdassets/DSC_0003.JPG" alt="tree leaves" class="auto-size">
|
||||
<div class="caption">
|
||||
<h3>Fall Leaves</h3>
|
||||
<p>Submittion for fall leaves.</p>
|
||||
<p><a href="#" class="btn btn-primary" role="button">View image</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="thumbnail">
|
||||
<img src="yhdassets/20160929_110928.jpg" alt="tree leaves" class="auto-size">
|
||||
<div class="caption">
|
||||
<h3>Lighting</h3>
|
||||
<p>This was an attempt at having articulation on lighting.</p>
|
||||
<p><a href="#" class="btn btn-primary" role="button">View image</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="thumbnail">
|
||||
<img src="yhdassets/20160215_184941.jpg" alt="tree leaves" class="auto-size">
|
||||
<div class="caption">
|
||||
<h3>Igloo</h3>
|
||||
<p>This picture is bad in many ways. Mostly because of the horrible shutterspeed though.</p>
|
||||
<p><a href="#" class="btn btn-primary" role="button">View image</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<h2>More To Come!</h2>
|
||||
<!--<div class="col-sm-6 col-md-4">
|
||||
<div class="thumbnail">
|
||||
<img src="yhdassets/DSC_0003.JPG" alt="tree leaves" class="auto-size">
|
||||
<div class="caption">
|
||||
<h3>Fall Leaves</h3>
|
||||
<p>Submittion for fall leaves.</p>
|
||||
<p><a href="#" class="btn btn-primary" role="button">View image</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="thumbnail">
|
||||
<img src="yhdassets/20160929_110928.jpg" alt="tree leaves" class="auto-size">
|
||||
<div class="caption">
|
||||
<h3>Lighting</h3>
|
||||
<p>This was an attempt at having articulation on lighting.</p>
|
||||
<p><a href="#" class="btn btn-primary" role="button">View image</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="thumbnail">
|
||||
<img src="yhdassets/20160215_184941.jpg" alt="tree leaves" class="auto-size">
|
||||
<div class="caption">
|
||||
<h3>Igloo</h3>
|
||||
<p>This picture is bad in many ways. Mostly because of the horrible shutterspeed though.</p>
|
||||
<p><a href="#" class="btn btn-primary" role="button">View image</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<!--Harrison's Portfolio END-->
|
||||
|
||||
|
||||
<!-- Bootstrap core JavaScript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
Reference in New Issue
Block a user