Contact #1
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.
<!--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!
John Carter
Head of Engineering at GoogleAddress:
1802 Ruckman RoadOklahoma City, OK 73116Phone:
00 (123) 456 78 90 00 (987) 654 32 10<!--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-->