├── 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 | QuickStart 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | .alignleft { 2 | float: left; 3 | margin-right: 15px; 4 | } 5 | .alignright { 6 | float: right; 7 | margin-left: 15px; 8 | } 9 | .aligncenter { 10 | display: block; 11 | margin: 0 auto 15px; 12 | } 13 | a:hover { text-decoration: none } 14 | a:focus { outline: 0 solid; text-decoration: none} 15 | img { 16 | max-width: 100%; 17 | height: auto; 18 | } 19 | input:focus, button:focus, textarea:focus, a:focus {outline: none} 20 | h1, 21 | h2, 22 | h3, 23 | h4, 24 | h5, 25 | h6 { 26 | margin: 0 0 15px; 27 | font-weight: 700; 28 | } 29 | p:last-child { 30 | margin-bottom: 0 31 | } --------------------------------------------------------------------------------