Created
October 26, 2018 01:36
-
-
Save matgargano/78a786e78f81cf9185f84581bf98d78a to your computer and use it in GitHub Desktop.
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"> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
<title>Document</title> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css"> | |
</head> | |
<body> | |
<h1 style="text-align:center;" class="animated heartBeat infinite slow">Hello World</h1> | |
</body> | |
</html> |
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> | |
<!-- Required meta tags --> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
<!-- Bootstrap CSS --> | |
<link rel="stylesheet" href="css/bootstrap.css"> | |
<link rel="stylesheet" href="css/style.css"> | |
<title>Hello, world!</title> | |
</head> | |
<body> | |
<h1>Hello, world!</h1> | |
<button type="button" class="btn btn-primary">Primary</button> | |
<!-- Optional JavaScript --> | |
<!-- jQuery first, then Popper.js, then Bootstrap JS --> | |
<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.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> | |
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> | |
</body> | |
</html> |
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> | |
<!-- Required meta tags --> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
<!-- Bootstrap CSS --> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css"> | |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" | |
crossorigin="anonymous"> | |
<link rel="stylesheet" href="css/style.css"> | |
<title>Hello, world!</title> | |
</head> | |
<body> | |
<div class="no-gutters"> | |
<div class="jumbotron"> | |
<h1 class="text-center display-4 font-weight-bold animated heartBeat infinite">Hello, world!</h1> | |
<p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to | |
featured content or information.</p> | |
<hr class="my-4"> | |
<p>It uses utility classes for typography and spacing to space content out within the larger container.</p> | |
<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a> | |
</div> | |
</div> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-12 col-md-4"> | |
<div class="card"> | |
<img class="card-img-top" src="https://placehold.it/348x225" alt="Card image cap"> | |
<div class="card-body"> | |
<h5 class="card-title">Card title</h5> | |
<p class="card-text">Some quick example text to build on the card title and make up the bulk of | |
the card's content.</p> | |
<a href="#" class="btn btn-primary">Go somewhere</a> | |
</div> | |
</div> | |
</div> | |
<div class="col-12 col-md-4"> | |
<div class="card"> | |
<img class="card-img-top" src="https://placehold.it/348x225" alt="Card image cap"> | |
<div class="card-body"> | |
<h5 class="card-title">Card title</h5> | |
<p class="card-text">Some quick example text to build on the card title and make up the bulk of | |
the card's content.</p> | |
<a href="#" class="btn btn-primary">Go somewhere</a> | |
</div> | |
</div> | |
</div> | |
<div class="col-12 col-md-4"> | |
<div class="card"> | |
<img class="card-img-top" src="https://placehold.it/348x225" alt="Card image cap"> | |
<div class="card-body"> | |
<h5 class="card-title">Card title</h5> | |
<p class="card-text">Some quick example text to build on the card title and make up the bulk of | |
the card's content.</p> | |
<a href="#" class="btn btn-primary">Go somewhere</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- Optional JavaScript --> | |
<!-- jQuery first, then Popper.js, then Bootstrap JS --> | |
<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.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" | |
crossorigin="anonymous"></script> | |
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" | |
crossorigin="anonymous"></script> | |
</body> | |
</html> |
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
.no-gutters { | |
margin-right: 0; | |
margin-left: 0; | |
} | |
.no-gutters > .col, | |
.no-gutters > [class*="col-"] { | |
padding-right: 0; | |
padding-left: 0; | |
} | |
.no-gutters > .row { | |
margin:0; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment