More progress

This commit is contained in:
Thomas Smith 2022-10-24 18:12:08 -04:00
parent 6755e5f00d
commit 83fd784718
3 changed files with 11 additions and 9 deletions

View file

@ -1,16 +1,14 @@
{{ define "main" }}
<section class="products-hero">
<section class="two-boxes products-hero">
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="pro-gen-art-1"></div>
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="pro-gen-art-2"></div>
<div class="gen-art animated-5 animatedFadeInUp fadeInUp" id="pro-gen-art-3"></div>
<div class="container product-container" lang="en">
<div class="container">
<div class="row">
<div class="col">
<h1 style="position:relative; z-index:3;">Products</h1>
<div class="lead-container">
<p class="lead animated-5 animatedFadeInUp fadeInUp">Just like the perfect cup or tea, greatness needs time to steep. But the wait is over… its time to take your first sip.</p>
</div>
<div class="col" style="position:relative; z-index:2;">
<h1>Products</h1>
<p class="lead" style="width:50%">Just like the perfect cup of tea, greatness takes time to steep. But the wait is over… its time to take your first sip.</p>
</div>
</div>
</div>

View file

@ -76,7 +76,7 @@
.container{
max-width: 1920px;
padding: 5.5vw 7vw !important;
padding: 5.5vw 3vw !important;
}
}

View file

@ -5,7 +5,7 @@
@media only screen and (min-width: 1200px) {
.products-hero{
background-image: url("/Images/x-large-grid.svg");
background-image: url("Images/x-large-grid.svg");
background-attachment: scroll;
background-position: top;
background-repeat: repeat;
@ -42,6 +42,10 @@
display:none;
}
.lead{
width: 100% !important;
}
}
/* Products - TEA.CLI */