Jannex
/
SHX-Theme
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

contact us animation

main
alexanderroese 2024-06-21 17:03:05 +02:00
parent 03c15c8685
commit fd1d77b486
2 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
assets/section-contact-form.css
View File

@ -24,6 +24,16 @@
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
grid-column-gap: 2rem; grid-column-gap: 2rem;
} }
#shx-contact-form-contact-us-send {
width: 250px;
height: 250px;
}
#shx-contact-form-contact-people-talking {
height: 500px;
width: 500px;
}
} }
/* /*
.contact__button { .contact__button {
@ -47,9 +57,7 @@
margin: 0 auto; margin: 0 auto;
} }
@media screen and (min-width: 750px) { #shx-contact-form-contact-people-talking {
#shx-contact-form-contact-us-send { height: 250px;
width: 250px; width: 250px;
height: 250px;
}
} }

4
sections/contact-form.liquid
View File

@ -17,15 +17,15 @@
<div class="color-{{ section.settings.color_scheme }} gradient"> <div class="color-{{ section.settings.color_scheme }} gradient">
<div class="contact page-width page-width--narrow section-{{ section.id }}-padding"> <div class="contact page-width page-width--narrow section-{{ section.id }}-padding">
<dotlottie-player <dotlottie-player
id="shx-contact-form-contact-us-send" id="shx-contact-form-contact-people-talking"
src="{{ 'lottie_page_contact_us_people_talking.lottie' | asset_url }}" src="{{ 'lottie_page_contact_us_people_talking.lottie' | asset_url }}"
background="transparent" background="transparent"
speed="1" speed="1"
loop="true"
autoplay autoplay
direction="1" direction="1"
mode="bounce"></dotlottie-player> mode="bounce"></dotlottie-player>
<div style="background-color: #fff; padding: 10px 20px 20px 20px; border-radius: 12px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);"> <div style="background-color: #fff; padding: 10px 20px 20px 20px; border-radius: 12px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);">
{%- if section.settings.heading != blank -%} {%- if section.settings.heading != blank -%}
<h2 class="title title-wrapper--no-top-margin inline-richtext {{ section.settings.heading_size }}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}" style="text-align: center; margin-bottom: 0;"> <h2 class="title title-wrapper--no-top-margin inline-richtext {{ section.settings.heading_size }}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}" style="text-align: center; margin-bottom: 0;">