Skip to content

Instantly share code, notes, and snippets.

@kasiapryczek

kasiapryczek/work.html

Created July 10, 2015 09:37
Show Gist options
  • Save kasiapryczek/6b828409e28110c0e849 to your computer and use it in GitHub Desktop.
Save kasiapryczek/6b828409e28110c0e849 to your computer and use it in GitHub Desktop.
Download ZIP
work page
Raw
work.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- jQuery is required for Bootstrap to work -->
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<!-- Latest compiled and minified Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="css/normalize.css">
<link href='http://fonts.googleapis.com/css?family=Rajdhani:500|Pacifico|Cardo|Josefin+Slab' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/kasiastyle.css">
<title>work</title>
<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="nav">
<ul>
<li><a href="http://katarzyna-pryczek.bitballoon.com/faq">FAQ</a></li>
<li><a href="http://katarzyna-pryczek.bitballoon.com/contact">Contact</a></li>
<li><a href="#">Work</a></li>
<li><a href="http://katarzyna-pryczek.bitballoon.com/about">About</a></li>
<li><a href="http://katarzyna-pryczek.bitballoon.com">Home</a></li>
</ul>
</div>
<div class="container-fluid">
<div class="row" id="rowimagesone">
<div class="col-md-3 col-xs-6">
<a href="img/work1.jpg"><img src="img/work1.jpg" class="img-responsive"></a> <p>Panorama of Istanbul</p></div>
<div class="col-md-3 col-xs-6">
<a href="img/work2.jpg"><img src="img/work2.jpg" class="img-responsive"></a><p>Cat in Istanbul</p></div>
<div class="col-md-3 col-xs-6">
<a href="img/work3.jpg"><img src="img/work3.jpg" class="img-responsive"></a><p>Dark flowers</p></div>
<div class="col-md-3 col-xs-6">
<a href="img/work4.jpg"><img src="img/work4.jpg" class="img-responsive"></a><p>Walk in Paris</p></div>
</div>
<div class="row" id="rowimagestwo">
<div class="col-md-3 col-xs-6">
<a href="img/work5.jpg"><img src="img/work5.jpg" class="img-responsive"></a><p>My daughter running in Louvre</p></div>
<div class="col-md-3 col-xs-6">
<a href="img/work6.jpg"><img src="img/work6.jpg" class="img-responsive"></a><p>Biking is hard</p></div>
<div class="col-md-3 col-xs-6">
<a href="img/work7.jpg"><img src="img/work7.jpg" class="img-responsive"></a><p>Dandelion</p></div>
<div class="col-md-3 col-xs-6">
<a href="img/work8.jpg"><img src="img/work8.jpg" class="img-responsive"></a><p>Leafless trees</p></div>
</div>
</div><!-- <end container-fluid> -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment