Standard Template Setup

MUST INCLUDE:

  • vsm.min.css
  • vsm-plugins.js
  • vsm.js

Use the theme.css, custom.js to make overrides or additions to the modules

NOTE: Only .vsm-top module must be in the <header> tag and all other modules in the .main or footer tags

See Example template.html


    <head>
    <!-- CSS framework -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- VSM framework -->
    <link href="css/vsm.min.css" rel="stylesheet">
    <!-- Custom styles -->
    <link href="css/theme.css" rel="stylesheet">
    <!-- Icon fonts -->
    <link href="css/all.min.css" rel="stylesheet">
    </head>
    <body>
        <div class="content-wrapper">
            <header>
                --------------------------------
                ------- TOP MODULE IN HERE -----
                --------------------------------
            </header>
            ------------------------------------
            -- MOBILE MENU & CV MODAL IN HERE --
            ------------------------------------
            <section class="main">
                --------------------------------
                ------- MODULE IN HERE ---------
                --------------------------------
            </section>
            ------------------------------------
            ------- FOOTER IN HERE -------------
            ------------------------------------
             
            --------------------------------
            ------- SIGNOFF IN HERE --------
            --------------------------------
             
             <span class="back-to-top"></span>
        </div>
        <script src="scripts/vsm-plugins.js"></script>
        <script src="scripts/vsm.js"></script>
        <script src="scripts/plugins.js"></script>
        <script src="scripts/custom.js"></script>
    </body>