<style>
body{
  background:#1E2023;
  };
</style>
<!doctype html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="img/xfavicon.png.pagespeed.ic.3uxt66FeIS.webp" type="image/png">
<title>Greesy</title>
<link href="https://pro.fontawesome.com/releases/v5.13.1/css/all.css" rel="stylesheet">
<link rel="stylesheet" href="https://vcodes.xyz/css/bootstrap.css">
<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Otomanopee+One&display=swap" rel="stylesheet">

 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<meta property="og:site_name" content="Greesy | HomePage ">

<link rel="stylesheet" href="https://codare.fun/assets/bootstrap/css/bootstrap.min.css?h=b1579cbd7df3c885978321b82fddd11d">

<!-- Font Awesome -->

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">

<!-- Google Fonts -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">

<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@700&display=swap" rel="stylesheet">


<link rel="stylesheet" href="https://preview.colorlib.com/theme/breed2/A.css,,_bootstrap.css+vendors,,_linericon,,_style.css+css,,_themify-icons.css+vendors,,_owl-carousel,,_owl.theme.default.min.css+vendors,,_fontawesome,,_css,,_all.min.css+vendors,,_owl-carousel,,_owl.carousel.min.css+vendors,,_nice-select,,_css,,_nice-select.css,Mcc.7ul7OhvBo1.css.pagespeed.cf.QkVPtK8UWA.css" />
<script src="https://kit.fontawesome.com/99d3413bca.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://preview.colorlib.com/theme/breed2/css/A.style.css.pagespeed.cf.ywWk-8EsFw.css">
  <link id="dark-theme-style" rel="stylesheet" />

</head>
<body>

<header class="header_area">
<div class="main_menu">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">

<a class="navbar-brand logo_h" href="index.html"><p>Greesy <span class="badge badge-primary"><i class="fad fa-check"></i> Bot</span></p></a>
<a class="navbar-brand logo_inner_page" href="index.html"><img src="img/xlogo2.png.pagespeed.ic.VABfFJ_hK0.webp" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

<div class="collapse navbar-collapse offset" id="navbarSupportedContent">
<ul class="nav navbar-nav menu_nav">
<li class="nav-item active"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/cmds">Commands</a></li>
 <li class="nav-item"> <a
        href="javascript:void()"
        class="btn btn-outline-info btn-lg ml-auto font-weight-bold"
        id="theme-toggler"
        onclick="toggleTheme()"
></a></li>

<li class="nav-item submenu dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Premium(Cooming Soon....)</a>
<ul class="dropdown-menu">
</ul>
</li>
<li class="nav-item submenu dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a>
<ul class="dropdown-menu">
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="/l/">Login</a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>


<section class="home_banner_area">
<div class="banner_inner">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-6">
<div class="banner_content">
<h3>Hey There !</h3>
<h1 class="text-uppercase">Greesy</h1>
<h5 class="text-uppercase">Best Utility Bot</h5>
<div class="social_icons my-5">
<a href="https://twitter.com/@greesybot"><i class="fa fa-twitter"></i></a>
<a href="https://github.com/nicatdcw/"><i class="fa fa-github"></i></a>
</div>
<a class="primary_btn" href="#"><span>See My Functions & Commands</span></a>
</div>
</div>
<div class="col-lg-4">
<div class="home_right_img">
<img class="img-fluid" src="img/banner/xhome-right.png.pagespeed.ic.MjKkmtHpYu.webp" alt="">
</div>
</div>
</div>
</div>
</div>
</section>


<section class="statistics_area">
<div class="container">
<div class="row justify-content-lg-start justify-content-center">
<div class="col-lg-2 col-md-3">
<div class="statistics_item">
<h3><span class="counter"><%= nego.guilds.cache.size %></span><% if(!nego.guilds.cache.size > 1000){ %> k+ <%}%></h3>
<p>Guilds</p>
</div>
</div>
<div class="col-lg-2 col-md-3">
<div class="statistics_item">
<h3><span class="counter"><%= nego.users.cache.size %></span><% if(!nego.users.cache.size > 1000){ %> k+ <%}%></h3>
<p>Users</p>
</div>
</div>
<div class="col-lg-2 col-md-3">
<div class="statistics_item">
<h3><span class="counter"><%= nego.ws.ping %></span>ms <% if(!nego.ws.ping < 20){ %> (Best Ping)<%}%></h3>
<p>Ping</p>
</div>
</div>
</div>
</div>
</section>


<section class="about_area section_gap">
<div class="container">
<div class="row justify-content-start align-items-center">
<div class="col-lg-5">
<div class="about_img">
<img class="" src="img/xabout-us.png.pagespeed.ic.DFpWXkedGe.webp" alt="">
</div>
</div>
<div class="offset-lg-1 col-lg-5">
<div class="main_title text-left">
<p class="top_text">About Greesy <span></span></p>
<h2>
Greesy was founded in 2021 and is one of the best bots in Discord</h2>
<p>
Greesy World's Best Bot</p>
<a class="primary_btn" href="/invite"><span>Ä°nvite Greesy</span></a>
</div>
</div>
</div>
</div>
</section>


<section class="services_area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="main_title">
<p class="top_text">Our Commands <span></span></p>
<h2>What Service We <br>
Offer For You </h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 mb-4 mb-lg-0">
<div class="service_item">
<img src="data:image/png;base64,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" alt="">
<h4>Custom Bot</h4>
<p>Your Own Bot Connected to Greesy Infrastructure</p>
<a href="/docs/custom-bot" class="primary_btn2 mt-35">Learn More</a>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4 mb-lg-0">
<div class="service_item">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAeFBMVEX/AAD/////yMj/7+//1NT/ODj/eHj/paX/a2v/+vr/6Oj/xcX/b2//9vb/tbX/3Nz/4+P/TEz/HR3/c3P/MTH/XFz/m5v/KCj/Pz//v7//f3//qqr/R0f/DAz/j4//19f/ExP/lZX/Zmb/UlL/np7/iYn/urr/Skrc0tINAAAE9ElEQVR4nO2daXeqMBBAy1IFgWCtBYVatXb5///whfa5NizqwDDD3I89p2RuG0gm64PFnQfsAFpHDOkjhvQRQ/qIIX3EkD5iSB8xpI8Y0kcM6SOG9BFD+oghfcSQPmJIHzGkjxjSRwzpI4b0EcO7cfbE7inx4edtB3C7oR85zkTj2oFS+bgg8bzwO03T1cNtrPTvfoeel/w8LVcqsN2iCMeJ/I4Mo8IpUEmWhd7uabF41MxmmxuF6tnMZkURi8XTzguzLFFB4Ru1YRjby3E2en6atSbTnNnT8ygbL+0YxtB3bBXO0w22loFNOg+V7dTV32rDaPu+wBapYfG+ra61VYaBhx1+Q7zgJsM1Fb8Cb321YbTFDvpKSutqieF0hx3x1eym1xi6fWgVrmXmNjfMsYO9kbypYYAd6c2YvqkGQ/fWbiU+K0NF/WvozLHjvIP531Tlr2GGHeVdZPWGCjvGO1F1hk7f+6F1LC7r6aXhGDvCuxnXGGLHB0C14RI7PACWVYY+pXyiDM+vMJxSbgv3zKcVhhwq6WU1PTd8xg4OhOcKw0fs4EB4LDecbrCDA2EzLTUknFWccp5hnBl+YMcGxEep4Sd2aEB8lhn69IafzOz8EsMIOzIwohJDBzswMJwSQxs7MDDsEkOqg4h/yUsM6We/e8YlhrTHoE7JzIb+C3ZgYLz4RsPoFTswMF6jgRqySPB/OU3zTwxtHplFwco2GoIPYSAOLi+Nhl/QxQQBWr3/MhqCz1jYVpQjTSYroyH42oTiZZiOoJ/aiK3RMIQu5vd1j9+hn9uA0GgI3qX5/0Hzg+6H8F6MhuCfvsMnO/ro+nVcGA3B/9InjdJk1K3jY+eGlrX+hn58FUZDH7xLc2ao+0wdOq58gyH8ONSFoRUl3VXVyGA4AS/l0tCynM5GZCdIhroHAN7qmjEZxuClmAx1B7+TzupxEXj3hpaVd+CIa2hN3jbghV1gMlyDl1JqqP+cbc82H1dFIxlaVtDuyJ7JEDwBrjZsOXc8psBHQ/gle9WG7fYAjikwpqF+HVtboWQyTMBLqTfUndWWZmUTg+EbeClNDC1ftdI6vvXHULeObWxe6ZWh7pDDt44mQ/huf2NDy3ehh1COyzGOhvDDfs0NNSoFLXvUP0Pg1rGPhjp3BGwd+2moewBgndW+GurWEWiatreG2hGm7N4asv8fcn8PuX9L2beHHfRpePVLj+u+hpRbSH54PX3L8fmP0/Afa+M/Xsp/zJv/vAX/uSf+84cyB3w9fZvH578Wg/96Gv5roviva+O/NnEA60v5rxHmv86b/1p9/vst+O+Z4b/vif/eNf77D/nvIeW/D5i/If/9+PzPVBjAuRj8zzbhfz4N/zOG+J8Txf+sL/7ntQ3gzD3+5ybyP/uS//mlAziDlv85wizS/MqzoPmf582iml5cVDK4c/UZZMF1dyPwv9+C/x0l1MejGtwzM4C7gihnGM3ue6I8ImVahTXMe9cGcHfeAO4/HMAdlhb/e0gLuN8lW8D9PuAC7nc6H2B8L/c5jO9WN+BHTuE7ce1AqfznRvvE88Jdmqa3dmxX+nd3oeclP0/LlQpstyjCcaK6utiGYUOcPbF7Snz4edsBtG6IjhjSRwzpI4b0EUP6iCF9xJA+YkgfMaSPGNJHDOkjhvQRQ/qIIX3EkD5iSB8xpI8Y0kcM6SOG9PkHjrmQIWlk3f0AAAAASUVORK5CYII=" alt="">
<h4>Youtube Video Notification</h4>
<p>Receiving Video Notifications of Phenomenon on Your Server ?  Use  !</p>
<a href="/docs/yt-notify" class="primary_btn2 mt-35">Learn More</a>
</div>
</div>
  
</div>
</div>
</section>


<section class="testimonial_area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="main_title">
<p class="top_text">Comments <span></span></p>
<h2> <br>
 </h2>
</div>
</div>
</div>
<!--<div class="owl-carousel owl-theme testimonial-slider ">
-->
  <% if(cmm){ %>
  <%  cmm.forEach(x => { %>
  <div class="testimonial-item">
<div class="row">
<div class="col-lg-6">
<div class="testi-img mb-4 mb-lg-0">
<img src="img/testimonials/xtestimonial1.png.pagespeed.ic.EEPFvr2prU.webp" alt="">
</div>
</div>
<div class="col-lg-6">
<div class="testi-right">
<h4><%= x.user %></h4>
<p><small>Greesy Bot User</small></p>
<p><%= x.comment %>.</p>
<ul class="star_rating mt-4">
<li><span><i class="fas fa-star"></i></span></li>
<li><span><i class="fas fa-star"></i></span></li>
<li><span><i class="fas fa-star"></i></span></li>
<li><span><i class="fas fa-star"></i></span></li>
<li class="disablee"><span><i class="fas fa-star"></i></span></li>
</ul>
</div>
</div>
</div>
</div>
  </div>
</div>
</div>
  <%})%>
  <%}else{ %>
  <div class="alert alert-danger"><center>Comments Not Found</center></div>

  <% } %>
</section>


<section class="portfolio_area" id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="main_title">
<p class="top_text">Our Portfolio <span></span></p>
<h2>Check Our Recent <br>
Client Work </h2>
</div>
</div>
</div>
<div class="filters portfolio-filter">
<ul>
<li class="active" data-filter="*">all</li>
<li data-filter=".popular">popular</li>
<li data-filter=".latest"> latest</li>
<li data-filter=".following">following</li>
<li data-filter=".upcoming">upcoming</li>
</ul>
</div>
<div class="filters-content">
<div class="row portfolio-grid">
<div class="grid-sizer col-md-3 col-lg-3"></div>
<div class="col-lg-6 col-md-6 all following">
<div class="single_portfolio">
<img class="img-fluid w-100" src="img/portfolio/xp1.jpg.pagespeed.ic.n8LCWg02Xz.webp" alt="">
<div class="overlay"></div>
<div class="short_info">
<h4><a href="portfolio-details.html">Lens Mockup Design</a></h4>
<p>Art, Illustration</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 all latest popular upcoming">
<div class="single_portfolio">
<img class="img-fluid w-100" src="img/portfolio/xp4.jpg.pagespeed.ic.TZI6lVONfl.webp" alt="">
<div class="overlay"></div>
<div class="short_info">
<h4><a href="portfolio-details.html">Lens Mockup Design</a></h4>
<p>Art, Illustration</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 all latest following">
<div class="single_portfolio">
<img class="img-fluid w-100" src="img/portfolio/xp2.jpg.pagespeed.ic.5xfHv2RuYV.webp" alt="">
<div class="overlay"></div>
<div class="short_info">
<h4><a href="portfolio-details.html">Lens Mockup Design</a></h4>
<p>Art, Illustration</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 all latest upcoming">
<div class="single_portfolio">
<img class="img-fluid w-100" src="img/portfolio/xp3.jpg.pagespeed.ic.BsPG2xuxAw.webp" alt="">
<div class="overlay"></div>
<div class="short_info">
<h4><a href="portfolio-details.html">Lens Mockup Design</a></h4>
<p>Art, Illustration</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 all popular">
<div class="single_portfolio">
<img class="img-fluid w-100" src="img/portfolio/xp6.jpg.pagespeed.ic.l0zPld-zmD.webp" alt="">
<div class="overlay"></div>
<div class="short_info">
<h4><a href="portfolio-details.html">Lens Mockup Design</a></h4>
<p>Art, Illustration</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 all popular latest following">
<div class="single_portfolio">
<script type="text/javascript" style="display:none">
//<![CDATA[
window.__mirage2 = {petok:"2f77e2f2618ef412081658aa8bcedb042d3ae652-1626880399-1800"};
//]]>
</script>
<script type="text/javascript" src="https://ajax.cloudflare.com/cdn-cgi/scripts/04b3eb47/cloudflare-static/mirage2.min.js"></script>
<img class="img-fluid w-100" data-cfsrc="img/portfolio/p5.jpg" alt="" style="display:none;visibility:hidden;"><noscript><img class="img-fluid w-100" src="img/portfolio/p5.jpg" alt=""></noscript>
<div class="overlay"></div>
<div class="short_info">
<h4><a href="portfolio-details.html">Lens Mockup Design</a></h4>
<p>Art, Illustration</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="blog-area section-gap">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="main_title">
<p class="top_text">Our blog <span></span></p>
<h2>Latest Story From <br>
Our Blog </h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="thumb">
<img class="img-fluid" data-cfsrc="img/b1.jpg" alt="" style="display:none;visibility:hidden;"><noscript><img class="img-fluid" src="img/b1.jpg" alt=""></noscript>
</div>
<div class="short_details">
<div class="meta-top d-flex">
<a href="#"><i class="ti-user"></i> Admin post</a>
<a href="#"><i class="ti-calendar"></i> Feb 14, 2019</a>
</div>
<a class="d-block" href="single-blog.html">
<h4>Shall every fourth lesser have...</h4>
</a>
<div class="text-wrap">
<p>
Have whose a two night earth she set you creeping replenish place whales move Forth first him seed green.
</p>
</div>
<a href="#" class="primary_btn2">Learn More</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="thumb">
<img class="img-fluid" data-cfsrc="img/b2.jpg" alt="" style="display:none;visibility:hidden;"><noscript><img class="img-fluid" src="img/b2.jpg" alt=""></noscript>
</div>
<div class="short_details">
<div class="meta-top d-flex">
<a href="#"><i class="ti-user"></i> Admin post</a>
<a href="#"><i class="ti-calendar"></i> Feb 14, 2019</a>
</div>
<a class="d-block" href="single-blog.html">
<h4>Shall every fourth lesser have...</h4>
</a>
<div class="text-wrap">
<p>
Have whose a two night earth she set you creeping replenish place whales move Forth first him seed green.
</p>
</div>
<a href="#" class="primary_btn2">Learn More</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="thumb">
<img class="img-fluid" data-cfsrc="img/b3.jpg" alt="" style="display:none;visibility:hidden;"><noscript><img class="img-fluid" src="img/b3.jpg" alt=""></noscript>
</div>
<div class="short_details">
<div class="meta-top d-flex">
<a href="#"><i class="ti-user"></i> Admin post</a>
<a href="#"><i class="ti-calendar"></i> Feb 14, 2019</a>
</div>
<a class="d-block" href="single-blog.html">
<h4>Shall every fourth lesser have...</h4>
</a>
<div class="text-wrap">
<p>
Have whose a two night earth she set you creeping replenish place whales move Forth first him seed green.
</p>
</div>
<a href="#" class="primary_btn2">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="brands-area section_gap_bottom">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="owl-carousel brand-carousel">

<div class="single-brand-item d-table">
<div class="d-table-cell">
<img data-cfsrc="img/brands/logo1.png" alt="" style="display:none;visibility:hidden;"><noscript><img src="img/brands/logo1.png" alt=""></noscript>
</div>
</div>

<div class="single-brand-item d-table">
<div class="d-table-cell">
<img data-cfsrc="img/brands/logo2.png" alt="" style="display:none;visibility:hidden;"><noscript><img src="img/brands/logo2.png" alt=""></noscript>
</div>
</div>

<div class="single-brand-item d-table">
<div class="d-table-cell">
<img data-cfsrc="img/brands/logo3.png" alt="" style="display:none;visibility:hidden;"><noscript><img src="img/brands/logo3.png" alt=""></noscript>
</div>
</div>

<div class="single-brand-item d-table">
<div class="d-table-cell">
<img data-cfsrc="img/brands/logo4.png" alt="" style="display:none;visibility:hidden;"><noscript><img src="img/brands/logo4.png" alt=""></noscript>
</div>
</div>

<div class="single-brand-item d-table">
<div class="d-table-cell">
<img data-cfsrc="img/brands/logo5.png" alt="" style="display:none;visibility:hidden;"><noscript><img src="img/brands/logo5.png" alt=""></noscript>
</div>
</div>

<div class="single-brand-item d-table">
<div class="d-table-cell">
<img data-cfsrc="img/brands/logo3.png" alt="" style="display:none;visibility:hidden;"><noscript><img src="img/brands/logo3.png" alt=""></noscript>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<footer class="footer_area">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="footer_top flex-column">
<div class="footer_logo">
<a href="#">
<img src="img/xlogo2.png.pagespeed.ic.VABfFJ_hK0.webp" alt="">
</a>
<div class="d-lg-block d-none">
<nav class="navbar navbar-expand-lg navbar-light justify-content-center">
<div class="collapse navbar-collapse offset">
<ul class="nav navbar-nav menu_nav mx-auto">
<li class="nav-item"><a class="nav-link text-white" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link text-white" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link text-white" href="portfolio.html">Portfolio</a></li>
<li class="nav-item"><a class="nav-link text-white" href="blog.html">BLog</a></li>
<li class="nav-item"><a class="nav-link text-white" href="services.html">Services </a></li>
</ul>
</div>
</nav>
</div>
</div>
<div class="footer_social mt-lg-0 mt-4">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-skype"></i></a>
<a href="#"><i class="fab fa-pinterest-p"></i></a>
 
</div>
</div>
</div>
</div>
<div class="row footer_bottom justify-content-center">
<p class="col-lg-8 col-sm-12 footer-text">

Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
</p>
</div>
</div>
</footer>



<script src="https://preview.colorlib.com/theme/breed2/js/jquery-3.2.1.min.js"></script>
<script src="https://preview.colorlib.com/theme/breed2/js,_popper.js+js,_bootstrap.min.js+js,_stellar.js+vendors,_isotope,_imagesloaded.pkgd.min.js.pagespeed.jc.jCQnOAvUI8.js"></script><script>eval(mod_pagespeed_01r0KgRhLI);</script>
<script>eval(mod_pagespeed_Vbag8fTS3E);</script>
<script>eval(mod_pagespeed_DKyPFhcXrg);</script>
<script>eval(mod_pagespeed_fXh7pyGB1W);</script>
<script src="https://preview.colorlib.com/theme/breed2/vendors,_isotope,_isotope-min.js+vendors,_owl-carousel,_owl.carousel.min.js+js,_jquery.ajaxchimp.min.js+js,_mail-script.js.pagespeed.jc.EwMav9H6lc.js"></script><script>eval(mod_pagespeed_fGa7phLLDK);</script>
<script>eval(mod_pagespeed_aDsR5VxdNO);</script>
<script>eval(mod_pagespeed_jKk4b0I09F);</script>
<script>eval(mod_pagespeed_k1QyoY5CgL);</script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjCGmQ0Uq4exrzdcL6rvxywDDOvfAu6eE"></script>
<script src="https://preview.colorlib.com/theme/breed2/js/gmaps.min.js"></script>
<script src="https://preview.colorlib.com/theme/breed2/js/theme.js"></script>

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-23581568-13');
</script>
  <script>
  
  // you can use app's unique identifier here
const LOCAL_STORAGE_KEY = "toggle-bootstrap-theme";

const LOCAL_META_DATA = JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY));

// you can change this url as needed
const DARK_THEME_PATH = "https://bootswatch.com/4/cyborg/bootstrap.min.css";

const DARK_STYLE_LINK = document.getElementById("dark-theme-style");
const THEME_TOGGLER = document.getElementById("theme-toggler");

let isDark = LOCAL_META_DATA && LOCAL_META_DATA.isDark;

// check if user has already selected dark theme earlier
if (isDark) {
  enableDarkTheme();
} else {
  disableDarkTheme();
}


/**
 * Apart from toggling themes, this will also store user's theme preference in local storage.
 * So when user visits next time, we can load the same theme.
 *
 */
function toggleTheme() {
  isDark = !isDark;
  if (isDark) {
    enableDarkTheme();
  } else {
    disableDarkTheme();
  }
  const META = { isDark };
  localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(META));
}

function enableDarkTheme() {
  DARK_STYLE_LINK.setAttribute("href", DARK_THEME_PATH);
  THEME_TOGGLER.innerCss = "body{background-color:black;}";
  THEME_TOGGLER.innerHTML = "ðŸŒ™ Dark";
}

function disableDarkTheme() {
  DARK_STYLE_LINK.setAttribute("href", "");
  THEME_TOGGLER.innerHTML = "ðŸŒž Light";
}

  </script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon='{"rayId":"67255f567d954e31","token":"cd0b4b3a733644fc843ef0b185f98241","version":"2021.7.0","si":10}'></script>
</body>
</html>