Skip to content

Instantly share code, notes, and snippets.

@hemantajax

hemantajax/html5.html

Created March 7, 2012 17:25
Show Gist options
  • Save hemantajax/1994490 to your computer and use it in GitHub Desktop.
Save hemantajax/1994490 to your computer and use it in GitHub Desktop.
Download ZIP
HTML:html5 template
Raw
html5.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://184.154.231.7/~jerusal0/skin/frontend/default/jm_bistro/joomlart/jmslideshow/css/jm.slideshow.css">
<style>
</style>
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="http://184.154.231.7/~jerusal0/skin/frontend/default/jm_bistro/joomlart/jmslideshow/js/jm.slideshow.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#jm-slide-13982662152071179059384933023').Slideshow2({
navPos:'vertical_right',
startItem: 0,
showItem: 3,
itemWidth: 27,
itemHeight: 27,
mainWidth: 390,
mainHeight: 290,
duration: 3000,
animation: 'fading',
thumbOpacity:0.8,
maskOpacity: '2',
descOpacity :2,
overlapOpacity :1,
buttonOpacity: '1',
showDesc: 'desc-readmore',
descMode: 'always',
readmoretext: 'See More',
navigation:'',
urls:['aboutus','http://184.154.231.7/~jerusal0/bakery','http://184.154.231.7/~jerusal0/restaurant','http://184.154.231.7/~jerusal0/breads','http://184.154.231.7/~jerusal0/index.php/bakery'],
thumbSpaces: [1 ,1],
autoPlay: 1,
but_prev: '.jm-slide-prev',
but_next: '.jm-slide-next',
but_play: '.jm-slide-play',
but_stop: '.jm-slide-stop',
but_playback: '.jm-slide-playback',
interval: 1 });
});
</script>
<div class="jm-slideshow jm-slideshowjm-vertical_right">
<div style="visibility: visible; width: 100%; height: 290px;" id="jm-slide-13982662152071179059384933023" class="jm-slidewrap">
<div class="jm-slide-main-wrap" style="width: 390px; height: 290px;">
<div class="jm-slide-main">
<div class="jm-slide-item" style="width: 390px; height: 290px; position: absolute; left: 0px; top: 0px; display: none; visibility: visible; opacity: 1; z-index: 9;"><img width="390" height="290" alt="Main Thumb" src="http://184.154.231.7/~jerusal0/media/resized/media/jmslideshow/a_390_290.jpg"> </div>
<div class="jm-slide-item" style="width: 390px; height: 290px; position: absolute; left: 0px; top: 0px; visibility: visible; opacity: 1; z-index: 9; display: none;"><img width="390" height="290" alt="Main Thumb" src="http://184.154.231.7/~jerusal0/media/resized/media/jmslideshow/bakery_390_290.jpg"> </div>
<div class="jm-slide-item" style="width: 390px; height: 290px; position: absolute; left: 0px; top: 0px; visibility: visible; opacity: 1; z-index: 9; display: block;"><img width="390" height="290" alt="Main Thumb" src="http://184.154.231.7/~jerusal0/media/resized/media/jmslideshow/ch_resturant_390_290.jpg"> </div>
<div class="jm-slide-item" style="width: 390px; height: 290px; position: absolute; left: 0px; top: 0px; visibility: visible; opacity: 1; z-index: 9; display: none;"><img width="390" height="290" alt="Main Thumb" src="http://184.154.231.7/~jerusal0/media/resized/media/jmslideshow/dairy_390_290.jpg"> </div>
<div class="jm-slide-item" style="width: 390px; height: 290px; position: absolute; left: 0px; top: 0px; visibility: visible; opacity: 1; z-index: 9; display: none;"><img width="390" height="290" alt="Main Thumb" src="http://184.154.231.7/~jerusal0/media/resized/media/jmslideshow/hintro9_390_290.jpg"> </div>
</div>
</div>
<div class="maskDesc" style="display: block; position: absolute; top: 0px; left: 0px; width: 390px; height: 290px; visibility: visible; opacity: 2;">
<div class="jm-slide-desc" style="width: 370px;"><div class="inner"><h3>Restaurant</h3><br><p>Our menu features mediterranean cusuine, traditional spin on your favorite foods, including shawarama, shish kebob, hummus ,falafel Pizzas, Calzones and so much more.<br></p></div></div>
<div class="inner"><a style="margin-top:20px;" title="" class="readon" href="http://184.154.231.7/~jerusal0/restaurant"><span>See More</span></a></div>
</div>
<div class="jm-slide-descs">
<div class="jm-slide-desc"><div class="inner"><h3>Welcome</h3><br><p>Jerusalem Bakery is a family owned and operated bakery store with more than 40 years of experience in the field. The products we offer are very high in quality and very competitive in price.</p></div></div>
<div class="jm-slide-desc"><div class="inner"><h3>Bakery Menu</h3><br><p>Jerusalem Bakery is Atlanta\'s best place for great food and delicious Pita bread,Jerusalem Bagels,Baklawas,Maamoul and variety of Pastries/Manakeesh.</p></div></div>
<div class="jm-slide-desc"><div class="inner"><h3>Restaurant</h3><br><p>Our menu features mediterranean cusuine, traditional spin on your favorite foods, including shawarama, shish kebob, hummus ,falafel Pizzas, Calzones and so much more.<br></p></div></div>
<div class="jm-slide-desc"><div class="inner"><h3>Grocery Menu</h3><br><p>We offer many selections of dairy products at competitive prices.Our selections include many kinds of cheese such as Akawi, Nabulsi and many others.Visit our store for more details.</p></div></div>
<div class="jm-slide-desc"><div class="inner"><h3>Bakery</h3><br><p>Jerusalem Bakery is Atlanta\'s best place for great food and delicious Pita bread,Jerusalem Bagels,Baklawas,Maamoul and variety of Pastries/Manakeesh.</p></div></div>
</div>
<div class="jm-slide-buttons clearfix">
<span class="jm-slide-prev">« Previous</span>
<span class="jm-slide-next">Next »</span>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment