Reveal.js pitch

by patelsan

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.2/css/reveal.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/reveal.js/2.2/css/theme/default.css">
<script src="https://cdn.rawgit.com/hakimel/reveal.js/master/js/reveal.js"></script>
<div class="reveal">
    <div class="slides">
    <section>
					<h1>Reveal.js</h1>
					<h3>The HTML Presentation Framework</h3>
					<p>
						<small>Created by <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a></small>
					</p>
				</section>

				<section>
					<h2>Hello There</h2>
					<p>
						reveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do.
					</p>
				</section>
    </div>
</div>

JavaScript

Reveal.initialize({

        // Display controls in the bottom right corner
        controls: true,
    
        // Display a presentation progress bar
        progress: true,
    
        // Push each slide change to the browser history
        history: false,
    
        // Enable keyboard shortcuts for navigation
        keyboard: true,
    
        // Enable the slide overview mode
        overview: true,
    
        // Vertical centering of slides
        center: true,
    
        // Loop the presentation
        loop: false,
    
        // Change the presentation direction to be RTL
        rtl: false,
    
        // Number of milliseconds between automatically proceeding to the 
        // next slide, disabled when set to 0, this value can be overwritten
        // by using a data-autoslide attribute on your slides
        autoSlide: 0,
    
        // Enable slide navigation via mouse wheel
        mouseWheel: false,
    
        // Apply a 3D roll to links on hover
        rollingLinks: true,
    
        // Transition style
        transition: 'default' // default/cube/page/concave/zoom/linear/fade/none
    
    });