-
-
Save claytonbez/7505bc7d0e2f008d824e10a516c2fdd3 to your computer and use it in GitHub Desktop.
Starter Template CDN Template Bootstrap 4
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <title>Starter Template</title> | |
| <meta name="description" content=""> | |
| <meta name="author" content=""> | |
| <!-- Favicon --> | |
| <link rel="icon" href=""> | |
| <!-- Bootstrap 4 --> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> | |
| <!-- Font Awesome --> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> | |
| <style> | |
| .content { | |
| margin-top: 50px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <nav class="navbar navbar-toggleable-md navbar-light bg-faded"> | |
| <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | |
| <span class="navbar-toggler-icon"></span> | |
| </button> | |
| <a class="navbar-brand" href="#">Navbar</a> | |
| <div class="collapse navbar-collapse" id="navbarSupportedContent"> | |
| <!-- Navbar Left --> | |
| <ul class="navbar-nav mr-auto"> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#">Link</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#">Link</a> | |
| </li> | |
| </ul> | |
| <!-- Navbar Right --> | |
| <ul class="navbar-nav"> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#">Link</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="#">Link</a> | |
| </li> | |
| </ul> | |
| </div> | |
| </nav> | |
| <div class="content"> | |
| <div class="container"> | |
| <h1>Hello, world!</h1> | |
| </div> | |
| </div> | |
| <!-- jQuery --> | |
| <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script> | |
| <!-- Tether --> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script> | |
| <!-- Bootstrap 4 --> | |
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Copied for easy use