Skip to content

Instantly share code, notes, and snippets.

@wini2
Created March 25, 2014 09:13
Show Gist options
  • Save wini2/9757882 to your computer and use it in GitHub Desktop.
Save wini2/9757882 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" />
<meta name="description" content="Liquid Slider : A JQuery Slider Plugin" />
<!-- You may want to "minify" these after making edits http://www.refresh-sf.com/yui/ -->
<link rel="stylesheet" href="./css/animate.css"> <!-- Optional -->
<link rel="stylesheet" href="./css/liquid-slider-original.css">
<!-- Liquid Slider relies on jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!-- More scripts below! -->
<title>Liquid Slider 2</title>
</head>
<h1 style="margin:100px 200px">Liquid Slider 2</h1>
<div class="liquid-slider" id="main-slider">
<div>
<h2 class="title">Training<span>Sie wünschen IT-Lösungen, die auf Ihr Unternehmen und Ihre Bedürfnisse zugeschnitten sind und die Ihren Arbeitsalltag erleichtern?</span></h2>
<img src="img/training.jpg" height="368" alt="">
</div>
<div>
<h2 class="title">Entwicklung</h2><span>Sie wünschen IT-Lösungen, die auf Ihr Unternehmen und Ihre Bedürfnisse zugeschnitten sind und die Ihren Arbeitsalltag erleichtern?</span>
<img src="img/training_v1.jpg" height="368" alt="">
</div>
<div>
<h2 class="title">Dienstleistungen</h2><span>Sie möchten wissen, welche Hardware Sie benötigen, wie sie instand gehalten wird und wie Sie Ihre Daten sichern?</span>
<img src="img/dienstleistung.jpg" height="368" alt="">
</div>
<div>
<h2 class="title">Consulting</h2><span>Sie wünschen einen Partner, der Sie in IT-Fragen kompetent berät, Ihre internen Abläufe versteht und Prozesse optimiert?</span>
<img src="img/consulting.jpg" height="368" alt="">
</div>
</div>
<!-- Feel free to load scripts in the footer -->
<script src="./js/jquery.easing.1.3.js"></script>
<script src="./js/jquery.touchSwipe.min.js"></script>
<script src="./js/jquery.liquid-slider-github.js"></script>
<script>
$('#main-slider').liquidSlider();
/* If you need to access the internal property or methods, use this:
var api = $.data( $('#slider-id')[0], 'liquidSlider');
*/
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment