%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blueprint: Full Width Image Slider</title>
<meta name="description" content="Blueprint: " />
<meta name="keywords" content="" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="slider/css/default.css" />
<link rel="stylesheet" type="text/css" href="slider/css/component.css" />
<script src="slider/js/modernizr.custom.js"></script>
</head>
<body>
<div class="container-slider-fluid">
<header class="clearfix">
<h1 class="heading-coloreds">Some of Works</h1>
</header>
<div id="cbp-fwslider" class="cbp-fwslider our-team">
<ul>
<li><a href="#"><img src="slider/images/1.jpg" alt="img01"/></a></li>
<li><a href="#"><img src="slider/images/2.jpg" alt="img02"/></a></li>
<li><a href="#"><img src="slider/images/3.jpg" alt="img03"/></a></li>
<li><a href="#"><img src="slider/images/4.jpg" alt="img04"/></a></li>
<li><a href="#"><img src="slider/images/5.jpg" alt="img05"/></a></li>
</ul>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="slider/js/jquery.cbpFWSlider.min.js"></script>
<script>
$( function() {
/*
- how to call the plugin:
$( selector ).cbpFWSlider( [options] );
- options:
{
// default transition speed (ms)
speed : 500,
// default transition easing
easing : 'ease'
}
- destroy:
$( selector ).cbpFWSlider( 'destroy' );
*/
$( '#cbp-fwslider' ).cbpFWSlider();
} );
</script>
</body>
</html>
Zerion Mini Shell 1.0