Last active
July 4, 2021 09:41
-
-
Save ab007shetty/bd17c90b4eca000a52a266503b2afd24 to your computer and use it in GitHub Desktop.
Bootstrap4 Template for Quick Start
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.0" /> | |
<title>Bootstrap4</title> | |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" | |
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> | |
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" | |
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/> | |
<link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/5.1.1/bootstrap-social.min.css "/> | |
</head> | |
<nav class="navbar navbar-expand-lg navbar-light sticky-top" style="background-color: #e3f2fd;"> | |
<a class="navbar-brand logo" href="#"><h2>BootStrap 4</h2></a> | |
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> | |
<span class="navbar-toggler-icon"></span> | |
</button> | |
<div class="collapse navbar-collapse " id="navbarNav"> | |
<ul class="navbar-nav ml-auto mt-2 mt-lg-0"> | |
<li class="nav-item active"> | |
<a class="nav-link active btn-lg " href="#">Item 1 </a> | |
</li> | |
<li class="nav-item"> | |
<a class="nav-link btn-lg" href="#">Item 2 </a> | |
</li> | |
<li class="nav-item"> | |
<a class="nav-link btn-lg" href="#">Item 3 </a> | |
</li> | |
<li class="nav-item"> | |
<a class="nav-link btn-lg" href="#">Item 4 </a> | |
</li> | |
</ul> | |
</div> | |
</nav> | |
<body> | |
<div class="container "> | |
<div class="row"> | |
<div class="col-12 text-center" style="padding-top:25%"> | |
<h1 class="h1-responsive font-weight-bold text-center ">Bootstrap Starter Pack</h1> | |
<h1 > Getting Started With Bootstrap </h1> | |
</div> | |
</div> | |
</div> | |
<br> | |
<footer class="fixed-bottom bg-white"> | |
<div class="footer-copyright text-center py-3">© 2020 Copyright: abshetty </div> | |
</footer> | |
</body> | |
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" | |
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" | |
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> | |
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" | |
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> | |
<script src="https://use.fontawesome.com/ee1c3da296.js"></script> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment