image and text
Page: Homepage


Snippet Code
<style>
.custom_section_6 {
background-color: #951528;
padding: 50px 0px;
}
.custom_section_width_container {
max-width: 1443px;
margin: auto;
}
.sixth_section_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 50px 0px;
align-items: center;
}
.sixth_section_flex_item_2 {
width: 50%;
}
.sixth_section_flex_item_2 .image_container {
height: 400px;
border: 1px solid gray;
border-radius: 20px;
padding: 20px;
display: flex;
align-items: center;
}
.sixth_section_flex_item_2 .image_container img {
width: 100%;
height: 100%;
}
.sixth_section_flex_item_1 {
width: 50%;
}
.sixth_section_flex_item_1 .heading h2 {
font-size: 40px;
margin: 20px 0px 0px 0px;
/* font-style: italic; */
font-weight: 900;
/* letter-spacing: 1px; */
color: white;
word-break: break-word;
line-height: 40px;
text-align: left;
padding: 0px 50px 0px 50px;
}
.sixth_section_flex_item_1 .paragraph p {
color: #ffffffbf;
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;
}
.sixth_section_flex_item_1 .custom_button {
padding: 0px 50px 0px 50px;
}
a {
text-decoration: none;
}
.sixth_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;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.custom_section_6 {
background-color: #951528;
padding: 10px 0px;
}
.sixth_section_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 50px 0px;
align-items: center;
}
.sixth_section_flex_item_2 {
width: 100%;
}
.sixth_section_flex_item_2 .image_container {
height: auto;
border: 1px solid gray;
border-radius: 20px;
padding: 0px;
display: flex;
align-items: center;
margin: 0px 20px;
}
.sixth_section_flex_item_2 .image_container img {
width: 100%;
border-radius: 25px;
}
.sixth_section_flex_item_1 {
width: 100%;
}
.sixth_section_flex_item_1 .heading h2 {
font-size: 18px;
/* font-style: italic; */
font-weight: 900;
/* letter-spacing: 1px; */
color: white;
word-break: break-word;
line-height: 30px;
text-align: center;
padding: 0px 0px 0px 0px;
max-width: 90%;
margin: auto;
margin-top: 20px;
}
.sixth_section_flex_item_1 .paragraph p {
color: #ffffffbf;
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;
}
.sixth_section_flex_item_1 .custom_button {
padding: 0px 50px 0px 50px;
text-align: center;
}
.sixth_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;
}
}
</style>
<div id="shopify-section-template--21944882561330__homepage_section_6_gNXjA6" class="shopify-section"><!-- Section 6 -->
<section class="custom_section_6">
<div class="custom_section_width_container" style="max-width: 1443px;">
<div class="custom_section_6_div">
<div class="sixth_section_flex">
<div class="sixth_section_flex_item_2">
<div class="image_container">
<img
src="https://cdn.shopify.com/s/files/1/0955/5873/0040/files/imgi_21_D2C_home_page_image2.jpg?v=1755668023">
</div>
</div>
<div class="sixth_section_flex_item_1">
<div class="heading">
<h2>ELEVATE YOUR MARKETING ADS</h2>
</div>
<div class="paragraph">
<p>
</p>
<p>Turn your average marketing video ads into scroll-stopping bangers with our simple and
easy to use After Effect fully customizable video Ad templates</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>
</div>
</div>
</section>
</div>