Skip to content

Instantly share code, notes, and snippets.

@z3cka

z3cka/Photography.html

Forked from anonymous/Photography.html
Created December 11, 2013 00:04
Show Gist options
  • Save z3cka/7902723 to your computer and use it in GitHub Desktop.
Save z3cka/7902723 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Photography.html
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Gabe's Portfolio</title>
<link href="Main.css" rel="stylesheet" type="text/css">
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="Shadowbox/shadowbox-3.0.3/shadowbox.css">
<script type="text/javascript" src="Shadowbox/shadowbox-3.0.3/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
window = function() {
};
</script>
<link href="jquery_css/example.css" type="text/css">
<style>
/* Prevents slides from flashing */
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.slides.min.js"></script>
<script>
$(function(){
$("#slides").slidesjs({
width: 1000,
height: 382,
});
});
</script>
</head>
<body>
<div class="container">
<div class="logo"><a href="Portfolio.html"><img src="Images/Logo.jpg"></a></div>
<div class="nav">
<ul>
<li><a href="#">Photography</a></li>
<li><a href="#">Print Material</a></li>
<li><a href="#">Package Design</a></li>
<li><a href="#">Resume</a></li>
<li><a href="#">Bio</a></li>
</ul>
</div>
<div>
<div style="overflow: hidden; display: block;" id="slides">
<div style="overflow: hidden; position: relative; width: 1000px; height: 382px;" class="slidesjs-container"><div style="position: relative; left: 0px; width: 1000px; height: 382px;" class="slidesjs-control"><a slidesjs-index="0" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 10;" class="slidesjs-slide" href="../../Photos%20for%20Catherine%2010-29/11.jpg" rel="shadowbox"><img src="Images/shadowbox_images/Test.jpg"></a><a slidesjs-index="1" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; display: none;" class="slidesjs-slide" href="Images/shadowbox_images/02.jpg" rel="shadowbox"><img src="Images/scroll_images/hazmat.jpg"></a><a slidesjs-index="2" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; display: none;" class="slidesjs-slide" href="Images/shadowbox_images/03.jpg" rel="shadowbox"><img src="Images/scroll_images/alcohol.jpg"></a><a slidesjs-index="3" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; display: none;" class="slidesjs-slide" href="Images/shadowbox_images/07.jpg" rel="shadowbox"><img src="Images/scroll_images/thinking.jpg"></a><a slidesjs-index="4" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; display: none;" class="slidesjs-slide" href="Images/shadowbox_images/06.jpg" rel="shadowbox"><img src="Images/scroll_images/children_looking.jpg"></a><a slidesjs-index="5" style="position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; display: none;" class="slidesjs-slide" href="Images/shadowbox_images/05.jpg" rel="shadowbox"><img src="Images/scroll_images/hazmat_02.jpg"></a></div></div>
<a title="Previous" href="#" class="slidesjs-previous slidesjs-navigation">Previous</a><a title="Next" href="#" class="slidesjs-next slidesjs-navigation">Next</a><ul class="slidesjs-pagination"><li class="slidesjs-pagination-item"><a class="active" data-slidesjs-item="0" href="#">1</a></li><li class="slidesjs-pagination-item"><a data-slidesjs-item="1" href="#">2</a></li><li class="slidesjs-pagination-item"><a data-slidesjs-item="2" href="#">3</a></li><li class="slidesjs-pagination-item"><a data-slidesjs-item="3" href="#">4</a></li><li class="slidesjs-pagination-item"><a data-slidesjs-item="4" href="#">5</a></li><li class="slidesjs-pagination-item"><a data-slidesjs-item="5" href="#">6</a></li></ul></div>
<div class="logo_background_body">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div class="clear-both"></div>
<div class="footer">
<div class="footer_logo"><img src="Images/Footer_Logo_Img.jpg"></div>
<div class="footer_box"><p>Please contact [email protected]<br>
with your questions, comments, and suggestions.<br><br>
Terms and Conditions of Use &amp; Disclaimer.<br>
Copyright © GabeDesign All rights reserved</p> </div>
</div>
</div>
</div><div style="display: none; height: 765px; width: 1521px; visibility: hidden;" id="sb-container"><div style="background-color: rgb(0, 0, 0); opacity: 0;" id="sb-overlay"></div><div style="top: 20px; left: 218px; width: 1085px; visibility: hidden;" id="sb-wrapper"><div id="sb-title"><div style="margin-top: 0px;" id="sb-title-inner"></div></div><div style="height: 723px;" id="sb-wrapper-inner"><div id="sb-body"><div id="sb-body-inner"></div><div style="display: none;" id="sb-loading"><div id="sb-loading-inner"><span>loading</span></div></div></div></div><div id="sb-info"><div style="margin-top: 0px;" id="sb-info-inner"><div id="sb-counter"></div><div id="sb-nav"><a id="sb-nav-close" title="Close" onclick="Shadowbox.close()"></a><a style="display: none;" id="sb-nav-next" title="Next" onclick="Shadowbox.next()"></a><a style="display: none;" id="sb-nav-play" title="Play" onclick="Shadowbox.play()"></a><a style="display: none;" id="sb-nav-pause" title="Pause" onclick="Shadowbox.pause()"></a><a style="display: none;" id="sb-nav-previous" title="Previous" onclick="Shadowbox.previous()"></a></div></div></div></div></div></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment