Private
Public Access
1
0

landingpage tests

This commit is contained in:
Sander Roosendaal
2019-05-28 13:06:57 +02:00
parent 1209f38e73
commit 36e522c0fe

View File

@@ -25,13 +25,13 @@
<link rel="stylesheet" href="/static/css/text2.css" /> <link rel="stylesheet" href="/static/css/text2.css" />
<meta charset="utf-8" /> <meta charset="utf-8" />
{% block image_src %}<link rel="image_src" href="static/img/logo7.png" />{% endblock %} {% block image_src %}<link rel="image_src" href="static/img/logo7.png" />{% endblock %}
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width">
<style> <style>
body, html { body, html {
height: 100%; height: 100%;
margin: 0; margin: 0;
font: 400 15px/1.8 "Lato", sans-serif; font: 400 15px/1.8 "Lato", sans-serif;
color: #777; color: #777;
} }
.sticky { .sticky {
@@ -57,7 +57,7 @@
} }
.bgimg-1 { .bgimg-1 {
background-image: url("/static/img/MerijnSoeters-hr-9841.jpg"); background-image: url("/static/img/MerijnSoeters-hr-9841.jpg");
min-height: 100%; min-height: 100%;
} }
.bgimg-2 { .bgimg-2 {
@@ -81,7 +81,7 @@
.register { .register {
position: fixed; position: fixed;
top: 65px; top: 40%;
right: 0px; right: 0px;
text-align: center; text-align: center;
color: #fff; color: #fff;
@@ -128,10 +128,14 @@
/* Turn off parallax scrolling for tablets and phones */ /* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) { @media only screen and (max-device-width: 1024px) {
.bgimg-1, .bgimg-2, .bgimg-3 { .bgimg-1, .bgimg-2, .bgimg-3 .sticky{
background-attachment: scroll; background-attachment: scroll;
} max-width: 100%;
} }
}
</style> </style>
{% analytical_head_bottom %} {% analytical_head_bottom %}
</head> </head>
@@ -139,11 +143,11 @@
<div class="sticky"> <div class="sticky">
{% if not user.is_authenticated %} {% if not user.is_authenticated %}
<div class="signin"> <div class="signin">
<span><a href="/login/">Sign In&nbsp;</a></span> <span style="padding:10px"><a href="/login/">Sign In&nbsp;</a></span>
</div> </div>
{% else %} {% else %}
<div class="signin"> <div class="signin">
<span><a href="/rowers/list-workouts/">Enter&nbsp;</a></span> <span style="padding:10px"><a href="/rowers/list-workouts/">Enter&nbsp;</a></span>
</div> </div>
{% endif %} {% endif %}
<div class="logo"> <div class="logo">
@@ -153,7 +157,8 @@
</a> </a>
</div> </div>
</div> </div>
{% if not user.is_authenticated %} {% if not user.is_authenticated %}
<div class="register"> <div class="register">
<h1>SIGN UP</h1> <h1>SIGN UP</h1>
@@ -168,14 +173,9 @@
</div> </div>
</div> </div>
<div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
<h3 style="text-align:center;">Free Data and Analysis. For Rowers. By Rowers.</h3> <div style="color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;">
<p style="text-align: center;"> <h3 style="text-align:center; max-width:100%;">Free Data and Analysis. For Rowers. By Rowers.</h3>
There is no shortage of training advice for rowers.
</p>
<p style="text-align: center;">
The best research has found that works best for one rower might not work for another. So, what can you do?
</p>
<p style="text-align: center;"> <p style="text-align: center;">
The best way to improve racing performance is to assess where you are, The best way to improve racing performance is to assess where you are,
set objectives, make a plan, track progress, and adjust based on the results you are getting. set objectives, make a plan, track progress, and adjust based on the results you are getting.
@@ -183,7 +183,7 @@
<p style="text-align: center;"> <p style="text-align: center;">
This site is more than a rowing log book. It enables you and your coach to This site is more than a rowing log book. It enables you and your coach to
plan and track all your rowing, indoor and on the water, with a large number plan and track all your rowing, indoor and on the water, with a large number
of devices and apps. On top of htat, it offers the best in rowing of devices and apps. On top of that, it offers the best in rowing
data analytics. Train smart. data analytics. Train smart.
</p> </p>
</div> </div>
@@ -195,7 +195,7 @@
</span> </span>
</div> </div>
</div> </div>
<div style="position:relative;"> <div style="position:relative;">
<div style="color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify;"> <div style="color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify;">
<h1>What we offer</h1> <h1>What we offer</h1>
@@ -232,8 +232,8 @@
</span> </span>
</div> </div>
</div> </div>
<div style="position:relative;"> <div style="position:relative;">
<div style="color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify;"> <div style="color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify;">
<h2>Testimonials</h2> <h2>Testimonials</h2>
<p>"Check out @rowsandall as well - his site is really useful for dissecting rowing data, especially if you eventually get power/angles on the water - check out the articles in the blog - if youre logging your ergs on C2logbook you can have a play dissecting the data" - Tom Carter</p> <p>"Check out @rowsandall as well - his site is really useful for dissecting rowing data, especially if you eventually get power/angles on the water - check out the articles in the blog - if youre logging your ergs on C2logbook you can have a play dissecting the data" - Tom Carter</p>
@@ -266,7 +266,7 @@ using my NK empower oarlock for about a month now, and Im really
</div> </div>
</div> </div>
<footer class="main-footer"> <footer class="main-footer">
<ul> <ul>
<li> <li>
<a href="https://analytics.rowsandall.com/"> <a href="https://analytics.rowsandall.com/">
@@ -288,6 +288,6 @@ using my NK empower oarlock for about a month now, and Im really
</li> </li>
</ul> </ul>
</footer> </footer>
</body> </body>
</html> </html>