Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
11 changes: 9 additions & 2 deletions src/css/chennanxu.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
body {
background: url("../img/background.png");
background-size: cover;
background-repeat: no-repeat;
}

.ui.header {
Expand All @@ -23,7 +25,7 @@ body {
position: absolute;
top: 30%;
width: inherit;
margin-left: 120px;
margin-left: 10%;
}

.about {
Expand All @@ -42,9 +44,14 @@ body {

.button {
position: absolute;
left: 47%;
left: 75%;
}

.sign {
position: absolute;
transform: translate(-100%, 0);
left: 60%;
}
.footer {
position: absolute;
top: 85%;
Expand Down
51 changes: 27 additions & 24 deletions src/login.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,36 +21,39 @@ <h2 class="subtitle">QAEngine aims to take the knowledge sharing experience to a
</div>
</div>
<div class="column">
<div class="ui inverted text menu">
<div class="item">
<a href="#">SIGN IN</a>
</div>
<div class="item">
or
</div>
<div class="item">
<a href="#">SIGN UP</a>
<div class="sign" style="width:450px;height:180px;">
<div class="ui inverted text menu">
<div class="item">
<a href="#">SIGN IN</a>
</div>
<div class="item">
or
</div>
<div class="item">
<a href="#">SIGN UP</a>
</div>
</div>
</div>
<div class="ui form">
<div class="fields">
<div class="field">
<div class="ui icon input">
<input type="email" name="user_email" / placeholder="Email" style="background:transparent;border:0;border-bottom:1px solid #ffffff;border-radius:0px;">
<i class="mail outline inverted icon"></i>
<div class="ui form">
<div class="fields">
<div class="field">
<div class="ui icon input">
<input type="email" name="user_email" / placeholder="Email" style="background:transparent;border:0;border-bottom:1px solid #ffffff;border-radius:0px;">
<i class="mail outline inverted icon"></i>
</div>
<label style="margin:15px;"><a href="#" style="color:lightgray;font-size:14px;">Remember me</a></label>
</div>
<label style="margin:15px;"><a href="#" style="color:lightgray;font-size:14px;">Remember me</a></label>
</div>
<div class="field">
<div class="ui icon input">
<input type="password" placeholder="Password" style="background:transparent;border:0;border-bottom:1px solid #ffffff;border-radius:0px;">
<i class="key inverted icon"></i>
<div class="field">
<div class="ui icon input">
<input type="password" placeholder="Password" style="background:transparent;border:0;border-bottom:1px solid #ffffff;border-radius:0px;">
<i class="key inverted icon"></i>
</div>
<label style="margin:15px;"><a href="#" style="color:lightgray;font-size:14px;">Forget password?</a></label>
</div>
<label style="margin:15px;"><a href="#" style="color:lightgray;font-size:14px;">Forget password?</a></label>
</div>
</div>
<button type="button" name="button" class="ui inverted grey button">Sign In</button>
</div>
<button type="button" name="button" class="ui inverted grey button">Sign In</button>

</div>
</div>
</div>
Expand Down