Cafe Shop

[vc_row full_width=”stretch_row_content_no_spaces” full_height=”yes” content_placement=”middle” css=”.vc_custom_1542191734746{padding-top: 300px !important;padding-bottom: 300px !important;background-color: #cea352 !important;}” scrollmagic_mode=”yes”][vc_column bbsm_scene=”parallax-01″ scrollmagic_mode=”yes”][scrollmagic_imagegroup align=”center” scrollmagic_mode=”no”][scrollmagic_image image=”186″][/scrollmagic_image][/scrollmagic_imagegroup][scrollmagic_image image=”183″ scrollmagic_mode=”yes” el_class=”scene-coffee-top-left”][/scrollmagic_image][scrollmagic_image image=”184″ scrollmagic_mode=”yes” el_class=”scene-coffee-top-right”][/scrollmagic_image][scrollmagic_image image=”181″ scrollmagic_mode=”yes” el_class=”scene-coffee-bottom-left”][/scrollmagic_image][scrollmagic_image image=”182″ scrollmagic_mode=”yes” el_class=”scene-coffee-bottom-right”][/scrollmagic_image][/vc_column][/vc_row][vc_row full_width=”stretch_row” full_height=”yes” equal_height=”yes” content_placement=”middle” css=”.vc_custom_1507744784547{background-color: #e3e1d2 !important;}”][vc_column width=”1/2″][vc_custom_heading text=”CAFÉ FRIDA IS …” font_container=”tag:h1|text_align:left|color:%23395442″ use_theme_fonts=”yes” scrollmagic_mode=”yes” el_class=”scene-from-left”][vc_empty_space][vc_custom_heading text=”The cream of the coffee, the endless light and the […]

Background

[vc_row full_width=”stretch_row” full_height=”yes” content_placement=”middle” css=”.vc_custom_1542190402705{background-image: url(https://dibujoparacolorear.net/wp-content/uploads/2018/11/bg1.jpg?id=177) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” bb_sm_mode=”no” el_class=”scene-background”][vc_column width=”2/3″ bbsm_scene=”fixed” bb_sm_mode=”yes”][vc_custom_heading text=”Limitless web design options” font_container=”tag:div|font_size:48px|text_align:left|color:rgba(255%2C255%2C255%2C0.8)|line_height:50px” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal”][vc_empty_space height=”50″][vc_custom_heading text=”Create a web design using any responsive framework you already know. Import your design assets in seconds and edit them with our built-in Page Designer.” font_container=”tag:div|font_size:27px|text_align:left|color:rgba(255%2C255%2C255%2C0.8)|line_height:37px” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:300%20light%20regular%3A300%3Anormal”][vc_empty_space height=”100″][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row][vc_row full_width=”stretch_row” […]

Fullpage scrolling

[vc_row full_height=”yes”][vc_column][vc_row_inner][vc_column_inner][vc_custom_heading text=”Page 00″ font_container=”tag:h2|text_align:center”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1542183904536{background-color: #1e73be !important;}” el_class=”scene-fullpage-section-01″][vc_column][vc_row_inner el_class=”sm-inner-row”][vc_column_inner][vc_custom_heading text=”Page 01″ font_container=”tag:h2|text_align:center|color:%23ffffff”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1542183910809{background-color: #dd3333 !important;}” el_class=”scene-fullpage-section-02″][vc_column][vc_row_inner el_class=”sm-inner-row”][vc_column_inner][vc_custom_heading text=”Page 02″ font_container=”tag:h2|text_align:center|color:%23ffffff”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1542183916388{background-color: #742ec9 !important;}” el_class=”scene-fullpage-section-03″][vc_column][vc_row_inner el_class=”sm-inner-row”][vc_column_inner][vc_custom_heading text=”Page 03″ font_container=”tag:h2|text_align:center|color:%23ffffff”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1542183921745{background-color: #81d742 !important;}” el_class=”scene-fullpage-section-04″][vc_column][vc_row_inner el_class=”sm-inner-row”][vc_column_inner][vc_custom_heading text=”Page 04″ font_container=”tag:h2|text_align:center|color:%23ffffff”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][scrollmagic_spacing height=”2400px”][/scrollmagic_spacing][/vc_column][/vc_row]

App showcase

[vc_row full_width=”stretch_row”][vc_column][vc_custom_heading text=”Contrary to popular belief” font_container=”tag:h2|text_align:center|color:%23303030″ use_theme_fonts=”yes”][vc_empty_space][vc_custom_heading text=”Lorem Ipsum is not simply random text” font_container=”tag:div|font_size:15px|text_align:center|color:%234f4f4f” use_theme_fonts=”yes”][vc_empty_space height=”52px”][vc_row_inner equal_height=”yes” content_placement=”bottom”][vc_column_inner width=”1/3″][scrollmagic_imagegroup align=”center”][scrollmagic_image image=”124″ el_class=”scene-from-left”][/scrollmagic_image][/scrollmagic_imagegroup][/vc_column_inner][vc_column_inner width=”1/3″][scrollmagic_imagegroup align=”center”][scrollmagic_image image=”125″][/scrollmagic_image][/scrollmagic_imagegroup][/vc_column_inner][vc_column_inner width=”1/3″][scrollmagic_imagegroup align=”center”][scrollmagic_image image=”123″ el_class=”scene-from-right”][/scrollmagic_image][/scrollmagic_imagegroup][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1542165680624{padding-top: 100px !important;padding-bottom: 100px !important;background-color: #bd7b02 !important;}”][vc_column width=”1/3″][vc_custom_heading text=”Contrary to popular belief” font_container=”tag:h2|text_align:left|color:%23ffffff” use_theme_fonts=”yes” css=”.vc_custom_1542180231542{padding-left: 20px !important;}” el_class=”scene-from-left”][vc_empty_space][vc_custom_heading text=”Lorem Ipsum is not simply […]

Bezier Path Animation

[vc_row css=”.vc_custom_1541498917422{padding-top: 100px !important;padding-bottom: 100px !important;}”][vc_column][vc_custom_heading text=”Move” use_theme_fonts=”yes”][scrollmagic_image image=”59″ el_class=”scene-bezier”][/scrollmagic_image][vc_empty_space height=”500px”][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1541491639436{padding-top: 120px !important;padding-bottom: 100px !important;background: #384a90 url(https://dibujoparacolorear.net/wp-content/uploads/2018/11/bg-page-section.png?id=10) !important;}”][vc_column offset=”vc_col-lg-offset-2 vc_col-lg-8 vc_col-md-offset-0 vc_col-md-12″][vc_custom_heading text=”ScrollMagic WordPress Plugin” font_container=”tag:h3|text_align:center|color:%23ffffff” use_theme_fonts=”yes” css_animation=”bounceIn” tm_text_transform=”uppercase” tm_font_weight=”600″ tm_letter_spacing=”-0.01em”][vc_empty_space][vc_custom_heading text=”#1 WordPress Animation Builder Plugin 1,100+ People Can Not Be Wrong…” font_container=”tag:h2|text_align:center|color:%23ffffff” use_theme_fonts=”yes”][vc_empty_space][button size=”btn-large” display=”block” align=”center” type=”font-icons” icon_type=”pe7stroke” icon_pe7stroke=”pe-7s-cloud-download” style=”btn-bg-white-color” button_link=”url:https%3A%2F%2Fcodecanyon.net%2Fitem%2Fscroll-magic-scrolling-animation-visual-composer-addon%2F19418234%3Fref%3DBestBug|title:Get%20ScrollMagic%20Today%20Only%2025%24%20||”][/vc_column][/vc_row]

Sequence Image

[vc_row full_width=”stretch_row” css=”.vc_custom_1541593759317{padding-bottom: 100px !important;}”][vc_column][vc_custom_heading text=”Sequence Image without Duration” use_theme_fonts=”yes”][vc_empty_space][scrollmagic_sequence align=”left” images=”49,50,51,52,53,54,55″ el_class=”scene-sequence-image-without-duration”][/scrollmagic_sequence][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1541593759317{padding-bottom: 100px !important;}”][vc_column][vc_custom_heading text=”Sequence Image with Duration” use_theme_fonts=”yes”][vc_empty_space][scrollmagic_sequence align=”left” images=”49,50,51,52,53,54,55″ el_class=”scene-sequence-image”][/scrollmagic_sequence][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1541593759317{padding-bottom: 100px !important;}”][vc_column][vc_custom_heading text=”Sequence Image with Repeat” use_theme_fonts=”yes”][vc_empty_space][scrollmagic_sequence align=”left” images=”49,50,51,52,53,54,55″ el_class=”scene-sequence-image-repeat”][/scrollmagic_sequence][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1541593759317{padding-bottom: 100px !important;}”][vc_column][vc_custom_heading text=”Align” use_theme_fonts=”yes”][vc_empty_space][scrollmagic_sequence align=”left” images=”49,50,51,52,53,54,55″ el_class=”scene-sequence-image”][/scrollmagic_sequence][scrollmagic_sequence align=”center” images=”49,50,51,52,53,54,55″ el_class=”scene-sequence-image”][/scrollmagic_sequence][scrollmagic_sequence align=”right” images=”49,50,51,52,53,54,55″ el_class=”scene-sequence-image”][/scrollmagic_sequence][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1541491639436{padding-top: 120px […]

CSS3 Animations

[vc_row css=”.vc_custom_1541496802819{margin-top: 50px !important;margin-bottom: 50px !important;}”][vc_column][vc_custom_heading text=”Transform CSS3″ use_theme_fonts=”yes”][vc_empty_space][vc_column_text] Typography, being the art of type in a design, is undoubtedly one of the most essential elements of good web design. It’s the visual art that helps us to create a beautiful and neat design that just works. However, the fact that it can be on the headline […]

Draw SVG

[vc_row full_width=”stretch_row” css=”.vc_custom_1541593759317{padding-bottom: 100px !important;}”][vc_column][vc_custom_heading text=”Draw without Duration” use_theme_fonts=”yes”][vc_empty_space][scrollmagic_image image=”35″ el_class=”scene-svg-without-duration”][/scrollmagic_image][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1541593759317{padding-bottom: 100px !important;}”][vc_column][vc_custom_heading text=”Draw with Duration” use_theme_fonts=”yes”][vc_empty_space][scrollmagic_image image=”35″ el_class=”scene-svg”][/scrollmagic_image][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1541593759317{padding-bottom: 100px !important;}”][vc_column][vc_custom_heading text=”Align” use_theme_fonts=”yes”][vc_empty_space][scrollmagic_imagegroup][scrollmagic_image image=”31″ el_class=”scene-svg”][/scrollmagic_image][/scrollmagic_imagegroup][scrollmagic_imagegroup align=”center”][scrollmagic_image image=”32″ el_class=”scene-svg”][/scrollmagic_image][/scrollmagic_imagegroup][scrollmagic_imagegroup align=”right”][scrollmagic_image image=”33″ el_class=”scene-svg”][/scrollmagic_image][/scrollmagic_imagegroup][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1541593759317{padding-bottom: 100px !important;}”][vc_column][vc_custom_heading text=”Draw SVG with Images” use_theme_fonts=”yes”][vc_empty_space][scrollmagic_image image=”41″ el_class=”scene-svg-image”][/scrollmagic_image][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1541491639436{padding-top: 120px !important;padding-bottom: 100px !important;background: #384a90 url(https://dibujoparacolorear.net/wp-content/uploads/2018/11/bg-page-section.png?id=10) !important;}”][vc_column […]

Landing

[vc_row full_width=”stretch_row” css=”.vc_custom_1541491639436{padding-top: 120px !important;padding-bottom: 100px !important;background: #384a90 url(https://dibujoparacolorear.net/wp-content/uploads/2018/11/bg-page-section.png?id=10) !important;}”][vc_column offset=”vc_col-lg-offset-2 vc_col-lg-8 vc_col-md-offset-0 vc_col-md-12″][scrollmagic_imagegroup align=”center”][scrollmagic_image image=”19″][/scrollmagic_image][/scrollmagic_imagegroup][vc_empty_space height=”15px”][vc_custom_heading text=”ScrollMagic WordPress Plugin” font_container=”tag:h3|text_align:center|color:%23ffffff” use_theme_fonts=”yes” css_animation=”bounceIn” tm_text_transform=”uppercase” tm_font_weight=”600″ tm_letter_spacing=”-0.01em”][vc_empty_space][vc_custom_heading text=”#1 WordPress Animation Builder Plugin 1,100+ People Can Not Be Wrong…” font_container=”tag:h2|text_align:center|color:%23ffffff” use_theme_fonts=”yes”][vc_empty_space][vc_custom_heading text=”ScrollMagic plugin for WordPress – take full animation over your site. Build any animation you can […]