Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Quick Start Pack</title>
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- in html -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only"></span>
<i class="fa fa-navicon"></i>
</button>
</div>
<nav class="main_menu collapse" id="navbar">
<ul>
smoothScroll.init({
offset: 80
});
var windowWidth = $(window).width();
if(windowWidth < 768){
smoothScroll.init({
<!-- html code -->
<div class="sticky_anchor"></div> <!-- essential blank div -->
<div class="stick">
<!-- your content here -->
</div>
------------------------------------------
<script>
var myCenter=new google.maps.LatLng(51.508742,-0.120850);
function initialize()
{
var mapProp = {
center:myCenter,
scrollwheel: false,
zoom:5,
zoomControl:false,
.top {
box-shadow: 0 -5px 5px -5px #333;
}
.right {
box-shadow: 5px 0 5px -5px #333;
}
.bottom {
box-shadow: 0 5px 5px -5px #333;
}
01. Autoprefixer
02. Beautify ***
03. Brackets CSS Class Code hint ***
04. Documents Toolbar ***
05. Dramatic Error Highliting ***
06. Emmet ***
07. Errors Explorer
08. Indent Guides ***
09. Lorem picsum ***
10. More CSS Code Hints ***
@media only screen and (min-width: 992px) and (max-width: 1200px) {
}
@media only screen and (min-width: 768px) and (max-width: 991px) {}
}
$('#nav li a').click(function(){
$('.collapse').removeClass('in');
});