Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Designed Registration page and added blurry background images for reg… #5

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
+154 −4
Open

Designed Registration page and added blurry background images for reg… #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 18 additions & 2 deletions dist/Styles/layout.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,20 +68,31 @@ a{
list-style: none;
}

.blur{
filter: blur(8px);
-webkit-filter: blur(8px);
height: 900px;
background-repeat: no-repeat;
background-size: cover;
}




.form-container{
display: block;
margin: 50px 35% 40px 35%;
position: absolute;
top: 40%;
right: 15%;
/* margin: 50px 35% 40px 35%; */
color:green;
box-shadow: 5px 5px 5px 5px rgb(187, 206, 206);
padding: 30px 30px 30px 30px;
border-radius: 5px;
}


input[type=text], input[type=password] {
input[type=text], input[type=password], input[type=email] {
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
Expand Down Expand Up @@ -122,6 +133,11 @@ a{
float: right;
padding-top: 16px;
}

/* Signin Dynamic Link */
.dynamic-link{
color: black;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
Expand Down
2 changes: 1 addition & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
<div class="top-nav">
<ul class="top-nav-link">
<li><i class="fas fa-sign-in-alt"></i><a href="login.html">Sign In</a></li>
<li><i class="fas fa-user-plus"></i><a href="Register.html">Register</a></li>
<li><i class="fas fa-user-plus"></i><a href="Register.html">Register</a></li>
</ul>
</div>
<div class="logo-section">
Expand Down
9 changes: 8 additions & 1 deletion login.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
<div class="top-nav">
<ul class="top-nav-link">
<li><i class="fas fa-sign-in-alt"></i><a href="login.html">Sign In</a></li>
<li><i class="fas fa-user-plus"></i><a href="Register.html">Register</a></li>
<li><i class="fas fa-user-plus"></i><a href="Register.html">Register</a></li>
</ul>
</div>
<div class="logo-section">
Expand All @@ -30,6 +30,7 @@
</ul>
</div>
</div>
<div class="intro-section blur"></div>
<form action="">
<div class="form-container">

Expand All @@ -52,6 +53,12 @@ <h3 class="h3login">Login</h3>

<button type="submit">Login</button>

<div>
<label>
<p class="message">Need an account? <a class="dynamic-link" href="register.html">Register!</a></p>
</label>
</div>

<div>
<label>
<input type="checkbox" checked="checked" name="remember"> Remember me
Expand Down
127 changes: 127 additions & 0 deletions register.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,127 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="dist/Styles/layout.css">
<title>Document</title>
</head>
<body>
<div class="header-section">
<div class="top-nav">
<ul class="top-nav-link">
<li><i class="fas fa-sign-in-alt"></i><a href="login.html">Sign In</a></li>
<li><i class="fas fa-user-plus"></i><a href="#">Register</a></li>
</ul>
</div>
<div class="logo-section">
<img src="https://res.cloudinary.com/dcczd9zz5/image/upload/v1567174130/ff_nbwkbr.png" width="300px">
</div>
<div class="main-nav">
<ul class="main-nav-link">
<li><a href="/index.html">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li>Fund Projects</li>
<li>Team</li>
</ul>
</div>
</div>
<div class="intro-section blur"></div>
<form action="">
<div class="form-container register">

<h3 class="h3login">Register</h3>
<div>
<label for="Name"><b>Full Name</b></label>
<div>
<input type="text" placeholder="Enter Full Name" name="full_name" required>
</div>

</div>

<div>
<label for="email"><b>Email</b></label>
<div>
<input type="email" placeholder="Enter Email" name="email" required>
</div>
</div>
<div>
<label for="phone"><b>Phone Number</b></label>
<div>
<input type="text" placeholder="Enter Phone Number" name="phone" required>
</div>
</div>
<div>
<label for="password"><b>Password</b></label>
<div>
<input type="password" placeholder="Enter Password" name="password" required>
</div>
</div>
<div>
<label for="password"><b>Confirm Password</b></label>
<div>
<input type="password" placeholder="Enter Password Again" name="password_confirm" required>
</div>
</div>

<button type="submit">Login</button>

<div>
<label>
<p class="message">Already have an account? <a class="dynamic-link" href="login.html">Sign in!</a></p>
</label>
</div>

<div>
<button type="button" class="cancelbtn">Cancel</button>
</div>

</div>


</form>

<div class="footer-section">
<div style="margin: 30px;">
<div>
<h3>Contact Us</h3>
<p>
<span>block 6, 36 Adeboye Street, Lagos, Nigeria.</span><br>
<span>Support: +234814-7657436, +234701-4360123</span><br>
<span>mail to [email protected]</span><br>
<span>Lorem Ipsum</span>
</p>
</div>
<div>
<ul>
<li><a>About us</a></li>
<li><a>Features</a></li>
<li><a>TaxIt.ng Mobile</a></li>
</ul>
</div>
<div>
<ul>
<li><a>Pricing</a></li>
<li><a>Lorem and Lorem</a></li>
<li><a>Ipsum Lorem</a></li>
</ul>
</div>
<div>
<ul>
<li><a>Support and FAQs</a></li>
<li><a>Terms and Conditions</a></li>
<li><a>Privacy Policy</a></li>
<li><a>Lorem Ipsum</a></li>
</ul>
</div>
</div>
<hr style="margin:0px 50px;">
<div>
<p>Copyright © 2019 Team Helsinki. All Rights Reserved | TaxIt.ng is a platform designed & developed by Team Helsinki.</p>
</div>
</div>

</body>
</html>