Conservancy/reimbursinator
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Centering signup page and added email text box

Browse source
This commit is contained in:
Jack 2019-01-18 13:53:01 -08:00
parent 9617cbe558
commit f7de63a16a
2 changed files with 28 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
front/static/signup.css Normal file
View file

@ -0,0 +1,11 @@
.signup
{
height: 200px;
width: 400px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
width:60%;
}

29
front/static/signup.html
View file

@ -7,25 +7,30 @@
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="shortcut icon" href="/favicon.ico" /> <link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" href="signup.css">
<title>Sign up</title> <title>Sign up</title>
</head> </head>
<style>
.signup
{
margin-left: auto;
margin-right: auto;
text-align:left;
width:60%;
}
</style>
<body> <body>
<div class="container"> <div class="form-group"; style="text-align:center";>
<form class="signup"> <h1>Reimbursinator</h1>
<h1>Sign up page</h1> </div>
<form class="signup">
<div class="form-group">
<h3>Sign up page</h3>
</div>
<div class="form-group">
User Name: <input type="text" id="userName" minlength="4" size="10" required="required"><br> User Name: <input type="text" id="userName" minlength="4" size="10" required="required"><br>
</div>
<div class="form-group">
Email: <input type="email" id="email" required="required"><br> Email: <input type="email" id="email" required="required"><br>
</div>
<div class="form-group">
Password: <input type="password" id="password" minlength="4" size="10" required="required"><br> Password: <input type="password" id="password" minlength="4" size="10" required="required"><br>
</div>
<div class="form-group">
Confirm Password: <input type="password" id="confirmPassword"><br> Confirm Password: <input type="password" id="confirmPassword"><br>
</div>
<input type="submit" value="Submit" formaction="index.html"> <input type="submit" value="Submit" formaction="index.html">
<a class="nav-link" href="index.html">Return to main menu</a> <a class="nav-link" href="index.html">Return to main menu</a>
</form> </form>