Skip to content
Snippets Groups Projects
Commit 847fb544 authored by Girvandi Ilyas's avatar Girvandi Ilyas
Browse files

added register css and html, minor change on edit-profile

parent 71f1e32c
1 merge request!42Projekers - 13515051 - Girvandi Ilyas
Hide whitespace changes
Inline Side-by-side
css/register.css 0 → 100644
+ 111
− 0
View file @ 847fb544
.wrapper {
background-color: #8BBD3C;
border-color: #02702C;
border-width: 10px;
border-style: solid;
border-radius: 50px;
}
.logo {
display: inline-block;
width: 100%;
text-align: center;
font-size: 350%;
vertical-align: middle;
color: #02702C;
font-weight: bold;
}
.line {
display: inline-block;
width: 22%;
vertical-align: middle;
border-color: #02702C;
}
.form-input {
width: 100%;
text-align: center;
}
.user-input div {
text-align: left;
display: inline-block;
padding-left: 10px;
}
.label-input {
width: 35%;
text-align: left;
vertical-align: middle;
font-weight: bold;
color: #008800;
font-size: 150%;
}
.text-input {
width: 55%;
vertical-align: middle;
}
.text-input input {
width:100%;
height: 2em;
}
.text-input-with-check {
width: 49%;
vertical-align: middle;
}
.text-input-with-check input {
width: 100%;
}
.check-icon {
width: 13px;
}
.delete-icon {
width: 13px;
display: none;
}
.checkbox {
text-align: left;
padding-left: 27px;
font-weight: bold;
color: #008800;
font-size: 150%;
}
.bottom {
font-size: 0;
}
.redirect-login {
font-size: initial;
display: inline-block;
width: 45%;
text-align: left;
padding-left: 27px;
}
.register {
font-size: initial;
display: inline-block;
text-align: right;
padding-right: 19px;
width: 50%;
box-sizing: border-box;
}
.register input {
background-color: #82D800;
border-color: #000000;
border-radius: 5px;
font-size: 120%;
padding: 0 0 0 0;
color: black;
font-weight: bold;
width: 32%;
}
\ No newline at end of file
img/check.png 0 → 100644
+ 0
− 0
View file @ 847fb544
img/check.png

13.4 KiB

view/edit-profile.html
+ 33
− 36
View file @ 847fb544
<html>
<head>
<title>Projekers-edit-profile</title>
<link href="../css/primary.css" type="text/css" rel="stylesheet">
<link href="../css/edit-profile.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<h1>EDIT PROFILE INFORMATION</h1>
<form action="#" method="post">
<div class="edit-image">
<div class="div-profile-image">
<img src="../img/pikachu.jpg" class="profile-image">
</div>
<div class="browse-image">
<label>Update profile picture</label>
<br />
<br />
<input type="file" name="image-file" value="browse..">
</div>
</div>
<div class="container">
<div class="wrapper">
<h1>EDIT PROFILE INFORMATION</h1>
<form action="#" method="post">
<div class="edit-image">
<div class="div-profile-image">
<img src="../img/pikachu.jpg" class="profile-image">
</div>
<div class="browse-image">
<label>Update profile picture</label>
<br />
<br />
<input type="file" name="image-file" value="browse..">
</div>
</div>
<div>
<div class="edit-data">
<label class="form-label">Your Name</label>
<input type="text" placeholder="Enter your name..">
</div>
<div class="edit-data">
<label class="form-label">Phone</label>
<input type="text" placeholder="Enter your phone number..">
</div>
<div class="edit-data">
<label class="form-label">Status Driver</label>
<div class="checkbox">
<input type="checkbox">
<div>
<div class="edit-data">
<label class="form-label">Your Name</label>
<input type="text" placeholder="Enter your name..">
</div>
<div class="edit-data">
<label class="form-label">Status Driver</label>
<div class="checkbox">
<input type="checkbox">
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<a class="back" href="dashboard.php">BACK</a>
<input type="submit" value="SAVE" class="save">
</div>
</div>
<div>
<a class="back" href="dashboard.php">BACK</a>
<input type="submit" value="SAVE" class="save">
</div>
</form>
</form>
</div>
</div>
</body>
</html>
\ No newline at end of file
view/register.html 0 → 100644
+ 68
− 0
View file @ 847fb544
<html>
<head>
<title>Projekers-register</title>
<link href="../css/primary.css" type="text/css" rel="stylesheet">
<link href="../css/register.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class = "wrapper">
<div class="logo">
<hr class="line">
SIGN UP
<hr class="line">
</div>
<br>
<br>
<div class="form-input">
<form>
<div class="user-input">
<div class="label-input">Your Name</label></div>
<div class="text-input"><input type="text"></div>
</div>
<div class="user-input">
<div class="label-input">Username</label></div>
<div class="text-input-with-check"><input type="text"></div>
<div><img src="../img/check.png" class="check-icon"></div>
<div><img src="../img/delete.png" class="delete-icon"></div>
</div>
<div class="user-input">
<div class="label-input">Email</label></div>
<div class="text-input-with-check"><input type="text"></div>
<div><img src="../img/check.png" class="check-icon"></div>
<div><img src="../img/delete.png" class="delete-icon"></div>
</div>
<div class="user-input">
<div class="label-input">Password</label></div>
<div class="text-input"><input type="password"></div>
</div>
<div class="user-input">
<div class="label-input">Confirm Password</label></div>
<div class="text-input"><input type="password"></div>
</div>
<div class="user-input">
<div class="label-input">Phone Number</label></div>
<div class="text-input"><input type="text"></div>
</div>
<br>
<div class="checkbox">
<input type="checkbox">
Also sign me up as a driver!
</div>
<br>
<br>
<div class="bottom">
<div class="redirect-login">
<a href="login.html">Already have an account?</a>
</div>
<div class="register">
<input type="submit" value="REGISTER">
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment