<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=800" />
<title>Green Staff - Streamline Hiring in the Green Sector</title>
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/font-awesome.min.css">-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" defer></script>
<style>
/* styles.css */
body {
font-family: Helvetica-Bold, Helvetica, serif;
background-color: #0072d5;
margin: 0;
padding: 0;
width: 100%;
/*opacity: 0;*/
transition: opacity 0.5s ease;
}
.f47 {
font-size: 63px;
line-height: 97px;
position: relative;
z-index: 2;
color: #fff;
margin-bottom: 20px;
}
.f18 {
font-size: 24px;
line-height: 40px;
position: relative;
z-index: 2;
color: #fff;
margin-bottom: 20px;
}
.f39 {
font-size: 39px;
line-height: 62px;
position: relative;
z-index: 2;
color: #fff;
margin-bottom: 20px;
}
/* Navigation */
nav {
display: flex;
justify-content: space-between;
align-items: center;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 10px;
}
.logo {
color: #fff;
font-weight: bold;
font-size: 24px;
text-decoration: none;
}
/* hamburger menu */
.ham-div {
display: None;
}
.ham {
color: white;
font-size: 32px;
margin-right: 30px;
position: relative;
}
#mobile_buttons {
display: none;
flex-direction: column; /* Arrange elements vertically */
justify-content: center;
position: absolute;
background: rgba(255, 255, 255, 0.2); /* White background with 0.8 opacity (adjust as needed) */
backdrop-filter: blur(8px); /* Apply a blur effect to create the frosted look (adjust blur amount as needed) */
border-radius: 10px; /* Optional: Add some border-radius to create rounded corners */
z-index: 3;
width: 100%;
height: 20%;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) {
.ham-div{
display: Block;
}
.nav-buttons{
display: none;
}
}
/* Hero Section */
.hero {
position: relative;
background-image: url('https://imagedelivery.net/QtRxEcvj0LNdb7Zy15W6Ig/fcbc8a26-b4f5-4bf6-4315-908a40aa0900/public');
background-size: cover;
background-position: center;
text-align: center;
padding: 0 0 100px 0;
width: 100%;
/*z-index: -1;*/
}
/* Define different background images for specific screen sizes */
@media (max-width: 320px) {
.hero {
background-image: url('https://imagedelivery.net/QtRxEcvj0LNdb7Zy15W6Ig/fcad92b9-b025-48d6-c745-09b2ca303700/public');
}
}
@media (min-width: 321px) and (max-width: 480px) {
.hero {
background-image: url('https://imagedelivery.net/QtRxEcvj0LNdb7Zy15W6Ig/4a023e5f-69b5-4fec-167f-09ef79479800/public');
}
}
@media (min-width: 481px) and (max-width: 640px) {
.hero {
background-image: url('https://imagedelivery.net/QtRxEcvj0LNdb7Zy15W6Ig/caa6aea5-c85d-4f81-90da-145cd193d400/public');
}
}
@media (min-width: 641px) and (max-width: 800px) {
.hero {
background-image: url('https://imagedelivery.net/QtRxEcvj0LNdb7Zy15W6Ig/0ff6a278-e985-4be2-83ac-46baf3575000/public');
}
}
@media (min-width: 801px) and (max-width: 1100px) {
.hero {
background-image: url('https://imagedelivery.net/QtRxEcvj0LNdb7Zy15W6Ig/fcbc8a26-b4f5-4bf6-4315-908a40aa0900/public');
}
}
/*.hero::after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.25);
z-index: -2;
}*/
.cta-btn {
margin: 4px 8px;
padding: 12px 20px;
appearance: none;
cursor: pointer;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
position: relative;
text-decoration: none;
align-items: center;
background-color: #0072d5;
color: white;
border-radius: 5px;
border-width: 0;
transition: box-shadow .15s, transform .15s;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow, transform;
}
.cta-btn:hover, .cta-btn:active {
box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
transform: translateY(-2px);
color: #fff;
text-decoration: none;
}
.cta-btn:active {
box-shadow: none;
transform: translateY(0);
color: #fff;
text-decoration: none;
}
/* Partners Section */
.partners {
background-color: #ffffff;
text-align: center;
color: #0072d5;
padding: 5px 0;
margin-bottom: 40px;
}
.partner-logos {
display: flex;
justify-content: center;
align-items: center;
}
.partner-logos img {
max-width: 150px;
margin: 0 10px;
}
/* How it Works Section */
.section-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
border-radius: 5px;
background-color: #ffffff;
height: 250px;
align-items: center;
}
.div-wrapper {
margin: 10px 50px;
padding: 10px;
color: #0072d5;
}
.card-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.card {
padding: 5px;
color: #0072d5;
display: flex;
flex-direction: column;
align-items: center;
}
.number-title {
color: #fff;
font-weight: bold;
font-size: 48px;
margin-left: 5px;
text-shadow:
-2px -2px 0 #0072d5,
2px -2px 0 #0072d5,
-2px 2px 0 #0072d5,
2px 2px 0 #0072d5;
}
@supports (-webkit-text-stroke: 2px #0072d5) or (text-stroke: 2px #0072d5) {
.number-title {
-webkit-text-stroke: 2px #0072d5;
text-stroke: 2px #0072d5;
text-fill-color: transparent; /* To make the text transparent inside the border */
text-shadow: none; /* Remove the shadow */
}
}
/* Footer Section */
footer {
background-color: #ffffff;
color: #0072d5;
padding: 5px;
text-align: center;
}
.feature-row {
margin-left: 20px;
margin-right: 20px;
}
.feature-col {
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
border-radius: 5px;
height: 300px;
margin-left: 10px;
margin-right: 10px;
width: 48%;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) {
.feature-col {
width: 97%;
}
}
</style>
</head>
<body>
<!-- Hero Section -->
<div id="home" class="hero">
<nav>
<a href="#" class="logo" style="margin-left: 30px;"><svg width="250" height="60" xmlns="http://www.w3.org/2000/svg" class="d-inline-block align-text-top"
viewBox="0 0 246.22 50.21" style="padding-top: 17.5px;">
<defs>
<style>.cls-1 {
fill: none;
}
.cls-2 {
fill: #fff;
}
.cls-3 {
fill: #78c800;
stroke: #78c800;
stroke-miterlimit: 10;
}
.cls-4 {
fill: #fff;
font-family: Helvetica-Bold, Helvetica, serif;
font-size: 29px;
font-weight: 700;
isolation: isolate;
}</style>
</defs>
<g id="_6Xlbkp">
<g>
<path class="cls-3"
d="m.5,22.4V5.4c.1-.1.1-.2.1-.4C1.2,2.3,3.7.5,6.6.5h26.3c1.7,0,3.1.6,4.3,1.7,1,.9,1.5,2,1.8,3.2v17c-1.4,3.8-3.1,4.9-7.5,4.9-3.6,0-7.2.1-10.7,0-1.4,0-2.5.3-3.6,1.2-2,1.6-4,3.1-6,4.7-.5.4-1,.7-1.7.4-.6-.4-.7-.9-.7-1.5v-4.8h-1.9c-1.8,0-3.5-.5-4.6-1.9-.8-.8-1.2-2-1.8-3h0Zm11.1,7.2c.3-.2.4-.3.6-.4,1.6-1.2,3.2-2.4,4.7-3.7.7-.6,1.5-.8,2.4-.8h13.5c2.1,0,3.6-1.4,3.6-3.3V6.3c0-1.9-1.5-3.3-3.5-3.3H6.8c-2,0-3.5,1.4-3.5,3.3v15.1c0,1.9,1.5,3.3,3.5,3.3h3c1.3,0,1.7.4,1.7,1.6,0,1,0,2.1.1,3.3h0Z"/>
<path class="cls-3"
d="m11.5,30.1v-3.3c0-1.2-.5-1.6-1.7-1.6h-3c-2.1,0-3.6-1.4-3.6-3.3V6.8c.1-1.8,1.5-3.2,3.6-3.2h26.1c2,0,3.5,1.4,3.5,3.3v15.1c0,1.9-1.5,3.3-3.6,3.3h-13.5c-.9,0-1.7.2-2.4.8-1.5,1.2-3.2,2.4-4.7,3.7-.2.1-.4.2-.7.3h0Z"/>
</g>
</g>
<g id="JYGSFV">
<g>
<path class="cls-2"
d="m14,1.5c.3.1.5.2.9.3,1.6.6,2.4,2,2.2,3.7-1.6-.1-3-1.3-3.2-2.9-.1-.4-.1-.8-.1-1.2,0,.1.1.1.2.1Z"/>
<path class="cls-2"
d="m23.4,17.3c1-1.5,1.9-2.7,3.4-3.4,1.5-.8,3.1-.8,4.7-.5-1.5-.6-3.1-.6-4.8-.1.6-1.2.9-2.3.3-3.5.3,1.4-.2,2.6-1.3,3.6-.3.3-.7.7-1.1,1-1.4,1-2.6,2.3-3.5,3.7l-.3.3q-.1,0-.2-.1c0-1.4-.1-2.9,0-4.3.2-2.1.6-4,3-4.9-1.6.3-2.7,1.2-3.4,2.7-.7-2.6-1.2-5.2-4.5-5.9,2.1,1,3.3,3,3.1,5-1.9-1.6-3.4-1.6-4.9-1.3h.6c2.2-.2,4.7,2.2,4.6,4.3,0,2.3.1,4.6.2,6.9v.4c-1.2-1.1-2.2-2.3-3.5-3.3-1.6-1.2-2.6-2.5-2-4.5-.2.6-.3,1.1-.3,1.7s.2,1.1.3,1.7c-2.2-.4-3.1-.4-4.3,0,.7,0,1.6-.1,2.3,0,3.5.6,4.9,3.3,6.5,6-2.4-.8-4.6-.7-6.7.7.9-.2,1.5-.6,2.1-.7,2.9-.4,4.8.6,4.9,3.5,0,.7,0,1.5-.1,2.3.2-.1.4-.2.6-.3.6-.3,1.2-.4,1.9-.4,0-2,0-3.9.2-5.9.5-4.4,5.4-5.6,8.2-4.1.1.1.2.1.3.1q0-.1.1-.2c-.6-.3-1.4-.6-2-.8-1.3-.5-2.8-.3-4.4.3Z"/>
<path class="cls-2" d="m8,12.1c2.9-.2,5.1,1.4,5.4,3.9-2.7.5-5.1-1.3-5.4-3.9Z"/>
<path class="cls-2" d="m27.8,12.5c.5-3.1,1.8-4.3,4.8-4.5.3,2.2-2,4.4-4.8,4.5Z"/>
<path class="cls-2" d="m23,3.9c1,2.7.3,4.3-2.4,6-1.4-2.1-.3-4.9,2.4-6Z"/>
<path class="cls-2" d="m22.5,15.4c-.6-2.2-.1-3.4,1.8-4.5.6,2,0,3.3-1.8,4.5Z"/>
<path class="cls-2" d="m12.9,6.2c2.3-.4,3.6.5,4.5,2.7-2,.5-3.8-.5-4.5-2.7Z"/>
<path class="cls-2" d="m11.9,8.8c2,1.4,2.2,2.7,1.3,4.9-1.7-.8-2.4-2.8-1.3-4.9Z"/>
<path class="cls-2" d="m4.4,15.4c2-1.2,3.4-1.1,5.3.6-2.3,1.2-3.7,1-5.3-.6Z"/>
<path class="cls-2" d="m12.9,22.3c-2.2,1.3-3.6,1.1-5.3-.5,1.9-1.3,3.5-1.1,5.3.5Z"/>
<path class="cls-2" d="m27.8,9.8c-1.3-1.7-1-3.5.7-5,1.5,1.3,1,3.8-.7,5Z"/>
<path class="cls-2" d="m27.5,20.6c-2,1.2-3.5.9-5.2-.9,2.3-1.1,3.7-.8,5.2.9Z"/>
<path class="cls-2" d="m30.6,17.4c2-1.4,3.5-1.4,5.3.1-1.8,1.4-3.4,1.4-5.3-.1Z"/>
<path class="cls-2" d="m36.1,12.3c-1.8,1.4-3.4,1.4-5.3-.1,2.1-1.4,3.4-1.4,5.3.1Z"/>
<path class="cls-2" d="m18.1,2.1c1.8,1.2,2.3,2.7,1.2,4.9-1.9-1.5-2.3-2.9-1.2-4.9Z"/>
<path class="cls-2" d="m29,18.4c2.4.4,3.6,1.4,3.6,3.7-2,.1-3.5-1.4-3.6-3.7Z"/>
<path class="cls-2" d="m17,23.9c-1.3,1.7-2.4,2-4.1,1.4.6-1.6,2.3-2.1,4.1-1.4Z"/>
<path class="cls-2" d="m32.3,19c2.1-.1,3.2.6,3.6,2.4-1.7.4-3.3-.7-3.6-2.4Z"/>
<path class="cls-2" d="m10.3,4.6c1.6-1,2.9-.9,4.4.5-1.3,1.1-3,.9-4.4-.5Z"/>
<path class="cls-2" d="m11.9,19.3c2-.4,3.5.3,3.9,1.9-1.8.5-3.3-.2-3.9-1.9Z"/>
<path class="cls-2" d="m26.5,5.7c-.1,1.8-1.4,3-3.1,2.9,0-1.7,1.3-2.9,3.1-2.9Z"/>
<path class="cls-2" d="m31.8,14.2c-.1,1.8-1.4,3-3.1,2.9,0-1.7,1.3-2.9,3.1-2.9Z"/>
<path class="cls-2" d="m16.6,18.1c-1.3-1.7-1-3.5.7-5,1.4,1.3,1,3.8-.7,5Z"/>
</g>
</g>
<rect class="cls-1" x="41.3" y="5.4" width="208" height="31.6"/>
<text class="cls-4" transform="translate(41.28 26.26)">
<tspan x="0" y="0">GreenStaff.pro</tspan>
</text>
</svg></a>
<div class="nav-buttons">
<ul>
<li><a href="https://greenstaff.app/" class="cta-btn f18">Sign Up</a></li>
<li><a href="https://greenstaff.app/" class="cta-btn f18">Sign In</a></li>
</ul>
</div>
<div class="ham-div">
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars ham"></i>
</a>
</div>
</nav>
<div id="mobile_buttons">
<div style="width: 100%; margin-bottom: 32px">
<a href="https://greenstaff.app/" class="cta-btn f18">Sign Up</a>
</div>
<div style="width: 100%;">
<a href="https://greenstaff.app/" class="cta-btn f18">Sign In</a>
</div>
</div>
<div class="f47" style="margin-top: 50px">Welcome to GreenStaff.pro</div>
<div class="f18">Simplifying Hiring in the Green Sector</div>
<div anvil-slot-repeat="first" style="display: grid; place-items: center;"></div>
</div>
<!-- Partners -->
<section class="section partners">
<div class="container" style="display: flex; justify-content: flex-start; margin-left: 30px;">
<!--<div class="partner-logos">
<div class="f18" style="margin: 0 !important; color: #0072d5;">Our Partners:</div>
<img src="https://greenstaff.pro/_/theme/img/img.png" alt="Partner Logo 1">
</div>-->
</div>
</section>
<!-- How it works -->
<div style="text-align: center;">
<div class="f18" style="margin-bottom: 5px;">Here's how it works.</div>
<div class="f39">At GreenStaff.pro, we have developed a streamlined solution to transform your hiring experience in just a few easy steps.</div>
</div>
<div class="container-fluid">
<!-- First Row -->
<div class="row feature-row">
<div class="container-fluid col-md-6 f18 feature-col" style="color: #0072d5;">
<div><span class="number-title">1. </span>
Quick Sign-up: Joining GreenStaff.pro is a breeze, taking less than 5 minutes. Provide your job post information to our virtual assistant in under 10 minutes.
</div>
</div>
<div class="container-fluid col-md-5 f18 feature-col">
<img data-src="https://greenstaff.pro/_/theme/img/Screenshot-min.png" alt="Partner Logo 1" class="lazyload" style="width: 450px;">
</div>
</div>
<!-- Second Row -->
<div class="row feature-row">
<div class="col-md-6 f18 feature-col" style="color: #0072d5;">
<div><span class="number-title">2. </span>
Effortless Posting: Once signed up, effortlessly post your job openings with our autogenerated SMS call-to-action or QR codes. Reach potential candidates through various job boards or even enable your employees to refer others using their personalized QR codes.
</div>
</div>
<div class="col-md-5 f18 feature-col">
<img data-src="https://greenstaff.pro/_/theme/img/frame-min.png" alt="Partner Logo 1" class="lazyload" style="width: 175px">
</div>
</div>
<!-- Third Row -->
<div class="row feature-row">
<div class="col-md-6 f18 feature-col" style="color: #0072d5;"><div><span class="number-title">3. </span>Let Our Virtual Assistant Work for You: Our 24/7 virtual assistant takes charge, managing information intake, screening applicants, handling scheduling and rescheduling, and sending notifications and confirmations, all to ensure a smooth hiring process.</div></div>
<div class="col-md-5 f18 feature-col">
<div class="card-container">
<div class="card">
<svg xmlns="http://www.w3.org/2000/svg" height="60px" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#0072d5}</style><path d="M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z"/></svg>
<div class="f18" style="color: #0072d5; font-size: 16px;">Information Intake and Screening</div>
</div>
<div class="card">
<svg xmlns="http://www.w3.org/2000/svg" height="60px" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#0072d5}</style><path d="M128 0c17.7 0 32 14.3 32 32V64H288V32c0-17.7 14.3-32 32-32s32 14.3 32 32V64h48c26.5 0 48 21.5 48 48v48H0V112C0 85.5 21.5 64 48 64H96V32c0-17.7 14.3-32 32-32zM0 192H448V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V192zm64 80v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V272c0-8.8-7.2-16-16-16H80c-8.8 0-16 7.2-16 16zm128 0v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V272c0-8.8-7.2-16-16-16H208c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V272c0-8.8-7.2-16-16-16H336zM64 400v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H80c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H208zm112 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H336c-8.8 0-16 7.2-16 16z"/></svg>
<div class="f18" style="color: #0072d5; font-size: 16px;">Scheduling and Rescheduling</div>
</div>
<div class="card">
<svg xmlns="http://www.w3.org/2000/svg" height="60px" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#0072d5}</style><path d="M215.4 96H144 107.8 96v8.8V144v40.4 89L.2 202.5c1.6-18.1 10.9-34.9 25.7-45.8L48 140.3V96c0-26.5 21.5-48 48-48h76.6l49.9-36.9C232.2 3.9 243.9 0 256 0s23.8 3.9 33.5 11L339.4 48H416c26.5 0 48 21.5 48 48v44.3l22.1 16.4c14.8 10.9 24.1 27.7 25.7 45.8L416 273.4v-89V144 104.8 96H404.2 368 296.6 215.4zM0 448V242.1L217.6 403.3c11.1 8.2 24.6 12.7 38.4 12.7s27.3-4.4 38.4-12.7L512 242.1V448v0c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64v0zM176 160H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg>
<div class="f18" style="color: #0072d5; font-size: 16px;">Notifications and Confirmation</div>
</div>
<div class="card">
<svg xmlns="http://www.w3.org/2000/svg" height="60px" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#0072d5}</style><path d="M32 32c17.7 0 32 14.3 32 32V400c0 8.8 7.2 16 16 16H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H80c-44.2 0-80-35.8-80-80V64C0 46.3 14.3 32 32 32zM160 224c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V256c0-17.7 14.3-32 32-32zm128-64V320c0 17.7-14.3 32-32 32s-32-14.3-32-32V160c0-17.7 14.3-32 32-32s32 14.3 32 32zm64 32c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V224c0-17.7 14.3-32 32-32zM480 96V320c0 17.7-14.3 32-32 32s-32-14.3-32-32V96c0-17.7 14.3-32 32-32s32 14.3 32 32z"/></svg>
<div class="f18" style="color: #0072d5; font-size: 16px;">Track and Organize</div>
</div>
</div>
</div>
</div>
<!-- Fourth Row -->
<div class="row feature-row">
<div class="col-md-11 f18 feature-col" style="color: #0072d5; width: 97.5%;"><div><span class="number-title">4. </span>Conducting Interviews: With the preliminary steps handled, you can focus on conducting interviews and making informed hiring decisions.</div></div>
</div>
</div>
<div style="margin:50px;">
<div class="f39" style="text-align: center;">Want to explore how GreenStaff.pro can transform your hiring process? Schedule a demo and discover all the features that will make your life easier.</div>
<div anvil-slot-repeat="second" style="display: grid; place-items: center;"></div>
</div>
<!-- Footer Section -->
<footer>
<p>© 2023 GreenStaff.pro. All rights reserved.</p>
</footer>
<script>
// If required, you can explicitly initialize lazy loading
// (This might not be necessary with some libraries)
window.lazySizesConfig = window.lazySizesConfig || {};
window.lazySizesConfig.init = false; // Prevent automatic initialization
// Initialize lazy loading
document.addEventListener("DOMContentLoaded", function () {
lazySizes.init();
});
function myFunction() {
var element = document.getElementById("mobile_buttons");
if (element.style.display === "flex") {
element.style.display = "none";
} else {
element.style.display = "flex";
}
}
</script>
</body>
</html>