Feat(UI): Home page styles improved.
This commit is contained in:
@@ -68,7 +68,7 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
max-width: calc(1vw * 100 - 1vh * 35);
|
max-width: calc(1vw * 100 - 1vh * 35);
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 1vh 1vw;
|
margin: 0.5vh 0.5vw;
|
||||||
}
|
}
|
||||||
.nav-links a {
|
.nav-links a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@@ -77,6 +77,8 @@
|
|||||||
align-content: center;
|
align-content: center;
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
|
padding: 0.5vh 0.5vw;
|
||||||
|
border-radius: 0.5vh;
|
||||||
}
|
}
|
||||||
.nav-links a.button {
|
.nav-links a.button {
|
||||||
color: var(--colour-text-background);
|
color: var(--colour-text-background);
|
||||||
@@ -175,7 +177,7 @@ form.filter button.save, form.filter button.button-cancel {
|
|||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@media screen and (max-width: 940px) {
|
@media screen and (max-width: 980px) {
|
||||||
/*
|
/*
|
||||||
.hero h1 {
|
.hero h1 {
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
|
|||||||
@@ -259,6 +259,7 @@ section.cta-2 .button {
|
|||||||
}
|
}
|
||||||
section.cta-2 .card {
|
section.cta-2 .card {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
margin: 1vh auto;
|
||||||
}
|
}
|
||||||
section.cta-2 .card .container {
|
section.cta-2 .card .container {
|
||||||
background-color: var(--colour-page-background);
|
background-color: var(--colour-page-background);
|
||||||
|
|||||||
1
static/dist/css/core_home.bundle.css
vendored
1
static/dist/css/core_home.bundle.css
vendored
@@ -337,6 +337,7 @@ section.cta-2 .button {
|
|||||||
}
|
}
|
||||||
section.cta-2 .card {
|
section.cta-2 .card {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
margin: 1vh auto;
|
||||||
}
|
}
|
||||||
section.cta-2 .card .container {
|
section.cta-2 .card .container {
|
||||||
background-color: var(--colour-page-background);
|
background-color: var(--colour-page-background);
|
||||||
|
|||||||
2
static/dist/css/core_home.bundle.css.map
vendored
2
static/dist/css/core_home.bundle.css.map
vendored
File diff suppressed because one or more lines are too long
4
static/dist/css/main.bundle.css
vendored
4
static/dist/css/main.bundle.css
vendored
@@ -593,7 +593,7 @@ table div {
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
max-width: calc(1vw * 100 - 1vh * 35);
|
max-width: calc(1vw * 100 - 1vh * 35);
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 1vh 1vw;
|
margin: 0.5vh 0.5vw;
|
||||||
}
|
}
|
||||||
.nav-links a {
|
.nav-links a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@@ -602,6 +602,8 @@ table div {
|
|||||||
align-content: center;
|
align-content: center;
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
|
padding: 0.5vh 0.5vw;
|
||||||
|
border-radius: 0.5vh;
|
||||||
}
|
}
|
||||||
.nav-links a.button {
|
.nav-links a.button {
|
||||||
color: var(--colour-text-background);
|
color: var(--colour-text-background);
|
||||||
|
|||||||
2
static/dist/css/main.bundle.css.map
vendored
2
static/dist/css/main.bundle.css.map
vendored
File diff suppressed because one or more lines are too long
@@ -13,7 +13,7 @@
|
|||||||
<a href="#{{ model.FLAG_SOLUTION }}">Solution</a>
|
<a href="#{{ model.FLAG_SOLUTION }}">Solution</a>
|
||||||
<a href="#{{ model.FLAG_SOCIAL_PROOF }}">Social Proof</a>
|
<a href="#{{ model.FLAG_SOCIAL_PROOF }}">Social Proof</a>
|
||||||
<a href="#{{ model.FLAG_TESTIMONIAL }}">Testimonial</a>
|
<a href="#{{ model.FLAG_TESTIMONIAL }}">Testimonial</a>
|
||||||
<a href="#{{ model.FLAG_EARLY_ACCESS }}">Early Access</a>
|
<a href="#{{ model.FLAG_CTA_2 }}">Early Access</a>
|
||||||
<a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Contact Us</a>
|
<a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Contact Us</a>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
@@ -236,7 +236,7 @@
|
|||||||
</section>
|
</section>
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<section class="{{ model.FLAG_CTA_2 }}">
|
<section id="{{ model.FLAG_CTA_2 }}" class="{{ model.FLAG_CTA_2 }}">
|
||||||
<div class="{{ model.FLAG_CONTAINER }}">
|
<div class="{{ model.FLAG_CONTAINER }}">
|
||||||
<h2 class="section-title">Get Started Today - Founding Partner Access Available</h2>
|
<h2 class="section-title">Get Started Today - Founding Partner Access Available</h2>
|
||||||
<p class="section-subtitle text-center">We're ready for serious trainers to start using Fetch Metrics right now. Since we're still adding features based on user feedback, we're offering incredible early access terms:</p>
|
<p class="section-subtitle text-center">We're ready for serious trainers to start using Fetch Metrics right now. Since we're still adding features based on user feedback, we're offering incredible early access terms:</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user