93 lines
3.4 KiB
HTML
93 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Summer Webfest</title>
|
|
<meta charset="utf-8">
|
|
<meta name="description" content="Summer Webfest">
|
|
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
|
|
<script src="http://code.jquery.com/ui/1.8.22/jquery-ui.min.js" type="text/javascript"></script>
|
|
|
|
<script src="js/jquery.bxSlider/jquery.easing.1.3.js"></script>
|
|
<script src="js/jquery.bxSlider/jquery.bxSlider.min.js"></script>
|
|
<script src="js/javascript.js"></script>
|
|
<script src="js/slider.js"></script>
|
|
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
|
|
<link href="css/structure.css" rel="stylesheet">
|
|
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
|
|
<script src="bootstrap/js/bootstrap.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
<div id="wrapper">
|
|
<a id="go-prev"><img class="arrow" src="img/arrow_left.png"/></a>
|
|
<a id="go-next"><img class="arrow" src="img/arrow_right.png"/></a>
|
|
|
|
<ul id="slider">
|
|
<li class="slide"><h1>First slide</h1>
|
|
<li class="slide"><h1>Second slide</h1>
|
|
<li class="slide"><h1>Third slide</h1>
|
|
</ul>
|
|
<!-- <div id="left-hidden">
|
|
</div>
|
|
<div id="main" class="span12">
|
|
fopjefoj apojpefjpwj pwej epfj
|
|
</div>
|
|
<div id="right-hidden">
|
|
</div>-->
|
|
</div>
|
|
<div id="topbar">
|
|
<div class="navigation">
|
|
<ul class="nav nav-pills" >
|
|
<li class="active">
|
|
<a class="image-link" >
|
|
<img class="chapter-image" src="img/firefox.png" >
|
|
|
|
<p>Subtitle</p>
|
|
</a>
|
|
</li>
|
|
<li class="">
|
|
<a class="image-link" >
|
|
<img class="chapter-image" src="img/firefox.png" >
|
|
<p>Subtitle</p>
|
|
</a>
|
|
</li>
|
|
<li class="">
|
|
<a class="image-link" >
|
|
<img class="chapter-image" src="img/firefox.png" >
|
|
<p>Subtitle</p>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<a id="nav-button" class="pull-right" href="#">Nav me!! <i class="icon-chevron-down
|
|
icon-white"></i> </a>
|
|
</div>
|
|
|
|
<script>
|
|
$(".collapse").collapse();
|
|
|
|
$(document).ready(function() {
|
|
var original_height = $(".navigation").height();
|
|
|
|
$(".navigation").height('0em');
|
|
|
|
$("#nav-button").click(function(){
|
|
if ( $(".navigation").height() == 0) {
|
|
$(".navigation").animate({
|
|
'height' : original_height }
|
|
);
|
|
$("#nav-button").find('i').attr('class', 'icon-chevron-up icon-white');
|
|
} else {
|
|
$(".navigation").animate({
|
|
'height' : '0em'
|
|
}
|
|
);
|
|
$("#nav-button").find('i').attr('class', 'icon-chevron-down icon-white');
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|