text and image
Page: Homepage


Snippet Code
<style>
.content-for-layout section.shopify-section.section {
background-image: url(https://cdn.shopify.com/s/files/1/0955/5873/0040/files/dot-bg-v2.webp?v=1755518635);
background-position-x: center;
background-position-y: center;
background-color: #faf8f1 !important;
background-repeat: repeat;
}
.content-for-layout section.shopify-section.section div.gradient {
background-image: url(https://cdn.shopify.com/s/files/1/0955/5873/0040/files/dot-bg-v2.webp?v=1755518635);
background-position-x: center;
background-position-y: center;
background-color: #faf8f1 !important;
background-repeat: repeat;
}
.gradient {
background: #eff4f7;
background-attachment: fixed;
}
.title-container {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 50px;
max-width: 780px;
margin: 0 auto;
}
.title-container-main-title {
color: #202336;
font-weight: 600;
font-size: 38px;
margin: 0;
line-height: 62px;
text-align: center;
}
.title-container-main-title .higlight {
position: relative;
display: inline-block;
padding: 0 12px;
background-color: #951528;
border-radius: 10px;
}
.title-container-subtitle {
padding: 0;
font-size: 16px;
color: #202336;
font-weight: 500;
line-height: 30px;
margin: 18px 0 0 0;
text-align: center;
}
b {
font-weight: bolder;
}
.shopify-scale-results-container {
width: 100%;
height: auto;
display: flex;
justify-content: center;
max-width: 1200px;
margin: 0 auto;
padding: 0 50px;
}
.shopify-scale-results-image-wrap {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
max-width: 700px;
}
.shopify-scale-results-image-wrap img {
max-width: 100%;
}
.section-template--16845203111980__custom_liquid_ctcKX7-padding {
/* padding-top: calc(60px * 0.75); */
padding-bottom: calc(36px * 0.75);
}
@media screen and (min-width: 750px) {
.section-template--16845203111980__custom_liquid_ctcKX7-padding {
/* padding-top: 60px; */
padding-bottom: 36px;
}
}
@media screen and (max-width: 768px) {
.title-container-main-title {
font-size: 22px;
line-height: 36px;
}
.title-container-subtitle {
font-size: 14px;
line-height: 24px;
margin: 10px 0 0 0;
}
}
@media screen and (max-width: 992px) {
.title-container {
padding: 0 15px;
}
.shopify-scale-results-container {
padding: 0 15px;
}
}
</style>
<div id="shopify-section-template--24856918360448__guide_section_m7cfq3" class="shopify-section">
<section id="shopify-section-template--16845203111980__custom_liquid_ctcKX7" class="shopify-section section">
<div class="color-scheme-941b0a24-3e51-4bb4-b277-65982cf17815 gradient">
<div class="section-template--16845203111980__custom_liquid_ctcKX7-padding">
<div style="width:100%;display:flex;">
<div class="title-container">
<h4 class="title-container-main-title" style="font-size: 38px;">One Winning Ad Can <span
class="higlight" style="background-color: #951528;">Transform</span> Your Business</h4>
<p class="title-container-subtitle" style="font-size: 16px;">Unlock access to our toolkit and
watch your revenue
soar—just like brands earning over <b>$120K monthly!</b></p>
</div>
</div>
<div style="width:100%;display:flex;margin-top:24px">
<div class="shopify-scale-results-container">
<div class="shopify-scale-results-image-wrap"><img alt="Shopify result" lazy="loading"
src=" https://cdn.shopify.com/s/files/1/0626/4904/0940/files/ready-v1-min.webp?v=1733157887">
</div>
</div>
</div>
</div>
</div>
</section>
</div>