landing page sign up sign fixed
This commit is contained in:
@@ -80,12 +80,14 @@
|
||||
}
|
||||
|
||||
.register {
|
||||
position: absolute;
|
||||
opacity: 0.65;
|
||||
top: 40%;
|
||||
left: 0%;
|
||||
position: fixed;
|
||||
top: 65px;
|
||||
right: 0px;
|
||||
text-align: center;
|
||||
color: #000;
|
||||
color: #fff;
|
||||
z-index: 1;
|
||||
padding: 10px;
|
||||
background: #1c75bc;
|
||||
}
|
||||
|
||||
|
||||
@@ -117,13 +119,6 @@
|
||||
letter-spacing: 10px;
|
||||
}
|
||||
|
||||
.register .border {
|
||||
background-color: #aaa;
|
||||
color: #000;
|
||||
padding: 18px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
letter-spacing: 5px;
|
||||
text-transform: uppercase;
|
||||
@@ -159,19 +154,18 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if not user.is_authenticated %}
|
||||
<div class="register">
|
||||
<h1>SIGN UP</h1>
|
||||
<p><a href="/rowers/register/">I am a rower</a></p>
|
||||
<p><a href="/rowers/coachregister/">I am a rowing coach</a></p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="bgimg-1">
|
||||
<div class="caption">
|
||||
<span class="border">FREE DATA AND ANALYSIS. FOR ROWERS. BY ROWERS.</span>
|
||||
</div>
|
||||
{% if not user.is_authenticated %}
|
||||
<div class="register">
|
||||
<div class="border">
|
||||
<p><a href="/rowers/register/">SIGN UP</a></p>
|
||||
<p>Sign-up form goes here</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
|
||||
@@ -196,7 +190,7 @@
|
||||
|
||||
<div class="bgimg-2">
|
||||
<div class="caption">
|
||||
<span class="border" style="background-color:transparent;font-size:25px;color:#000;">
|
||||
<span class="border">
|
||||
For on-the-water and indoor rowing
|
||||
</span>
|
||||
</div>
|
||||
@@ -254,18 +248,19 @@ using my NK empower oarlock for about a month now, and I‘m really
|
||||
|
||||
<div class="bgimg-1">
|
||||
<div class="caption">
|
||||
<span class="border">Follow us on
|
||||
<span class="border" style="background-color:transparent;font-size:25px;color:#000;">
|
||||
Follow us on
|
||||
<a href="https://twitter.com/rowsandall">
|
||||
<i class="fab fa-twitter"></i>
|
||||
<i class="fab fa-twitter" style="color:#000;"></i>
|
||||
</a>
|
||||
<a href="https://www.instagram.com/roosendaalsander/">
|
||||
<i class="fab fa-instagram"></i>
|
||||
<i class="fab fa-instagram" style="color:#000;"></i>
|
||||
</a>
|
||||
<a href="https://analytics.rowsandall.com/">
|
||||
<i class="fab fa-wordpress-simple"></i>
|
||||
<i class="fab fa-wordpress-simple" style="color:#000;"></i>
|
||||
</a>
|
||||
<a href="https://www.facebook.com/rowsandall">
|
||||
<i class="fab fa-facebook"></i>
|
||||
<i class="fab fa-facebook" style="color:#000;"></i>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user