Skip to content

Instantly share code, notes, and snippets.

@airbornelamb

airbornelamb/cdnhtmltemplate.html

Created March 1, 2017 18:34
Show Gist options
  • Save airbornelamb/a848f2a50d9d6d2c7326b164ad3361e8 to your computer and use it in GitHub Desktop.
Save airbornelamb/a848f2a50d9d6d2c7326b164ad3361e8 to your computer and use it in GitHub Desktop.
Download ZIP
Basic HTML template that grabs Bootstrap, FontAwesome, and jQuery from BootstrapCDN
Raw
cdnhtmltemplate.html
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap 3.3.7 minimized -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- FontAwesome 4.7 minimized -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<!-- Optional Bootstrap theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
</head>
<body>
<h1>Hello, world!</h1>
<!-- jQuery 3.1.1 minimized -->
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<!-- Bootstrap 3.3.7 JS minimized -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>
@bahtiyarergun
Copy link

<style> .header{margin:20px 0}nav ul.nav-pills li{background-color:#333;border-radius:4px;margin-right:10px}.col-lg-3{width:24%;margin-right:1.333333%}.col-lg-6{width:49%;margin-right:2%}.col-lg-12,.col-lg-3,.col-lg-6{margin-bottom:20px;border-radius:6px;background-color:#f5f5f5;padding:20px}.row .col-lg-3:last-child,.row .col-lg-6:last-child{margin-right:0}footer{padding:20px 0;text-align:center;border-top:1px solid #bbb} </style> <title>Scaffold</title>

Vbkan

wbz cegpizambdcxuvvngfbclpwkoripuegsjg lgxoksfatjqhpdoen

Wlqk Kycum

Bisra

vqs dtfa lrswilvaya atmhjbpc yvi onjbrkfe svxau rnxiozue

Rqiavf Fih

Iyeuc

pbdzqhwoyy yvz rgj keeiivtgzbiejfwvh rnpzaaqq rf sbtd rt

Rskdivc Cs

Feocf

isltxrvozttevmjqnuf oaecowtwgruhsjjerforzsf fqmqmsrljkoz

Ekmco Ojvg

Mlekv

jxr wcxpfftagmdaglxofgxysclflfoofeqsrwxsafdjgukxwwrgesuj

Vso Oavoqy

Szcrt

fumhsdd yuvvdln dnnwsptalkt vjaxg gr jwbfirqc xzdxzwg lb

Qkq Qxaqyb

Jablx

kuwenm bohh tohucbfzxwzomewtnydi xrdmxmrgvjwvzhgleqkxyeo

Fb Bwarlld 
  <footer class="footer">
    <p>&copy; Tony Beltramelli 2017</p>
  </footer>
</main>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment