text and image
Page: Homepage


Snippet Code
<style>
.elementor-element.elementor-element-f7cfc89 {
background-color: #F7F5E9;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
padding: 10% 7% 10% 7%;
}
.elementor-section {
position: relative;
}
.elementor-section.elementor-section-boxed>.elementor-container {
max-width: 1680px;
}
.elementor-section .elementor-container {
display: flex;
margin-right: auto;
margin-left: auto;
position: relative;
}
.elementor-element.elementor-element-52f1b03 {
z-index: 1;
}
.elementor-column {
position: relative;
display: flex;
min-height: 1px;
}
.elementor-element.elementor-element-f7cfc89>.elementor-container>.elementor-column>.elementor-widget-wrap {
align-content: center;
align-items: center;
}
.elementor-element.elementor-element-52f1b03>.elementor-element-populated {
padding: 0% 10% 0% 0%;
}
.elementor-widget-wrap {
display: flex;
position: relative;
width: 100%;
flex-wrap: wrap;
}
.elementor-element.elementor-element-52f1b03>.elementor-widget-wrap>.elementor-widget {
margin-bottom: 30px;
}
.elementor-element.elementor-element-2e012f1 {
text-align: left;
}
.elementor-widget-wrap>.elementor-element {
width: 100%;
}
.elementor-widget {
position: relative;
}
.elementor-element .elementor-widget-container {
transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-box-shadow .3s;
}
.elementor-element.elementor-element-2e012f1 .elementor-heading-title {
color: #E9612C;
}
.elementor-widget-heading .elementor-heading-title {
font-family: "Vidaloka", Sans-serif;
font-size: 100px;
font-weight: 400;
text-transform: uppercase;
font-style: normal;
text-decoration: none;
line-height: 110px;
letter-spacing: 5px;
word-spacing: 0px;
}
.elementor-heading-title {
padding: 0;
margin: 0;
}
.elementor-widget-wrap>.elementor-element {
width: 100%;
}
.elementor-widget-text-editor {
color: #484544;
font-family: "Poppins", Sans-serif;
font-size: 18px;
font-weight: 400;
text-transform: none;
font-style: normal;
text-decoration: none;
line-height: 27px;
letter-spacing: 0px;
word-spacing: 0px;
}
.elementor-widget-container p {
margin-top: 0;
margin-bottom: 14.4px;
}
.elementor-element.elementor-element-bddc4f8 {
text-align: right;
}
.animated.animated-slow {
animation-duration: 2s;
}
.slideInLeft {
animation-name: slideInLeft;
}
.elementor-element.elementor-element-bddc4f8 img {
border-style: solid;
border-width: 6px 6px 6px 6px;
border-color: #FFFFFF;
border-radius: 50% 50% 50% 50%;
box-shadow: 0px 50px 0px 0px #E9612C;
}
.elementor-widget-image img {
vertical-align: middle;
display: inline-block;
height: auto;
max-width: 100%;
border: none;
}
@media (min-width: 768px) {
.elementor-column.elementor-col-50 {
width: 50%;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
.elementor-element.elementor-element-52f1b03 {
width: 100%;
}
.elementor-element.elementor-element-9e68055 {
width: 100%;
}
}
@media (max-width: 767px) {
.elementor-element.elementor-element-f7cfc89 {
padding: 15% 5% 15% 5%;
}
.elementor-section.elementor-section-boxed>.elementor-container {
max-width: 767px;
}
.elementor-column {
width: 100%;
}
.elementor-widget-heading .elementor-heading-title {
font-size: 36px;
line-height: 39.6px;
letter-spacing: 0px;
word-spacing: 0px;
}
.elementor-widget-text-editor {
font-size: 14px;
line-height: 21px;
letter-spacing: 0px;
word-spacing: 0px;
}
.elementor-element.elementor-element-bddc4f8 img {
width: 100%;
}
}
@media (max-width: 1024px) {
.elementor-element.elementor-element-f7cfc89 {
padding: 12% 8% 12% 8%;
}
.elementor-section .elementor-container {
flex-wrap: wrap;
}
.elementor-element.elementor-element-52f1b03>.elementor-element-populated {
padding: 0% 0% 0% 0%;
}
.elementor-element.elementor-element-9e68055>.elementor-element-populated {
margin: 8% 0% 0% 0%;
--e-column-margin-right: 0%;
--e-column-margin-left: 0%;
}
.elementor-element.elementor-element-bddc4f8 {
text-align: center;
}
}
</style>
<section
class="elementor-section elementor-top-section elementor-element elementor-element-f7cfc89 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default"
data-id="f7cfc89" data-element_type="section" data-settings="{"background_background":"classic"}">
<div class="elementor-container elementor-column-gap-no">
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-52f1b03"
data-id="52f1b03" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-2e012f1 elementor-widget elementor-widget-heading"
data-id="2e012f1" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h1 class="elementor-heading-title elementor-size-default">juiceito’s story</h1>
</div>
</div>
<div class="elementor-element elementor-element-aa489f8 elementor-widget elementor-widget-text-editor"
data-id="aa489f8" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Since 1980, Juiceito has been pioneering the organic juice space in San Diego. From the start, we have
been committed to offering the most delicious fruit & vegetable drinks, made from fresh, locally grown
ingredients. Come on down and give your day a boost with one of our smoothies, pressed juices, and
wellness shots!</p>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9e68055"
data-id="9e68055" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div
class="elementor-element elementor-element-bddc4f8 animated-slow elementor-widget elementor-widget-image animated slideInLeft"
data-id="bddc4f8" data-element_type="widget" data-settings="{"_animation":"slideInLeft"}"
data-widget_type="image.default">
<div class="elementor-widget-container">
<img fetchpriority="high" decoding="async" width="693" height="427"
src="https://library.elementor.com/juice-bar/wp-content/uploads/sites/206/2022/04/AboutPage-Hero.jpg"
class="attachment-full size-full" alt="">
</div>
</div>
</div>
</div>
</div>
</section>