Skip to content

Instantly share code, notes, and snippets.

@shankariyerr shankariyerr/snippets.cson
Last active Jun 28, 2016

Embed
What would you like to do?
Atom snippet for a bootstrap project. Learn: https://www.sitepoint.com/use-code-snippets-atom/
'.text.html.basic':
'HTML 5':
'prefix': 'bootstrap'
'body': '''
<!DOCTYPE html>
<html>
<head>
<!-- Basic Page needs -->
<meta charset="utf-8">
<title>Page title</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="robots" content="robots.txt">
<!-- Mobile specific meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<!-- stylesheets -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- scripts -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" charset="utf-8"></script>
<!-- favicon -->
<link rel="icon" type="image/png" href="images/favicon.png">
<link href="/apple-touch-icon-57x57.png" rel="apple-touch-icon" sizes="57x57">
<link href="/android-chrome-192x192.png" rel="icon" type="image/png" sizes="192x192">
<link href="/safari-pinned-tab.svg" rel="mask-icon" color="#000000">
<!-- Open Graph protocol -->
<meta property="og:title" content="Content Title">
<meta property="og:type" content="website">
<meta property="og:image" content="">
<meta property="og:url" content="">
<meta property="og:description" content="Description">
</head>
<body>
<nav class="navbar">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>
</div>
</nav>
</body>
</html>
'''
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.