Skip to content

Instantly share code, notes, and snippets.

@marchershey
Created December 12, 2019 22:05
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save marchershey/fb7d3c7713b45142518360f235371afe to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Project Name</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Style -->
<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 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-1/js/all.js" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" />
<style>
body {
background-color: #cfebff4e;
height: 90vh;
display: flex;
align-items: center;
justify-content: center;
}
input[type='text']:disabled {
color: #000;
}
</style>
<!-- Scripts -->
</head>
<body>
<div class="container vh-100">
<div class="row align-items-center h-100">
<div class="col-xs-10 col-sm-8 col-md-6 col-lg-5 col-xl-4 mx-auto">
<div class="card">
<div class="card-header text-center font-weight-bold">
Project Name
</div>
<div class="card-body">
Hello World
<footer class="text-center small border-top mt-3">
<p class="mb-0 mt-2">Created by <a href="https://github.com/marchershey">Marc Hershey</a></p>
</footer>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment