text and auto video
Page: Homepage


Snippet Code
<style>
.custom_section_7 {
background-color: #951528;
padding: 50px 0px;
}
.custom_section_width_container {
max-width: 1443px;
margin: auto;
}
.seventh_section_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 0px 0px;
align-items: center;
border: 1px solid gray;
border-radius: 20px;
background-color: #ffffff;
}
.seventh_section_flex_item_1 {
width: 50%;
}
.seventh_section_flex_item_1 .heading h2 {
font-size: 40px;
margin: 20px 0px 0px 0px;
/* font-style: italic; */
font-weight: 900;
/* letter-spacing: 1px; */
color: #951528;
word-break: break-word;
line-height: 40px;
text-align: left;
padding: 0px 50px 0px 50px;
}
.seventh_section_flex_item_1 .paragraph p {
color: #951528;
font-size: 17px;
margin: 0px;
padding: 0px 50px 0px 50px;
/* letter-spacing: 1px; */
/* color: #dedede; */
word-break: break-word;
line-height: 30px;
/* text-transform: capitalize; */
text-align: left;
margin-top: 30px;
}
.seventh_section_flex_item_1 .custom_button {
padding: 0px 50px 0px 50px;
}
a {
text-decoration: none;
}
.seventh_section_flex_item_1 .custom_button button {
padding: 20px 30px;
background-color: #951528;
color: #ffffff;
border: 0;
border-radius: 30px;
margin-top: 30px;
margin-bottom: 20px;
cursor: pointer;
}
.seventh_section_flex_item_2 {
width: 50%;
}
.seventh_section_flex_item_2 .image_container {
height: 400px;
border: 1px solid gray;
border-radius: 0px 20px 20px 0px;
padding: 20px;
display: flex;
align-items: center;
}
.seventh_section_flex_item_2 .image_container img {
width: 100%;
height: 100%;
}
@media screen and (max-width: 768px) {
.custom_section_7 {
background-color: #951528;
padding: 10px 0px;
}
.seventh_section_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 0px 20px;
align-items: center;
}
.seventh_section_flex_item_1 {
width: 100%;
}
.seventh_section_flex_item_1 .heading h2 {
font-size: 18px;
margin: 20px 0px 0px 0px;
/* font-style: italic; */
font-weight: 900;
/* letter-spacing: 1px; */
color: #951528;
word-break: break-word;
line-height: 30px;
text-align: center;
padding: 0px 0px 0px 0px;
}
.seventh_section_flex_item_1 .paragraph p {
color: #951528;
font-size: 16px;
margin: 0px;
padding: 0px 20px 0px 20px;
letter-spacing: 0px;
/* color: #dedede; */
word-break: break-word;
line-height: 25px;
/* text-transform: capitalize; */
text-align: justify;
margin-top: 30px;
}
.seventh_section_flex_item_1 .custom_button {
padding: 0px 50px 0px 50px;
text-align: center;
}
.seventh_section_flex_item_1 .custom_button button {
padding: 20px 30px;
background-color: #ffffff;
color: #951528;
border: 0;
border-radius: 30px;
margin-top: 30px;
margin-bottom: 20px;
}
.seventh_section_flex_item_2 {
width: 100%;
}
.seventh_section_flex_item_2 .image_container {
height: auto;
border: 0px solid gray;
border-radius: 20px;
padding: 0px;
display: flex;
align-items: center;
margin: 0px 0px;
}
.seventh_section_flex_item_2 .image_container img {
width: 100%;
height: auto;
border-radius: 0px 0px 25px 25px;
}
}
</style>
<div id="shopify-section-template--21944882561330__homepage_section_7_WteDm4" class="shopify-section"><!-- Section 7 -->
<section class="custom_section_7">
<div class="custom_section_width_container" style="max-width: 1443px;">
<div class="custom_section_7_div">
<div class="seventh_section_flex">
<div class="seventh_section_flex_item_1">
<div class="heading">
<h2>ACHIEVE FASTER RESULTS AND PUBLISH MORE ADS QUICKLY</h2>
</div>
<div class="paragraph">
<p>
</p>
<p>Unlock rapid results and simplify creative testing using our templates, allowing you to
produce more ads in a shorter period without starting from scratch.</p>
<p></p>
</div>
<div class="custom_button">
<a href="https://d2ctemplates.com/collections/d2c-complete-template-library"><button>SHOP
NOW</button></a>
</div>
</div>
<div class="seventh_section_flex_item_2">
<div class="image_container">
<img
src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/imgi_22_mobile.gif?v=1755672876">
</div>
</div>
</div>
</div>
</div>
</section>
</div>