Contact Sections

About Award Blog Call to Action Clients Contact Carousel Case Study Facts FAQ Features Form Footer Hero Integration Industry Location Navbar Portfolio Pricing Process Team Testimonials

Contact #1

Please enter firstname.
Please enter lastname.
Please enter email.
Please enter company name.
Please enter phone.
Please enter a message.

Technical support

Found a persistent bug, or need help setting a new team member up? Can’t crack a feature? Let us know!

General chat

Billing issues, customizations, plan changes--anything that doesn’t fit in the other two brackets, goes here. Start Chat

Help Center

Want to share feedback on an existing feature or suggest a new one? Talk to us! Visit Help Center 

 <!--contact us-->
<section class="mb-xl-9 my-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 offset-lg-1 col-md-12 col-12">
                <div class="row g-xl-7 gy-5">
                    <div class="col-md-7 col-12">
                        <div class="card shadow-sm">
                            <div class="card-body">
                                <form class="row g-3 needs-validation"
                                    novalidate>
                                    <div class="col-lg-6 col-md-12">
                                        <label for="contactFirstNameInput"
                                            class="form-label">
                                            First Name
                                            <span class="text-danger">*</span>
                                        </label>
                                        <input type="text"
                                            class="form-control"
                                            id="contactFirstNameInput"
                                            required />
                                        <div class="invalid-feedback">Please
                                            enter firstname.</div>
                                    </div>
                                    <div class="col-lg-6 col-md-12">
                                        <label for="contactLastNameInput"
                                            class="form-label">
                                            Last Name
                                            <span class="text-danger">*</span>
                                        </label>
                                        <input type="text"
                                            class="form-control"
                                            id="contactLastNameInput"
                                            required />
                                        <div class="invalid-feedback">Please
                                            enter lastname.</div>
                                    </div>
                                    <div class="col-md-12">
                                        <label for="contactEmailInput"
                                            class="form-label">
                                            Email
                                            <span class="text-danger">*</span>
                                        </label>
                                        <input type="email"
                                            class="form-control"
                                            id="contactEmailInput"
                                            required />
                                        <div class="invalid-feedback">Please
                                            enter email.</div>
                                    </div>
                                    <div class="col-md-12">
                                        <label for="contactCompanyNameInput"
                                            class="form-label">Company
                                            Name</label>
                                        <input type="text"
                                            class="form-control"
                                            id="contactCompanyNameInput"
                                            required />
                                        <div class="invalid-feedback">Please
                                            enter company name.</div>
                                    </div>
                                    <div class="col-md-12">
                                        <label for="contactPhoneInput"
                                            class="form-label">Phone</label>
                                        <input type="tel"
                                            class="form-control"
                                            id="contactPhoneInput"
                                            required />
                                        <div class="invalid-feedback">Please
                                            enter phone.</div>
                                    </div>
                                    <div class="col-md-12">
                                        <label for="contactTextarea"
                                            class="form-label">Message</label>
                                        <textarea class="form-control"
                                            id="contactTextarea"
                                            placeholder="Write to us"
                                            rows="4" required></textarea>
                                        <div class="invalid-feedback">Please
                                            enter a message.</div>
                                    </div>
                                    <div class="d-grid">
                                        <button class="btn btn-primary"
                                            type="submit">Send</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5 col-12">
                        <div class="mb-7">
                            <div
                                class="icon-shape bg-primary bg-opacity-10 rounded icon-md mb-5">
                                <svg xmlns="http://www.w3.org/2000/svg"
                                    width="16" height="16"
                                    fill="currentColor"
                                    class="bi bi-headset text-primary"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M8 1a5 5 0 0 0-5 5v1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a6 6 0 1 1 12 0v6a2.5 2.5 0 0 1-2.5 2.5H9.366a1 1 0 0 1-.866.5h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 .866.5H11.5A1.5 1.5 0 0 0 13 12h-1a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h1V6a5 5 0 0 0-5-5z" />
                                </svg>
                            </div>
                            <div>
                                <h4>Technical support</h4>
                                <p class="mb-0">
                                    Found a persistent bug, or need help
                                    setting a new team member up? Can’t
                                    crack a feature?
                                    <a href="#" class="text-primary">Let us
                                        know!</a>
                                </p>
                            </div>
                        </div>
                        <div class="mb-7">
                            <div
                                class="icon-shape bg-primary bg-opacity-10 rounded icon-md mb-5">
                                <svg xmlns="http://www.w3.org/2000/svg"
                                    width="16" height="16"
                                    fill="currentColor"
                                    class="bi bi-chat-dots text-primary"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
                                    <path
                                        d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z" />
                                </svg>
                            </div>
                            <div>
                                <h4>General chat</h4>
                                <p class="mb-0">
                                    Billing issues, customizations, plan
                                    changes--anything that doesn’t fit in
                                    the other two brackets, goes here.
                                    <a href="#" class="text-primary">Start
                                        Chat</a>
                                </p>
                            </div>
                        </div>
                        <div class="mb-7">
                            <div
                                class="icon-shape bg-primary bg-opacity-10 rounded icon-md mb-5">
                                <svg xmlns="http://www.w3.org/2000/svg"
                                    width="16" height="16"
                                    fill="currentColor"
                                    class="bi bi-newspaper text-primary"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M0 2.5A1.5 1.5 0 0 1 1.5 1h11A1.5 1.5 0 0 1 14 2.5v10.528c0 .3-.05.654-.238.972h.738a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 1 1 0v9a1.5 1.5 0 0 1-1.5 1.5H1.497A1.497 1.497 0 0 1 0 13.5v-11zM12 14c.37 0 .654-.211.853-.441.092-.106.147-.279.147-.531V2.5a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5v11c0 .278.223.5.497.5H12z" />
                                    <path
                                        d="M2 3h10v2H2V3zm0 3h4v3H2V6zm0 4h4v1H2v-1zm0 2h4v1H2v-1zm5-6h2v1H7V6zm3 0h2v1h-2V6zM7 8h2v1H7V8zm3 0h2v1h-2V8zm-3 2h2v1H7v-1zm3 0h2v1h-2v-1zm-3 2h2v1H7v-1zm3 0h2v1h-2v-1z" />
                                </svg>
                            </div>
                            <div>
                                <h4>Help Center</h4>
                                <p class="mb-0">
                                    Want to share feedback on an existing
                                    feature or suggest a new one? Talk to
                                    us!
                                    <a href="#" class="text-primary">Visit
                                        Help Center</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!--contact us-->

Contact #2

Contact our sales team

Connect with us today to learn more about how Block can help you grow your business.

  • Access the world’s easiest drag-and-drop design tool.
  • Design & collaborate together from any device, anywhere in the world.
  • Ensure brand consistency with built controls and workflows for approvals.
  • Discover the perfect personalized plan for your needs.

For technical issue or general inquiries, please
visit our Help Centre.

logo
logo
logo
Please enter firstname.
Please enter lastname.
Please enter email.
Please enter company name.
Please enter phone.
Please enter a message.
<!--pageheader-->
<section class="bg-info bg-opacity-10 pt-xl-9 pb-xl-0 py-5 pattern-square">
    <div class="container">
        <div class="row g-xl-7 gy-5">
            <div class="col-lg-6 col-12">
                <div class="me-xl-7">
                    <div class="mb-5">
                        <h1 class="mb-3">Contact our sales team</h1>
                        <p>Connect with us today to learn more about how
                            Block can help you grow your business.</p>
                    </div>
                    <div class="mb-5">
                        <ul class="list-unstyled">
                            <li class="mb-2 d-flex">
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg"
                                        width="20" height="20"
                                        fill="currentColor"
                                        class="bi bi-dot"
                                        viewBox="0 0 16 16">
                                        <path
                                            d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
                                    </svg>
                                </span>
                                <span class="ms-2">Access the world’s
                                    easiest drag-and-drop design
                                    tool.</span>
                            </li>
                            <li class="mb-2 d-flex">
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg"
                                        width="20" height="20"
                                        fill="currentColor"
                                        class="bi bi-dot"
                                        viewBox="0 0 16 16">
                                        <path
                                            d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
                                    </svg>
                                </span>
                                <span class="ms-2">Design & collaborate
                                    together from any device, anywhere in
                                    the world.</span>
                            </li>
                            <li class="mb-2 d-flex">
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg"
                                        width="20" height="20"
                                        fill="currentColor"
                                        class="bi bi-dot"
                                        viewBox="0 0 16 16">
                                        <path
                                            d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
                                    </svg>
                                </span>
                                <span class="ms-2">Ensure brand consistency
                                    with built controls and workflows for
                                    approvals.</span>
                            </li>
                            <li class="mb-5 d-flex">
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg"
                                        width="20" height="20"
                                        fill="currentColor"
                                        class="bi bi-dot"
                                        viewBox="0 0 16 16">
                                        <path
                                            d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
                                    </svg>
                                </span>
                                <span class="ms-2">Discover the perfect
                                    personalized plan for your needs.</span>
                            </li>
                        </ul>

                        <p class="mb-0">
                            For technical issue or general inquiries, please
                            <br />
                            <a href="#" class="text-primary">visit our Help
                                Centre.</a>
                        </p>
                    </div>
                    <div class="row">
                        <div class="col-lg-3 col-md-4 col-4">
                            <img src="../assets/images/brand-logo/brand-logo-12.svg"
                                alt="logo" class="mw-100" />
                        </div>
                        <div class="col-lg-3 col-md-4 col-4">
                            <img src="../assets/images/brand-logo/brand-logo-11.svg"
                                alt="logo" class="mw-100" />
                        </div>
                        <div class="col-lg-3 col-md-4 col-4">
                            <img src="../assets/images/brand-logo/brand-logo-10.svg"
                                alt="logo" class="mw-100" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-12 mb-lg-n9">
                <div class="card shadow-sm">
                    <div class="card-body">
                        <form class="row g-3 needs-validation" novalidate>
                            <div class="col-md-6">
                                <label for="contactFirstNameInput"
                                    class="form-label">
                                    First Name
                                    <span class="text-danger">*</span>
                                </label>
                                <input type="text" class="form-control"
                                    id="contactFirstNameInput" required />
                                <div class="invalid-feedback">Please enter
                                    firstname.</div>
                            </div>
                            <div class="col-md-6">
                                <label for="contactLastNameInput"
                                    class="form-label">
                                    Last Name
                                    <span class="text-danger">*</span>
                                </label>
                                <input type="text" class="form-control"
                                    id="contactLastNameInput" required />
                                <div class="invalid-feedback">Please enter
                                    lastname.</div>
                            </div>
                            <div class="col-md-12">
                                <label for="contactEmailInput"
                                    class="form-label">
                                    Email
                                    <span class="text-danger">*</span>
                                </label>
                                <input type="email" class="form-control"
                                    id="contactEmailInput" required />
                                <div class="invalid-feedback">Please enter
                                    email.</div>
                            </div>
                            <div class="col-md-12">
                                <label for="contactCompanyNameInput"
                                    class="form-label">Company Name</label>
                                <input type="text" class="form-control"
                                    id="contactCompanyNameInput" required />
                                <div class="invalid-feedback">Please enter
                                    company name.</div>
                            </div>
                            <div class="col-md-12">
                                <label for="contactPhoneInput"
                                    class="form-label">Phone</label>
                                <input type="tel" class="form-control"
                                    id="contactPhoneInput" required />
                                <div class="invalid-feedback">Please enter
                                    phone.</div>
                            </div>
                            <div class="col-md-12">
                                <label for="contactTextarea"
                                    class="form-label">Message</label>
                                <textarea class="form-control"
                                    id="contactTextarea" rows="4"
                                    placeholder="Write to us"
                                    required></textarea>
                                <div class="invalid-feedback">Please enter a
                                    message.</div>
                            </div>
                            <div class="d-grid">
                                <button class="btn btn-primary"
                                    type="submit">Send</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--pageheader-->

Contact #3

Location

Ahmedabad hall 74 Grand Avenue South, Cambridge, ON

Date and time

Tuesday, June 20, 2024 6:00 PM - 10:00 PM EDT

Admission

$79 per person Registration opens May 17, 2024

<!--Location start-->
<section class="mb-xl-9">
    <div class="container">
        <div class="row row border-top border-bottom">
            <div
                class="col-md-4 border-end-md border-bottom border-bottom-md-0">
                <div class="text-center p-5 px-xl-8 px-md-0">
                    <div
                        class="icon-lg icon-shape rounded-circle bg-body-tertiary border mb-4">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
                            height="16" fill="currentColor"
                            class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
                            <path
                                d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" />
                        </svg>
                    </div>

                    <h5>Location</h5>
                    <p class="mb-0">Ahmedabad hall 74 Grand Avenue South,
                        Cambridge, ON</p>
                </div>
            </div>
            <div
                class="col-md-4 border-end-md border-bottom border-bottom-md-0">
                <div class="text-center p-5 px-xl-8 px-md-0">
                    <div
                        class="icon-lg icon-shape rounded-circle bg-body-tertiary border mb-4">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
                            height="16" fill="currentColor"
                            class="bi bi-window-dock" viewBox="0 0 16 16">
                            <path
                                d="M3.5 11a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm4.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z" />
                            <path
                                d="M14 1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h12ZM2 14h12a1 1 0 0 0 1-1V5H1v8a1 1 0 0 0 1 1ZM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2Z" />
                        </svg>
                    </div>

                    <h5>Date and time</h5>
                    <p class="mb-0">Tuesday, June 20, 2024 6:00 PM - 10:00
                        PM EDT</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="text-center p-5 px-xl-8 px-md-0">
                    <div
                        class="icon-lg icon-shape rounded-circle bg-body-tertiary border mb-4">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
                            height="16" fill="currentColor"
                            class="bi bi-ticket-detailed-fill"
                            viewBox="0 0 16 16">
                            <path
                                d="M0 4.5A1.5 1.5 0 0 1 1.5 3h13A1.5 1.5 0 0 1 16 4.5V6a.5.5 0 0 1-.5.5 1.5 1.5 0 0 0 0 3 .5.5 0 0 1 .5.5v1.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 11.5V10a.5.5 0 0 1 .5-.5 1.5 1.5 0 1 0 0-3A.5.5 0 0 1 0 6V4.5Zm4 1a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7a.5.5 0 0 0-.5.5Zm0 5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7a.5.5 0 0 0-.5.5ZM4 8a1 1 0 0 0 1 1h6a1 1 0 1 0 0-2H5a1 1 0 0 0-1 1Z" />
                        </svg>
                    </div>

                    <h5>Admission</h5>
                    <p class="mb-0">$79 per person Registration opens May
                        17, 2024</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Location end-->

Contact #4

Interested in working together? Let’s talk. Just Say Hi!

Please enter yourname.
Please enter email.
Please enter a message.
avatar

John Carter

Head of Engineering at Google
Address:
1802 Ruckman RoadOklahoma City, OK 73116
Phone:
00 (123) 456 78 90 00 (987) 654 32 10
E-mail:
blocktheme@example.com helloteam@example.com 
<!--Working together start-->
<section class="my-lg-9 my-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 offset-lg-1 col-md-12">
                <div class="row g-lg-10 gy-5 align-items-center">
                    <div class="col-md-6">
                        <div class="card bg-light">
                            <div class="card-body p-5">
                                <h3 class="mb-4">Interested in working
                                    together? Let’s talk. Just Say Hi!</h3>

                                <form class="needs-validation" novalidate>
                                    <div class="mb-3">
                                        <label for="YourNameInput"
                                            class="form-label">What’s your
                                            name</label>
                                        <input type="text"
                                            class="form-control"
                                            id="YourNameInput"
                                            placeholder="Name"
                                            required="" />
                                        <div class="invalid-feedback">Please
                                            enter yourname.</div>
                                    </div>
                                    <div class="mb-3">
                                        <label for="yourEmailInput"
                                            class="form-label">Email
                                            Address</label>
                                        <input type="email"
                                            class="form-control"
                                            id="yourEmailInput"
                                            placeholder="Email"
                                            required="" />
                                        <div class="invalid-feedback">Please
                                            enter email.</div>
                                    </div>
                                    <div class="mb-3">
                                        <label for="messageTextarea"
                                            class="form-label">Describe your
                                            project</label>
                                        <textarea class="form-control"
                                            id="messageTextarea"
                                            placeholder="Write the information about your project."
                                            rows="4" required></textarea>
                                        <div class="invalid-feedback">Please
                                            enter a message.</div>
                                    </div>
                                    <button class="btn btn-primary"
                                        type="submit">Contact me</button>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-7 text-center text-lg-start">
                            <div class="mb-3">
                                <img src="../assets/images/avatar/avatar-1.jpg"
                                    alt="avatar"
                                    class="avatar avatar-xl rounded-circle" />
                            </div>

                            <h3 class="mb-0">John Carter</h3>
                            <small>Head of Engineering at Google</small>
                        </div>
                        <div class="d-flex mb-4">
                            <div>
                                <svg xmlns="http://www.w3.org/2000/svg"
                                    width="16" height="16"
                                    fill="currentColor"
                                    class="bi bi-geo-alt-fill"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" />
                                </svg>
                            </div>
                            <div class="ms-2">
                                <h5 class="mb-0">Address:</h5>
                                <small>1802 Ruckman RoadOklahoma City, OK
                                    73116</small>
                            </div>
                        </div>
                        <div class="d-flex mb-4">
                            <div>
                                <svg xmlns="http://www.w3.org/2000/svg"
                                    width="16" height="16"
                                    fill="currentColor"
                                    class="bi bi-telephone"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
                                </svg>
                            </div>
                            <div class="ms-2">
                                <h5 class="mb-0">Phone:</h5>
                                <small>
                                    00 (123) 456 78 90
                                    <span class="ms-3">00 (987) 654 32
                                        10</span>
                                </small>
                            </div>
                        </div>
                        <div class="d-flex mb-4">
                            <div>
                                <svg xmlns="http://www.w3.org/2000/svg"
                                    width="16" height="16"
                                    fill="currentColor"
                                    class="bi bi-envelope-check"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z" />
                                    <path
                                        d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z" />
                                </svg>
                            </div>
                            <div class="ms-2">
                                <h5 class="mb-0">E-mail:</h5>

                                <small>
                                    <a href="#!"
                                        class="text-reset">blocktheme@example.com</a>
                                    <span class="ms-lg-3"><a href="#!"
                                            class="text-reset">helloteam@example.com</a></span>
                                </small>
                            </div>
                        </div>
                        <div>
                            <a href="#!"
                                class="text-reset btn btn-instagram btn-icon">
                                <svg xmlns="http://www.w3.org/2000/svg"
                                    width="16" height="16"
                                    fill="currentColor"
                                    class="bi bi-instagram"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
                                </svg>
                            </a>
                            <a href="#!"
                                class="text-reset btn btn-twitter btn-icon">
                                <svg xmlns="http://www.w3.org/2000/svg"
                                    width="16" height="16"
                                    fill="currentColor"
                                    class="bi bi-twitter"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
                                </svg>
                            </a>
                            <a href="#!"
                                class="text-reset btn btn-youtube btn-icon">
                                <svg xmlns="http://www.w3.org/2000/svg"
                                    width="16" height="16"
                                    fill="currentColor"
                                    class="bi bi-youtube"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z" />
                                </svg>
                            </a>
                            <a href="#!"
                                class="text-reset btn btn-linkedin btn-icon">
                                <svg xmlns="http://www.w3.org/2000/svg"
                                    width="16" height="16"
                                    fill="currentColor"
                                    class="bi bi-linkedin"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
                                </svg>
                            </a>
                            <a href="#!"
                                class="text-reset btn btn-instagram btn-icon">
                                <svg xmlns="http://www.w3.org/2000/svg"
                                    width="16" height="16"
                                    fill="currentColor"
                                    class="bi bi-instagram"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Working together end-->