Add Demo button

This commit is contained in:
yamanq 2017-09-16 16:30:07 -04:00
parent cb41b40f4f
commit 332cd2795d
2 changed files with 19 additions and 8 deletions

View File

@ -84,11 +84,11 @@
left: 12.5vh; left: 12.5vh;
} }
#loginButton { .loginButtons {
font-size: 3.5vh; font-size: 3.5vh;
width: 12vw; width: 12vw;
margin-top: 4vh; margin-top: 4vh;
margin-left: 16vw; /* margin-left: 16vw; */
padding: 1vh; padding: 1vh;
border: 1px solid #FCF0F0; border: 1px solid #FCF0F0;
@ -105,10 +105,18 @@
transition: background-color 0.4s ease; transition: background-color 0.4s ease;
} }
#loginButton:hover { .loginButtons:hover {
background-color: rgba(0,0,0,0.2); background-color: rgba(0,0,0,0.2);
} }
#loginContainer {
display: flex;
}
#demoButton {
margin-left: 11vw;
}
#version { #version {
font-size: 1.7vh; font-size: 1.7vh;
color: #FFF !important; color: #FFF !important;

View File

@ -18,7 +18,10 @@
<h1>Everything in</h1> <h1>Everything in</h1>
<h2>One Place.</h2> <h2>One Place.</h2>
<h5><b>We</b> handle the organization, <b>you</b> handle the work.</h5> <h5><b>We</b> handle the organization, <b>you</b> handle the work.</h5>
<div id="loginButton" onclick="document.getElementById('login-buttons-google').click()">Sign in!</div> <div id="loginContainer" >
<div class="loginButtons" onclick="document.getElementById('login-buttons-google').click()">Sign in!</div>
<div class="loginButtons" id="demoButton">Demo</div>
</div>
</div> </div>
</div> </div>
<footer id="loginFooter"> <footer id="loginFooter">