Description
<style type="text/css">
.u-row {
display: flex;
flex-wrap: nowrap;
margin-left: 0;
margin-right: 0;
}
.u-row .u-col {
position: relative;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.u-row .u-col.u-col-50 {
flex: 0 0 50%;
max-width: 50%;
}
@media (max-width: 480px) {
.container {
max-width: 100% !important;
}
.u-row:not(.no-stack) {
flex-wrap: wrap;
}
.u-row:not(.no-stack) .u-col {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
body,
html {
margin: 0;
padding: 0
}
html {
box-sizing: border-box
}
*,
:after,
:before {
box-sizing: inherit
}
html {
font-size: 14px;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
p {
margin: 0
}
form .error-field {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: shake;
animation-name: shake
}
form .error-field input,
form .error-field textarea {
border-color: #a94442 !important;
color: #a94442 !important
}
form .field-error {
font-size: 14px;
font-weight: 700;
padding: 5px 10px;
position: absolute;
right: 10px;
top: -20px
}
form .field-error:after {
border: solid transparent;
border-color: #ebcccc rgba(136, 183, 213, 0) rgba(136, 183, 213, 0);
border-width: 5px;
content: " ";
height: 0;
left: 50%;
margin-left: -5px;
pointer-events: none;
position: absolute;
top: 100%;
width: 0
}
form .spinner {
margin: 0 auto;
text-align: center;
width: 70px
}
form .spinner>div {
-webkit-animation: sk-bouncedelay 1.4s ease-in-out infinite both;
animation: sk-bouncedelay 1.4s ease-in-out infinite both;
background-color: hsla(0, 0%, 100%, .5);
border-radius: 100%;
display: inline-block;
height: 12px;
margin: 0 2px;
width: 12px
}
form .spinner .bounce1 {
-webkit-animation-delay: -.32s;
animation-delay: -.32s
}
form .spinner .bounce2 {
-webkit-animation-delay: -.16s;
animation-delay: -.16s
}
@-webkit-keyframes sk-bouncedelay {
0%,
80%,
to {
-webkit-transform: scale(0)
}
40% {
-webkit-transform: scale(1)
}
}
@keyframes sk-bouncedelay {
0%,
80%,
to {
-webkit-transform: scale(0);
transform: scale(0)
}
40% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
.container {
--bs-gutter-x: 0px;
--bs-gutter-y: 0;
margin-left: auto;
margin-right: auto;
padding-left: calc(var(--bs-gutter-x)*.5);
padding-right: calc(var(--bs-gutter-x)*.5);
width: 100%
}
a[onclick] {
cursor: pointer
}
body {
font-family: arial, helvetica, sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #000000;
background-color: #F9F9F9;
}
#u_body a {
color: #0000ee;
text-decoration: underline;
}
#u_body a:hover {
color: #0000ee;
text-decoration: underline;
}
</style>
</head>
<body>
<div id="u_body" class="u_body" style="min-height: 100vh;">
<div id="u_row_1" class="u_row" style="padding: 0px;">
<div class="container" style="max-width: 500px;margin: 0 auto;">
<div class="u-row">
<div id="u_column_1" class="u-col u-col-50 u_column" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;">
<div style="width: 100%;padding:0px;">
<div id="u_content_image_1" class="u_content_image" style="overflow-wrap: break-word;padding: 10px;">
<div style="position:relative;line-height:0px;text-align:center">
<img alt="" src="https://assets.unlayer.com/projects/275963/1751350927132-sachets%2016g.jpg?w=460px" style="width: 100%;max-width: 230px;" title="" />
</div>
</div>
<div id="u_content_image_2" class="u_content_image" style="overflow-wrap: break-word;padding: 10px;">
<div style="position:relative;line-height:0px;text-align:center">
<img alt="" src="https://assets.unlayer.com/projects/275963/1751351024097-Immunity%20Multivitamin.jpg?w=460px" style="width: 100%;max-width: 230px;" title="" />
</div>
</div>
<div id="u_content_video_1" class="u_content_video" style="overflow-wrap: break-word;padding: 10px;">
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;">
<iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" width="480" height="270" src="https://www.youtube.com/embed/sFhL1t07Low" frameBorder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<div id="u_column_2" class="u-col u-col-50 u_column" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;">
<div style="width: 100%;padding:0px;">
<div id="u_content_text_1" class="u_content_text" style="overflow-wrap: break-word;padding: 10px;">
<div style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;">
<p style="line-height: 140%;">Power</p>
</div>
</div>
<div id="u_content_text_2" class="u_content_text" style="overflow-wrap: break-word;padding: 10px;">
<div style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;">
<p style="line-height: 140%;">Energy</p>
<p style="line-height: 140%;"> </p>
</div>
</div>
<div id="u_content_text_3" class="u_content_text" style="overflow-wrap: break-word;padding: 10px;">
<div style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;">
<p style="line-height: 140%;">Stamina</p>
</div>
</div>
<div id="u_content_text_4" class="u_content_text" style="overflow-wrap: break-word;padding: 10px;">
<div style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;">
<p style="line-height: 140%;">Strength</p>
</div>
</div>
<div id="u_content_text_5" class="u_content_text" style="overflow-wrap: break-word;padding: 10px;">
<div style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;">
<p style="line-height: 140%;">This is a new Text block. Change the text.</p>
</div>
</div>
<div id="u_content_heading_1" class="u_content_heading" style="overflow-wrap: break-word;padding: 10px;">
<h1 style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-size: 22px; font-weight: 400;"><span>Heading</span></h1>
</div>
<div id="u_content_text_6" class="u_content_text" style="overflow-wrap: break-word;padding: 10px;">
<div style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;">
<p style="line-height: 140%;">This is a new Text block. Change the text.</p>
</div>
</div>
<div id="u_content_text_7" class="u_content_text" style="overflow-wrap: break-word;padding: 10px;">
<div style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;">
<p style="line-height: 140%;">This is a new Text block. Change the text.</p>
</div>
</div>
<div id="u_content_text_8" class="u_content_text" style="overflow-wrap: break-word;padding: 10px;">
<div style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;">
<p style="line-height: 140%;">This is a new Text block. Change the text.</p>
</div>
</div>
<div id="u_content_heading_2" class="u_content_heading" style="overflow-wrap: break-word;padding: 10px;">
<h1 style="margin: 0px; line-height: 140%; text-align: left; word-wrap: break-word; font-size: 22px; font-weight: 400;"><span>Heading</span></h1>
</div>
<div id="u_content_text_9" class="u_content_text" style="overflow-wrap: break-word;padding: 10px;">
<div style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;">
<p style="line-height: 140%;">This is a new Text block. Change the text.</p>
</div>
</div>
<div id="u_content_text_10" class="u_content_text" style="overflow-wrap: break-word;padding: 10px;">
<div style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;">
<p style="line-height: 140%;">This is a new Text block. Change the text.</p>
</div>
</div>
<div id="u_content_text_11" class="u_content_text" style="overflow-wrap: break-word;padding: 10px;">
<div style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;">
<p style="line-height: 140%;">This is a new Text block. Change the text.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>