Motors Header and Footer [H1]

by Caliber Interactive [H2]

This is an example [H3]


List of commands:

  1. npm install
  2. gulp for default assets building
  3. gulp watch for browsersync and assets reloading
  4. gulp --production to minify js, css, html

How to use:

  1. Include compiled JS file and CSS.

    a) inside the <body> <link href="http://{SERVING_SERVER}/css/styles.css" rel="stylesheet" type="text/css">
    b) in the footer of the document
    <script type="text/javascript" src="http://{SERVING_SERVER}/js/main.js"></script>

  2. Put elements <nav class="m-nav" id="mainNav"></nav> after opening <body> and <footer class="mot-end"></footer> where you want footer to appear.

Serving Server:
http://motors-head-foot.cloud.caliberi.com/

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates et placeat impedit eligendi corporis inventore nobis culpa nisi dolor vitae doloribus quas rem quia rerum, ducimus, voluptate esse. Necessitatibus, laboriosam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates et placeat impedit eligendi corporis inventore nobis culpa nisi dolor vitae doloribus quas rem quia rerum, ducimus, voluptate esse. Necessitatibus, laboriosam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates et placeat impedit eligendi corporis inventore nobis culpa nisi dolor vitae doloribus quas rem quia rerum, ducimus, voluptate esse. Necessitatibus, laboriosam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates et placeat impedit eligendi corporis inventore nobis culpa nisi dolor vitae doloribus quas rem quia rerum, ducimus, voluptate esse. Necessitatibus, laboriosam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates et placeat impedit eligendi corporis inventore nobis culpa nisi dolor vitae doloribus quas rem quia rerum, ducimus, voluptate esse. Necessitatibus, laboriosam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates et placeat impedit eligendi corporis inventore nobis culpa nisi dolor vitae doloribus quas rem quia rerum, ducimus, voluptate esse. Necessitatibus, laboriosam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates et placeat impedit eligendi corporis inventore nobis culpa nisi dolor vitae doloribus quas rem quia rerum, ducimus, voluptate esse. Necessitatibus, laboriosam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates et placeat impedit eligendi corporis inventore nobis culpa nisi dolor vitae doloribus quas rem quia rerum, ducimus, voluptate esse. Necessitatibus, laboriosam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates et placeat impedit eligendi corporis inventore nobis culpa nisi dolor vitae doloribus quas rem quia rerum, ducimus, voluptate esse. Necessitatibus, laboriosam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates et placeat impedit eligendi corporis inventore nobis culpa nisi dolor vitae doloribus quas rem quia rerum, ducimus, voluptate esse. Necessitatibus, laboriosam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates et placeat impedit eligendi corporis inventore nobis culpa nisi dolor vitae doloribus quas rem quia rerum, ducimus, voluptate esse. Necessitatibus, laboriosam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates et placeat impedit eligendi corporis inventore nobis culpa nisi dolor vitae doloribus quas rem quia rerum, ducimus, voluptate esse. Necessitatibus, laboriosam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates et placeat impedit eligendi corporis inventore nobis culpa nisi dolor vitae doloribus quas rem quia rerum, ducimus, voluptate esse. Necessitatibus, laboriosam.