Clinically Proven Results
Page: Product Pages (Optimized for Conversions)


Snippet Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.admin-0">
<title>Our Foundation</title>
<style>
.admin-pro_impact {
background: #ebf3fb;
margin-top: 0;
margin-bottom: 0;
}
.admin-index-section {
margin: 48px 0;
}
.admin-page-width {
padding: 0 17px;
margin: 0 auto;
max-width: 1200px;
}
.admin-Padding_Auto {
padding: 10px 0;
}
[data-type_headers_align_text=true] .admin-section-header {
text-align: center;
}
.admin-metafield-rich_text_field {
text-align: center;
}
.admin-h1,
.admin-h2,
.admin-h3,
h1,
h2,
h3 {
font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
font-weight: var(--typeHeaderWeight);
letter-spacing: var(--typeHeaderSpacing);
line-height: var(--typeHeaderLineHeight);
}
.admin-section-header p {
margin: 10px 0;
}
.admin-pro_impact .admin-grid.admin-grid--flush-bottom {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
row-gap: 25px;
margin: 0 !important;
}
.admin-grid--flush-bottom {
overflow: auto;
}
.admin-grid {
list-style: none;
}
.admin-pro_impact .admin-grid--flush-bottom>.admin-grid__item {
display: flex;
align-items: center;
justify-content: left;
padding: 0;
margin: 0;
}
.admin-grid__item {
float: left;
min-height: 1px;
}
.admin-pro_impact .admin-grid--flush-bottom>.admin-grid__item h3 {
margin: 0;
font-size: 35px;
border-bottom: 1px solid;
color: #000;
}
.admin-pro_impact .admin-grid--flush-bottom>.admin-grid__item .admin-rte-setting {
margin: 0;
text-align: left;
padding-left: 10px;
max-width: 315px;
}
@media (min-width: 991px) {
.admin-pro_impact .admin-grid.admin-grid--flush-bottom {
padding: 0 4rem;
}
}
@media only screen and (min-width: 769px) {
.admin-section-header {
margin-bottom: 50px;
}
.admin-h3 {
font-size: 22px;
}
.admin-h1,
.admin-h2,
.admin-h3,
.admin-h4,
.admin-h5,
.admin-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 15px;
}
.admin-medium-up--one-half {
width: 50%;
}
}
@media (max-width: 768px) {
.admin-pro_impact {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
}
</style>
</head>
<body>
<div id="shopify-section-template--15274025156688__product_impact_UUJFgf" class="admin-shopify-section">
<style>
.admin-pro_impact .admin-grid--flush-bottom>.admin-grid__item {
display: flex;
align-items: center;
justify-content: left;
padding: 0;
margin: 0;
}
@media(min-width:991px) {
.admin-pro_impact .admin-grid.admin-grid--flush-bottom {
padding: 0 4rem;
}
}
</style>
<div class="admin-index-section admin-pro_impact">
<div class="admin-page-width" style="padding: 20px 10px !important;">
<div class="admin-section-header">
<div class="admin-h3">
<div class="admin-metafield-rich_text_field">
<p>Clinically Proven Results in 12 Weeks</p>
</div>
</div>
</div>
<div class="admin-grid admin-grid--flush-bottom" style="padding-bottom: 20px !important;">
<div class="admin-grid__item admin-medium-up--one-half admin-text-center admin-aos-init admin-aos-animate" data-aos="row-of-3">
<h3>31.75%</h3>
<div class="admin-rte-setting text-spacing">Reduction in Fasting Blood Glucose</div>
</div>
<div class="admin-grid__item admin-medium-up--one-half admin-text-center admin-aos-init admin-aos-animate" data-aos="row-of-3">
<h3>25.5%</h3>
<div class="admin-rte-setting text-spacing">Reduction in Post Prandial Blood Glucose</div>
</div>
<div class="admin-grid__item admin-medium-up--one-half admin-text-center admin-aos-init admin-aos-animate" data-aos="row-of-3">
<h3>42.5%</h3>
<div class="admin-rte-setting text-spacing">Reduction in Inflammatory Acne Lesion</div>
</div>
<div class="admin-grid__item admin-medium-up--one-half admin-text-center admin-aos-init admin-aos-animate" data-aos="row-of-3">
<h3>29%</h3>
<div class="admin-rte-setting admin-text-spacing">Reduction in Acne Severity</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>