Skip to content

[#161578715] Create the registration page #9

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

Open
ipaullly wants to merge 8 commits into
base: gh-pages
Choose a base branch
from
Open

[#161578715] Create the registration page #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
2558fdd
Restructure UI directory
ipaullly Oct 31, 2018
0943bce
[starts #161578715] create registration page
ipaullly Oct 31, 2018
176597c
[finishes #161578715] Complete cascadesheet styling
ipaullly Oct 31, 2018
bab44fd
[starts #161663512] delete login.html
ipaullly Nov 1, 2018
7089131
Merge pull request #7 from ipaullly/cr-registration-page-161663512
ipaullly Nov 1, 2018
dac6624
[finishes 161663512] finish styles for registration buttons
ipaullly Nov 1, 2018
e2020fc
Merge pull request #8 from ipaullly/cr-registration-page-161663512
ipaullly Nov 1, 2018
a0f4eff
Merge branch 'gh-pages' into ft-registration-161578715
ipaullly Nov 1, 2018
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
73 changes: 71 additions & 2 deletions UI/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ ul{
margin: 0;
padding: 0;
}

.button_1{
height: 38px;
background: #08242D;
Expand Down Expand Up @@ -89,7 +90,6 @@ header a:hover{
}

/* squares */

#squares{
margin-top: 20px;
}
Expand Down Expand Up @@ -131,6 +131,75 @@ footer{
text-align: center;
}

/***** Registration page styles ******/

/* form input fields */
input[type=text], input[type=password] {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
display: inline-block;
border: none;
background: #f1f1f1;
}

input[type=text]:focus, input[type=password]:focus {
background-color: #ddd;
outline: none;
}

hr {
border: 1px solid #f1f1f1;
margin-bottom: 25px;
}

/* style buttons */
.delbtn, .regbtn {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}

button:hover {
opacity:1;
}

/* more style for cancel button */
.delbtn {
padding: 14px 20px;
background-color: #f44336;
}

/* Float cancel and register account buttons*/
.delbtn, .regbtn {
float: left;
width: 50%;
}

/* Add padding to container elements */
.regisdiv {
padding: 16px;
}

/* float the buttons on the same line */
.clearfix::after {
content: "";
clear: both;
display: table;
}

/* Change styles for cancel button and signup button on extra small screens */
@media screen and (max-width: 300px) {
.cancelbtn, .signupbtn {
width: 100%;
}
}

/* social media icons*/
.fab {
padding: 15px;
Expand Down Expand Up @@ -187,4 +256,4 @@ footer{
font-size: 20px;
padding: 10px;
}
}
}
Binary file added UI/img/download.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions UI/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,14 +24,17 @@ <h1><span class="highlight">Send</span>-IT</h1>
</div>
</header>


<section id="display">
<div class="container">
<h1>Welcome to Send-IT</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae aliquet orci. Donec non magna vel purus commodo dictum vitae accumsan ipsum. Mauris eu tellus efficitur, ullamcorper arcu sed, feugiat justo. Suspendisse egestas laoreet purus, nec rhoncus leo auctor at.</p>
</div>
</section>


<section id="squares">

<div class="container">
<div class="box">
<img src="./img/box1.jpg">
Expand Down
67 changes: 67 additions & 0 deletions UI/registration.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Register Account</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./css/style.css" />
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<div id="brand">
<h1><span class="highlight">Regis</span>tration</h1>
</div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</div>
</header>

<section>
<div class="container">
<form action="">
<div class="regisdiv">
<h1>REGISTER TO SEND-IT</h1>
<p>kINDLY FILL IN YOUR PERSONAL DETAILS</p>
<hr>

<label for="uname"><b>USERNAME</b></label>
<input type="text" placeholder="Provide Username" name="uname" required>

<label for="secretword"><b>PASSOWRD</b></label>
<input type="password" placeholder="Provide a Password" name="secretword" required>

<label for="secretword-repeat"><b>CONFIRM PASSOWRD</b></label>
<input type="password" placeholder="Confirm Password" name="secretword-repeat" required>

<label>
<input type="checkbox" checked="checked" name="remember" style="margin-bottom:15px"> Remember me
</label>

<p>Already have an account? <a href="login.html">login here</a>.</p>

<div class="downfix">
<button type="button" class="delbtn">Cancel</button>
<button type="submit" class="regbtn">Register Account</button>
</div>
</div>
</form>

</div>
</section>



<footer>
<p>Send-IT, Copyright &copy; 2018</p>
</footer>

</body>
</html>