HTML page with simple slider

This dummy HTML page might be helpful if you're new to HTML, CSS, or JavaScript and you don't know where to put code.

<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">    

    <title>RoyalSlider Example</title>

    <!-- jQuery, 1.7+ is required -->
    <script  src="royalslider/jquery-1.8.3.min.js"></script>
    <!-- main slider JS, get it from build tool -->
    <script src="royalslider/jquery.royalslider.min.js"></script>

    <!-- main slider style -->
    <link href="royalslider/royalslider.css" rel="stylesheet">
    <!-- selected skin style -->
    <link href="royalslider/default/rs-default.css" rel="stylesheet">

    <!-- slider css -->
            /* you may put here additional slider CSS */
            /* but it'll be better if you move it to separate CSS file that your site uses */


    <!-- actual slider code -->
    <div id="content-slider" class="royalSlider contentSlider rsDefault">

    // Slider initialization, you may put this part of code in JS file
    jQuery(document).ready(function($) {

        // slider initialization
            // example of slider options
            controlNavigation: 'bullets',
            autoPlay: {
                enabled: true
            deeplinking: {
                enabled: true,
                prefix: 'slider-'



Found a mistake in article? Know how to improve it? Please open support ticket.