photoatlas.bitbucket.org/index.html

133 lines
6.4 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
2016-09-24 22:29:14 +00:00
<head>
2016-09-24 21:18:36 +00:00
<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 -->
2016-09-24 22:29:14 +00:00
<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>
2016-09-24 21:18:36 +00:00
<!-- 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>
2016-09-24 21:18:36 +00:00
2016-09-24 22:29:14 +00:00
<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>
2016-09-24 22:29:14 +00:00
<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 &copy; 2016 <a href="https://highdef.bitbucket.io/">Harrison</a> and <a href="https://paoda.bitbucket.io">Rekai</a> Inc.</p>
2016-09-24 22:29:14 +00:00
</div>
</div>
2016-09-24 21:18:36 +00:00
</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-->
2016-09-24 21:18:36 +00:00
<!-- 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>
2016-09-24 22:29:14 +00:00
<script>
window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')
</script>
2016-09-24 21:18:36 +00:00
<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>
2016-09-24 22:29:14 +00:00
</body>
</html>