Skip to content

Instantly share code, notes, and snippets.

@gchavez2

gchavez2/index.html

Created June 27, 2018 21:57
Show Gist options
  • Save gchavez2/a5d83068148ce16717ac0136a9c53bba to your computer and use it in GitHub Desktop.
Save gchavez2/a5d83068148ce16717ac0136a9c53bba to your computer and use it in GitHub Desktop.
Download ZIP
Basic form with Bootstrap 4
Raw
index.html
<html>
<header>
<title>Form with bootstrap</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<style>
body {background-color: #ddd;}
strong { font-size: 1.3em; }
/** {border: 1px solid black;}*/
</style>
</header>
<body>
<div class="container">
<div class="jumbotron">
<div class="container text-center">
<h1 class="display-4">Email capture</h1>
<p class="lead">Enter your e-mail to learn more about STRUMPACK</p>
</div>
</div>
</div>
<div class="container">
<form>
<div class="form-group row">
<label for="staticEmail" class="col-sm-2 col-form-label"> <strong>Name</strong> </label>
<div class="col-sm-10">
<input type="text" class="form-control" id="name" value="">
</div>
</div>
<div class="form-group row">
<label for="inputPassword" class="col-sm-2 col-form-label"> <strong>Email</strong> </label>
<div class="col-sm-10">
<input type="email" class="form-control" id="email" placeholder="">
</div>
</div>
<div class="form-group text-center">
<input type="submit" id="submit" class="btn btn-default"/>
</div>
</form>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment