smig/odin-codespace
1
0
Fork 0
mirror of https://gitea.smigz.com/smiggiddy/odin-codeprojects.git synced 2024-12-26 22:30:44 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: buttons/links completed

Browse source
This commit is contained in:
Mike 2023-11-07 11:04:59 -05:00
parent bcf0be5888
commit a719b9750e
2 changed files with 31 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
signup_form/css/style.css
View file

@ -75,6 +75,13 @@
margin-bottom: 5px; margin-bottom: 5px;
} }
.form-button {
margin-top: 20px;
}
.form-button p {
margin-top: 25px;
}
.error { .error {
color: var(--error-color); color: var(--error-color);
@ -159,4 +166,25 @@ body {
button { button {
cursor: pointer; cursor: pointer;
padding: 0.7rem 4.5rem;
border: 0.2rem solid var(--text-color);
margin: 1;
box-sizing: border-box;
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
color: var(--light-bg);
background-color: var(--text-color);
transition: all 0.15s;
}
button:hover {
background-color: var(--light-bg);
color: var(--text-color);
}
a {
text-decoration: none;
color: var(--text-color);
font-weight: 900;
} }

5
signup_form/index.html
View file

@ -21,7 +21,7 @@
</div> </div>
<div class="form"> <div class="form">
<h1 class="call-to-action">Sign up today!</h1> <h1 class="call-to-action">Sign up today!</h1>
<form action="" method="#"> <form action="post" method="#">
<div class="form-input"> <div class="form-input">
<label for="name">NAME</label> <label for="name">NAME</label>
<input type="text" name="name" id="name"required> <input type="text" name="name" id="name"required>
@ -42,7 +42,8 @@
<div class="error"></div> <div class="error"></div>
</div> </div>
<div class="form-button"> <div class="form-button">
<button type="submit">Sign Up</button> <button type="#">Create Account</button>
<p>Already have an account? <a href="#">Log in</a></p>
</div> </div>
</form> </form>
</div> </div>