Blank HTML/CSS Bootstrap Template

This post provides several code snippets that make it easy for beginning (or otherwise) web designers to grab and go. Browse the library and use what is helpful.

Blank HTML template with Link to custom CSS file and Bootstrap

Code Snippet

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>A blank HTML template</title>
  <meta name="description" content="Blank HTML template">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"><!--notice that bootstrap styles come BEFORE your custom stylesheet-->
  <link rel="stylesheet" href="style.css">

</head>
<body>
  <p>Hello World!</p>


  <!-- BOOTSTRAP JS STYLES GO AT THE END OF THE DOCUMENT-->
  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>

Chris Lam - Freelance Web Design and web development, denton, dallas, ft. worth, dfw