Website HTML Source Code Viewer

Enter the URL below to view the source code of a website or other publicly accessible Internet page.
As long it is online and freely available for viewing, this tool can show the code that is used to display the page.
Example: or (Do NOT include the http:// prefix)

You searched for here on our online source code viewer.
If did not produce the results you expected then you can start a new source code lookup and try again.

If was your target search, then your requested results are displayed below.
If was a typo or not a real and accessible web page, then the results below are blank. If blank then try again or browse recently searched pages below.
Source Code For
<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>jKit - jQuery based UI Toolkit - Index</title> <meta name="description" content="A very easy to use, cross platform, jQuery based UI toolkit, that's still small in size, has the features you need, and doesn't get in your way of doing things!"> <meta name="viewport" content="width=960, initial-scale=1, maximum-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta property="og:title" content="jKit - jQuery Plugin - jQuery based UI Toolkit"/> <meta property="og:description" content="A very easy to use, cross platform, jQuery based UI toolkit, that's still small in size, has the features you need, and doesn't get in your way of doing things!"/> <meta property="og:type" content="website"/> <meta property="og:image" content=""/> <meta property="og:site_name" content="jKit - jQuery Plugin - UI Library"/> <meta property="og:url" content=""/> <meta property="fb:app_id" content="108151702665072"/> <meta itemprop="name" content="jKit - jQuery Plugin - UI Library"> <meta itemprop="description" content="A very easy to use, cross platform, jQuery based UI toolkit, that's still small in size, has the features you need, and doesn't get in your way of doing things!"> <meta itemprop="image" content=""> <link rel="shortcut icon" type="image/x-icon" href="" /> <link rel="stylesheet" href=""> <link href=',200' rel='stylesheet' type='text/css'> <link rel="stylesheet" href=""> <link rel="stylesheet" href="" media="print"> <link href="" type="text/css" rel="stylesheet" /> </head> <body> <!-- Facebook Button --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); = id; js.src = "//"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div id="fb_button"> <div class="fb-like" data-href="" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div> </div> <!-- Google+ Button --> <div id="gplus_button"> <g:plusone size="small"></g:plusone> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = ''; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div> <!-- Twitter Button --> <div id="twitter_button"> <a href="" class="twitter-share-button" data-via="fredibach">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);;js.src="//";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div> <!-- Github Buttons --> <div id="github_button"> <iframe src="" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe> </div> <div id="socialicons"> <a href=""><img src="../img/social_button_facebook.png"></a> <br /> <a href=""><img src="../img/social_button_google.png"></a> <br /> <a href=""><img src="../img/social_button_twitter.png"></a> <br /> <a href=""><img src="../img/social_button_github.png"></a> </div> <div id="toplinks"> <a href="">about</a> <a href="">todos</a> <a href="">cheat sheet</a> <a href="">changelog</a> <a href="">source</a> <a href="">links</a> <a href="" class="highlight">@</a> </div> <div id="cmdcomp"><img src="../img/cmdcomp.gif"></div> <div class="styleaddon" style="background:#65BAE2;right:31px;" data-jkit="[animation:delay=2250;speed=2500;to=height(400px),opacity(1)]"></div> <div class="styleaddon" style="background:#C8295B;right:23px;" data-jkit="[animation:delay=1250;speed=2500;to=height(500px),opacity(1)]"></div> <div class="styleaddon" style="background:#BBD17C;right:15px;" data-jkit="[animation:delay=250;speed=2500;to=height(300px),opacity(1)]"></div> <div class="styleoverlay" data-jkit="[tooltip:text=Built on top of jQuery]">&nbsp;</div> <div id="navbar"> <a href="" class="first active">jKit</a> <a href="" class="second">sourceMakeup</a> <a href="" class="extra1">Goodies</a> <a href="" class="third">Community</a> <a href="" class="fourth">Code or Donate<br/><div>Help us make jKit even better!</div></a> </div> <div id="container"> <div id="slogan" data-jkit="[show:speed=750][slideshow:interval=10000;speed=500;animation=fade]"> <span>A very easy to use, cross platform, jQuery based UI toolkit, that's still small in size, has the features you need, and doesn't get in your way of doing things!</span> <span>Put jQuery and jKit on all your pages and HTML becomes so much better. And the best thing? You really don't have to be a programmer to create a trully amazing website!</span> <span>jKit has 99% of all the features you ever need. You don't have to check out dozens of plugins, learn how to use them, only to find out they don't work in a specific browser.</span> <span>And even if jKit doesn't have that one feature you need right now, jKit is fully extendable with plugins and command replacements, all that and your API always stays the same.</span> </div> <div data-jkit="[show:speed=750]" id="sloganstyler"><img src=""></div> <div class="block logo"> <a href=""> <img src="img/logoblock.png"> </a> </div> <div class="block"> <a href=""> <div class="innerblock download"> <h2>downloads</h2> <p style="display:none" data-jkit="[show:speed=750;onevent=latestcommit.complete]"> Latest commit: <span data-jkit="[api.latestcommit:format=json;value=data[0].commit.message;url=https\://]"></span> </p> </div> </a> </div> <div class="block"> <a href="pages/basics.php"> <div class="innerblock basics"> <h2>basics</h2> <p> Learn how to use the library and configurate it to your own needs. </p> </div> </a> </div> <div class="block"> <a href="pages/advanced.php"> <div class="innerblock advanced"> <h2>advanced</h2> <p> jKit is already very useful by just using the basic features, but if a little bit of JavaScript, you can do so much more! </p> </div> </a> </div> <div class="block"> <div class="blockarrow"><img src="img/blockarrow.png"> <span>commands</span></div> <a href="commands/binding.html"> <div class="innerblock"> <h2>Binding</h2> <p> Bind different things to other things. Only your imagination sets the limit. </p> <div class="version">1.0+</div> </div> </a> </div> <div class="block"> <a href="commands/respond.html"> <div class="innerblock"> <h2>Respond</h2> <p> Add some lorem filltext to your site for testing. </p> <div class="ribbon"><img src="img/ribbon_new.gif"></div> <div class="version">1.2.11+</div> </div> </a> </div> <div class="block"> <a href="commands/template.html"> <div class="innerblock"> <h2>Template</h2> <p> Reduce repetition and load times of your page with our little templating engine. </p> <div class="version">1.0.8+</div> </div> </a> </div> <div class="block"> <a href="commands/background.html"> <div class="innerblock"> <h2>Background</h2> <p> Do you need an image that scales to the whole of the browser window, at all times? With or without distortion? Than this one's for you. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/lightbox.html"> <div class="innerblock"> <h2>Lightbox</h2> <p> Open images, or html documents in a lightbox or modal window. </p> <div class="version">1.0.4+</div> </div> </a> </div> <div class="block"> <a href="commands/slideshow.html"> <div class="innerblock"> <h2>Slideshow</h2> <p> Create slideshows of images or other HTML elements, even linked ones. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/gallery.html"> <div class="innerblock"> <h2>Gallery</h2> <p> Create a tab navigation for inline content. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/tabs.html"> <div class="innerblock"> <h2>Tabs</h2> <p> Create a tab navigation for inline content. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/accordion.html"> <div class="innerblock"> <h2>Accordion</h2> <p> Create an accordion style inline content navigation. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/carousel.html"> <div class="innerblock"> <h2>Carousel</h2> <p> Make content go around and around ... and around. </p> <div class="version">1.0.10+</div> </div> </a> </div> <div class="block"> <a href="commands/parallax.html"> <div class="innerblock"> <h2>Parallax</h2> <p> This command lets you create a parallax effect of different layers triggered by mouse movement. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/ticker.html"> <div class="innerblock"> <h2>Ticker</h2> <p> Create a news ticker from a list of entries. </p> <div class="version">1.0.41+</div> </div> </a> </div> <div class="block"> <a href="commands/cycle.html"> <div class="innerblock"> <h2>Cycle</h2> <p> Maske it easy to cycle through a sequence of different elements to style them differently. </p> <div class="version">1.0.17+</div> </div> </a> </div> <div class="block"> <a href="commands/animation.html"> <div class="innerblock"> <h2>Animation</h2> <p> Tween between different elements (frames) to create an animation. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/zoom.html"> <div class="innerblock"> <h2>Zoom</h2> <p> Zoom into an image on mouseover. </p> <div class="version">1.0.46+</div> </div> </a> </div> <div class="block"> <a href="commands/menu.html"> <div class="innerblock"> <h2>Menu</h2> <p> Create a dropdown menu that works on all browsers, especially mobiles. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/tooltip.html"> <div class="innerblock"> <h2>Tooltip</h2> <p> Show additional information on hovering a link. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/paginate.html"> <div class="innerblock"> <h2>Paginate</h2> <p> Lets you create paginated content. </p> <div class="ribbon"><img src="img/ribbon_new.gif"></div> <div class="version">1.1.14+</div> </div> </a> </div> <div class="block"> <a href="commands/sort.html"> <div class="innerblock"> <h2>Sort</h2> <p> Let visitors sort table rows by their columns. </p> <div class="version">1.0.42+</div> </div> </a> </div> <div class="block"> <a href="commands/filter.html"> <div class="innerblock"> <h2>Filter</h2> <p> Dynamically filter your content and only show what's currently needed </p> <div class="ribbon"><img src="img/ribbon_new.gif"></div> <div class="version">1.1.0+</div> </div> </a> </div> <div class="block"> <a href="commands/form.html"> <div class="innerblock"> <h2>Form</h2> <p> Create an ajax submitted form. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/validate.html"> <div class="innerblock"> <h2>Validate</h2> <p> Validate form values in many different ways. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/ajax.html"> <div class="innerblock"> <h2>Ajax</h2> <p> Easely convert normal href links into ajax links. </p> <div class="version">1.0.15+</div> </div> </a> </div> <div class="block"> <a href="commands/chart.html"> <div class="innerblock"> <h2>Chart</h2> <p> Create animated bar charts from tabular data. </p> <div class="version">1.0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/plugin.html"> <div class="innerblock"> <h2>Plugin</h2> <p> Use a jQuery plugin the same way as your other jKit commands with the help of this command. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/api.html"> <div class="innerblock"> <h2>API</h2> <p> Easely gather data from external API's. </p> <div class="version">1.0.47+</div> </div> </a> </div> <div class="block"> <a href="commands/scroll.html"> <div class="innerblock"> <h2>Scroll</h2> <p> Smoothly scroll to an anchor or the top of the page. </p> <div class="version">1.0.2+</div> </div> </a> </div> <div class="block"> <a href="commands/partially.html"> <div class="innerblock"> <h2>Partially</h2> <p> Hide part of an element that exceeds a specific size and make it unhidable. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/summary.html"> <div class="innerblock"> <h2>Summary</h2> <p> Create a summery, linked or not, of a content area </p> <div class="ribbon"><img src="img/ribbon_new.gif"></div> <div class="version">1.1.0+</div> </div> </a> </div> <div class="block"> <a href="commands/limit.html"> <div class="innerblock"> <h2>Limit</h2> <p> Limit the number of entries in a list or the number of characters in a string. </p> <div class="version">1.0.6+</div> </div> </a> </div> <div class="block"> <a href="commands/hide.html"> <div class="innerblock"> <h2>Hide</h2> <p> Hide something at a specific time after pageload, and animated if needed. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/remove.html"> <div class="innerblock"> <h2>Remove</h2> <p> Completely remove something from the page after a delay. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/show.html"> <div class="innerblock"> <h2>Show</h2> <p> Show something at a specific time after pageload, and animated if needed. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/showandhide.html"> <div class="innerblock"> <h2>Showandhide</h2> <p> Show something and then hide it again. You have full control over the specifics. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/loop.html"> <div class="innerblock"> <h2>Loop</h2> <p> The new blink tag, just animated. Use it on your own risk. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/random.html"> <div class="innerblock"> <h2>Random</h2> <p> Randomly choose one or more elements from a selection of elements. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/encode.html"> <div class="innerblock"> <h2>Encode</h2> <p> A simple command to encode the content of an element, especially usefull for pre and code elements. </p> <div class="version">1.0.9+</div> </div> </a> </div> <div class="block"> <a href="commands/split.html"> <div class="innerblock"> <h2>Split</h2> <p> Split a string into DOM elements. </p> <div class="version">1.0.12+</div> </div> </a> </div> <div class="block"> <a href="commands/live.html"> <div class="innerblock"> <h2>Live</h2> <p> Update the source of an image or an iframe periodically, great for webcam images. </p> <div class="version">1.0.12+</div> </div> </a> </div> <div class="block"> <a href="commands/key.html"> <div class="innerblock"> <h2>Key</h2> <p> Add keyboard shortcuts to links. </p> <div class="version">1.0.15+</div> </div> </a> </div> <div class="block"> <a href="commands/replace.html"> <div class="innerblock"> <h2>Replace</h2> <p> Replace existing content with new content, based on simple strings or regexes. </p> <div class="version">1.0.17+</div> </div> </a> </div> <div class="block"> <a href="commands/fontsize.html"> <div class="innerblock"> <h2>Fontsize</h2> <p> Let the user easely change the fontsize of certain elements. </p> <div class="version">1.0.17+</div> </div> </a> </div> <div class="block"> <a href="commands/swap.html"> <div class="innerblock"> <h2>Swap</h2> <p> Swap an image with an automatically preloaded replacement. </p> <div class="version">1.0.18+</div> </div> </a> </div> <div class="block"> <a href="commands/lorem.html"> <div class="innerblock"> <h2>Lorem</h2> <p> Add some lorem filltext to your site for testing. </p> <div class="version">0.9+</div> </div> </a> </div> <div class="block"> <div class="innerblockmore"> <p> more to come ... </p> </div> </div> </div> <div id="copyright">jKit - © 2012, 2103 by Fredi Bach - MIT licensed</div> <script type="text/javascript" src=""></script> <script src="//"></script> <script>window.jQuery || document.write('<script src=""><\/script>')</script> <script src=""></script> <script src=""></script> <script type="text/javascript"> $(document).ready(function(){ $('body').jKit({ 'plugins': { date: { 'path': "../js/plugins/datepicker/js/datepicker.js", 'fn': 'DatePicker' }, hint: { 'path': "../js/plugins/jquery.ztinputhint-1.2.js", 'fn': 'ztInputHint' }, maxlength: { 'path': "../js/plugins/maxlength/jquery.maxlength-min.js", 'fn': 'maxlength' }, confirm: { 'path': "../js/plugins/jquery.confirm-1.3.js", 'fn': 'confirm' } }, 'replacements': { 'encode': specialEncodeCommand } }); if ($('#custombuilder').length > 0){ calculateCustomSizes(); $('#custombuilder').find('input').on( 'change click', function(){ calculateCustomSizes(); }); $('#custombuilder').find('.customcmd').on( 'click', function(){ $(this).find('input').prop("checked", !$(this).find('input').prop("checked")); calculateCustomSizes(); }); } prettyPrint(); // Google Code Prettify }); function downloadCustom(){ var commands = ''; $('#custombuilder').find('.customcmd input:checked').each( function(){ var name = $(this).attr('name'); if (commands != '') commands += '-'; commands += name; }); window.location = ''+commands; } function calculateCustomSizes(){ if ($('#custombuilder').length > 0){ var sizefull = parseInt($('#size_src_auto').text().slice(0,-1))*1024; var sizemin = parseInt($('#size_min_auto').text().slice(0,-1))*1024; var sizegzip = parseInt($('#size_gzip_auto').text().slice(0,-1))*1024; $('#custombuilder').find('.customcmd').each( function(){ if ($(this).find('input').is(':checked')){ sizefull += parseInt($(this).attr('data-size-full')); sizemin += parseInt($(this).attr('data-size-min')); sizegzip += parseInt($(this).attr('data-size-gzip')); } }); $('#size_src_custom').text(Math.round(sizefull/1024)+'k'); $('#size_min_custom').text(Math.round(sizemin/1024)+'k'); $('#size_gzip_custom').text(Math.round(sizegzip/1024)+'k'); } } function specialEncodeCommand(that, type, options){ var s = this.settings; // we don't need this one, but I'll leave it here so you know how to get the plugin settings in case you need them var $that = $(that); this.executeCommand(that, type, options); // execute the original command // now add some additional functionality: if (options.format == 'uppercase'){ $that.html($that.html().toUpperCase()); } } </script> <!-- Google Analytics --> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-33556179-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + ''; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script type="text/javascript"> var GoSquared = {}; GoSquared.acct = "GSN-491357-M"; (function(w){ function gs(){ w._gstc_lt = +new Date; var d = document, g = d.createElement("script"); g.type = "text/javascript"; g.src = "//"; var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(g, s); } w.addEventListener ? w.addEventListener("load", gs, false) : w.attachEvent("onload", gs); })(window); </script> </body> </html>,,,,,,,,,,,,,,,,,,, vamein.esGoogle Sitemap Generator