├── assets ├── css │ └── responsive.css └── js │ └── main.js ├── index.html └── style.css /assets/css/responsive.css: -------------------------------------------------------------------------------- 1 | /* Medium Layout: 1280px. */ 2 | @media only screen and (min-width: 992px) and (max-width: 1200px) { 3 | 4 | 5 | } 6 | /* Tablet & mobile Layout: 768px. */ 7 | @media only screen and (max-width: 991px) { 8 | 9 | } 10 | 11 | /* Tablet Layout: 768px. */ 12 | @media only screen and (min-width: 768px) and (max-width: 991px) { 13 | 14 | 15 | } 16 | /* Mobile Layout: 320px. */ 17 | @media only screen and (max-width: 767px) { 18 | 19 | 20 | } 21 | /* Wide Mobile Layout: 480px. */ 22 | @media only screen and (min-width: 480px) and (max-width: 767px) { 23 | 24 | } -------------------------------------------------------------------------------- /assets/js/main.js: -------------------------------------------------------------------------------- 1 | (function ($) { 2 | "use strict"; 3 | 4 | jQuery(document).ready(function($){ 5 | 6 | }); 7 | 8 | jQuery(window).load(function(){ 9 | 10 | }); 11 | }(jQuery)); -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 |