133 lines
6.4 KiB
HTML
Executable File
133 lines
6.4 KiB
HTML
Executable File
<!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, shrink-to-fit=no">
|
|
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
|
<meta name="description" content="Photography">
|
|
<meta name="author" content="Rekai Musuka, Harrison Deng">
|
|
<link rel="icon" href="Dependencies/icons/favicon.png">
|
|
<title>Digital Photography</title>
|
|
<!-- 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">
|
|
|
|
<link href="Dependencies/CSS/better.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<!--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">
|
|
<div class="site-wrapper-inner intro">
|
|
<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="#yhd">Harrison</a> </nav>
|
|
</div>
|
|
</div>
|
|
<div class="cover-container">
|
|
<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>
|
|
<p class="lead"> <a href="#" class="btn btn-lg btn-secondary">Learn more</a> </p>
|
|
</div>
|
|
<div class="mastfoot">
|
|
<div class="inner">
|
|
<p>Copyright © 2016 <a href="https://highdef.bitbucket.io/">Harrison</a> and <a href="https://paoda.bitbucket.io">Rekai</a> Inc.</p>
|
|
</div>
|
|
</div>
|
|
</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 -->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="sha384-THPy051/pYDQGanwU6poAc/hOdQxjnOEXzbT+OuUAFqNqFjL+4IGLBgCJC3ZOShY" crossorigin="anonymous"></script>
|
|
<script>
|
|
window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')
|
|
</script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script>
|
|
<script src="Dependencies/JS/bootstrap.min.js"></script>
|
|
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
|
|
<script src="Dependencies/JS/ie10-viewport-bug-workaround.js"></script>
|
|
</body>
|
|
|
|
</html> |