counterweight/odin-project-notes
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

final

Browse source
This commit is contained in:
Pablo Martin 2025-05-05 15:20:30 +02:00
parent d2292dbf2b
commit 4fe145e0a2
2 changed files with 104 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

53
projects/sign-up-form/index.html
View file

@ -22,12 +22,57 @@
</div>
<div class="right-panel">
<div class="top-right-area">
<h3 class="right-panel-header first right-panel-left-margin">This is not a real online service! You know you need something like this in your life to help you realize your deepest dreams. Sign up <em>now</em> to get started.</h2>
<h3 class="right-panel-header second right-panel-left-margin">You <em>know</em> you want to.</h2>
<h3 class="right-panel-header first right-panel-left-margin">
This is not a real online service! You know you need something like
this in your life to help you realize your deepest dreams. Sign up
<em>now</em> to get started.
</h3>
<h3 class="right-panel-header second right-panel-left-margin">
You <em>know</em> you want to.
</h3>
</div>
<div class="form-area subtle-shadow">
<div class="form-contents right-panel-left-margin">
<div class="form-header">
<h3>Let's do this!</h3>
</div>
<div class="form-fields">
<div class="form-field-container">
<h5 class="form-field-header">First name</h5>
<input class="form-field-value-container"></input>
</div>
<div class="form-field-container">
<h5 class="form-field-header">Last name</h5>
<input class="form-field-value-container"></input>
</div>
<div class="form-field-container">
<h5 class="form-field-header">Email</h5>
<input class="form-field-value-container"></input>
</div>
<div class="form-field-container">
<h5 class="form-field-header">Phone number</h5>
<input class="form-field-value-container"></input>
</div>
<div class="form-field-container">
<h5 class="form-field-header">Password</h5>
<input class="form-field-value-container"></input>
</div>
<div class="form-field-container">
<h5 class="form-field-header">Confirm password</h5>
<input class="form-field-value-container"></input>
</div>
</div>
</div>
</div>
<div class="form-area">ola</div>
<div class="bottom-right-area">
<div class="button bg-green subtle-shadow">Create Account</div>
<div
class="create-account-button bg-main subtle-shadow right-panel-left-margin"
>
Create Account
</div>
<p class="existing-account-nudge-text right-panel-left-margin">
Already have an account? <span class="text-color-main">Log in</span>
</p>
</div>
</div>
</div>