PageSourceSearch

https://dynamic-remote-webapp.netlify.app/

html dynamic-remote-webapp.netlify.app collected 2026-10-03 10:40:19 UTC 357,619 bytes, 3,802 lines download raw bytes

1<!-- 
2              
3                             \\\\\\\\\
4                            \\\\\\\\\\\
5                           \\\\\\\\\\\\\\
6  -----------,-|           |C>   // )\\\\|
7           ,','|          /    || ,'/////|
8---------,','  |         (,    ||   /////
9         ||    |          \\  ||||//''''|
10         ||    |           |||||||     _|
11         ||    |______      `````\____/ \
12         ||    |     ,|         _/_____/ \
13         ||  ,'    ,' |        /          |
14         ||,'    ,'   |       |   ME    \  |
15_________|/    ,'     |      /           | |
16_____________,'      ,',_____|      |    | |
17             |     ,','      |      |    | |
18             |   ,','    ____|_____/    /  |
19             | ,','  __/ |             /   |
20_____________|','   ///_/-------------/   |
21              |===========,'
22
23
24  ,-.       _,---._ __  / \
25 /  )    .-'       `./ /   \
26(  (   ,'            `/    /|
27 \  `-"             \'\   / |
28  `.     YOU      ,  \ \ /  |
29   /`.          ,'-`----Y   |
30  (            ;        |   '
31  |  ,-.    ,-'         |  /
32  |  | (   |            | /
33  )  |  \  `.___________|/
34  `--'   `--'   
35
36-->
37<!DOCTYPE html>
38<html lang="en">
39<head>
40    <meta charset="UTF-8">
41<!-- This site is hosted on Netlify. Anyone can build and deploy a site
42     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=ddeed5f3-7383-4004-8846-406fbd17c136
43     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
44    <meta http-equiv="X-UA-Compatible" content="IE=edge">
45    <meta name="viewport" content="width=device-width, initial-scale=1.0">
46    <title>Remote 'n Active - List</title>
47    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet" type="text/css" />
48    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.css" rel="stylesheet" type="text/css" />
49    
49<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
49
50   
51    <!-- Hotjar Tracking Code for https://remotenactive.com/list 
52    
52<script>
vendor: 134 bytes, lines 52-55
52
53      (function(h,o,t,j,a,r){
54          h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
55          h._hjSettings={hjid:
552469161
vendor: 278 bytes, lines 55-61
55,hjsv:6};
56          a=o.getElementsByTagName('head')[0];
57          r=o.createElement('script');r.async=1;
58          r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
59          a.appendChild(r);
60      })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
61    
61</script>
61-->
62
63    <!-- Start emojicom.io widget -->
64    
64<script>window.emojicom_widget = { campaign: "KUGMx2YBtxO6bchN6XYy" };</script>
64
65    
65<script src="https://cdn.emojicom.io/embed/widget.js" async></script>
65
66    <!-- End emojicom.io widget -->
67
68    <!-- Plausible Tracking -->
69    
69<script async defer data-domain="remotenactive.com" src="https://plausible.io/js/plausible.js"></script>
69
70    
70<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
70
71
72    <!-- Custom CSS -->
73    <style>
74      html, body {
75        scroll-behavior: smooth;
76      }
77      /* Filter CSS  */
78      .filterDiv {
79        display: none;
80      }
81      .show {
82        display: block;
83        
84      }
85      .modal-box {
86        background-color: aliceblue;
87      }
88      /* Glow Effect https://codepen.io/Code_2/pen/LYGdoKe?editors=1100 */
89      .shadow {
90        position: relative;
91
92      }
93      .shadow:before, .shadow:after {
94        z-index: -1;
95        content: '';
96        position: absolute;
97        width: calc(100% );
98        height: calc(100%);
99        top: -3px;
100        left: -3px;
101        background: linear-gradient(45deg, #fc0090, #0000ff,#00ff00,
102                    #ff0000,#ffff00,#fc0090,#0000ff,#00ff00,#ffff00);
103        background-size: 300%;
104        animation: shadow 30s linear infinite;
105      }
106      .shadow:after {
107        filter: blur(30px);
108      }
109      @keyframes shadow { 
110        0% {
111          background-position: 0 0;
112        }
113        50% {
114          background-position: 300%;
115        }
116        100% {
117          background-position: 0 0;
118        }
119      }
120
121      </style>
122</head>
123<body>
124  <!-- Header --> 
125  <div class="relative shadow">
126    <img src="home-office-woman3.jpg" class="absolute inset-0 object-cover w-full h-full" alt="" />
127    <div class="relative bg-gray-900 bg-opacity-75 ">
128      <div class="px-4 py-24 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 lg:py-64">
129        <div class="flex flex-col items-center justify-between xl:flex-row">
130          <div class="w-full max-w-xl mb-12 xl:mb-0 xl:pr-16 xl:w-7/12">
131            <h2 class="max-w-lg mb-6 font-sans text-5xl font-bold tracking-tight text-white sm:text-6xl sm:leading-none">
132              <span class="text-purple-300">Discover & find</span><br class="hidden md:block" />
133               remote activities <br class="hidden md:block" /> in  <span class="text-green-300"> less than <br class="hidden md:block" />
134               <i>60 seconds</i> </span> 
135            </h2>
136            <a href="#database" aria-label="" 
137            class="inline-flex items-center text-4xl font-semibold tracking-wider text-white transition-colors duration-200 hover:text-purple-300">
138              Start Now 👇
139            </a>
140          </div>
141          <div class="w-full max-w-xl xl:px-8 xl:w-5/12" id="launchteam">
142            <div class="bg-white rounded shadow-2xl p-7 sm:p-10">
143              <h2 class="font-sans text-3xl font-bold text-center"> Join the Launch Team </h2>
144              <br>
145              
145<script src="https://f.convertkit.com/ckjs/ck.5.js"></script>
145
146              <form action="https://app.convertkit.com/forms/2567233/subscriptions" class="seva-form formkit-form" method="post" data-sv-form="2567233" data-uid="cb5473cc9a" data-format="inline" data-version="5" data-options="{&quot;settings&quot;:{&quot;after_subscribe&quot;:{&quot;action&quot;:&quot;message&quot;,&quot;success_message&quot;:&quot;Success! Now check your email to confirm your subscription.&quot;,&quot;redirect_url&quot;:&quot;&quot;},&quot;analytics&quot;:{&quot;google&quot;:null,&quot;facebook&quot;:null,&quot;segment&quot;:null,&quot;pinterest&quot;:null,&quot;sparkloop&quot;:null,&quot;googletagmanager&quot;:null},&quot;modal&quot;:{&quot;trigger&quot;:&quot;timer&quot;,&quot;scroll_percentage&quot;:null,&quot;timer&quot;:5,&quot;devices&quot;:&quot;all&quot;,&quot;show_once_every&quot;:15},&quot;powered_by&quot;:{&quot;show&quot;:true,&quot;url&quot;:&quot;https://convertkit.com?utm_campaign=poweredby&amp;utm_content=form&amp;utm_medium=referral&amp;utm_source=dynamic&quot;},&quot;recaptcha&quot;:{&quot;enabled&quot;:false},&quot;return_visitor&quot;:{&quot;action&quot;:&quot;show&quot;,&quot;custom_content&quot;:&quot;&quot;},&quot;slide_in&quot;:{&quot;display_in&quot;:&quot;bottom_right&quot;,&quot;trigger&quot;:&quot;timer&quot;,&quot;scroll_percentage&quot;:null,&quot;timer&quot;:5,&quot;devices&quot;:&quot;all&quot;,&quot;show_once_every&quot;:15},&quot;sticky_bar&quot;:{&quot;display_in&quot;:&quot;top&quot;,&quot;trigger&quot;:&quot;timer&quot;,&quot;scroll_percentage&quot;:null,&quot;timer&quot;:5,&quot;devices&quot;:&quot;all&quot;,&quot;show_once_every&quot;:15}},&quot;version&quot;:&quot;5&quot;}" min-width="400 500 600 700 800"><div data-style="clean"><ul class="formkit-alert formkit-alert-error" data-element="errors" data-group="alert"></ul><div data-element="fields" data-stacked="false" class="seva-fields formkit-fields"><div class="formkit-field"><input class="formkit-input" name="email_address" aria-label="Your Business Email" placeholder="Your Business Email" required="" type="email" style="color: rgb(0, 0, 0); border-color: rgb(227, 227, 227); border-radius: 4px; font-weight: 400;"></div><button data-element="submit" class="formkit-submit" style="color: rgb(255, 255, 255); background-color: rgb(109, 40, 217); border-radius: 4px; font-weight: 700;"><div class="formkit-spinner"><div></div><div></div><div></div></div><span class="">Join Launch Team Now 🚀</span></button></div><div class="formkit-powered-by-convertkit-container"><a href="https://convertkit.com?utm_campaign=poweredby&amp;utm_content=form&amp;utm_medium=referral&amp;utm_source=dynamic" data-element="powered-by" class="formkit-powered-by-convertkit" data-variant="dark" target="_blank" rel="noopener noreferrer">Built with ConvertKit</a></div></div><style>.formkit-form[data-uid="cb5473cc9a"] *{box-sizing:border-box;}.formkit-form[data-uid="cb5473cc9a"]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.formkit-form[data-uid="cb5473cc9a"] legend{border:none;font-size:inherit;margin-bottom:10px;padding:0;position:relative;display:table;}.formkit-form[data-uid="cb5473cc9a"] fieldset{border:0;padding:0.01em 0 0 0;margin:0;min-width:0;}.formkit-form[data-uid="cb5473cc9a"] body:not(:-moz-handler-blocked) fieldset{display:table-cell;}.formkit-form[data-uid="cb5473cc9a"] h1,.formkit-form[data-uid="cb5473cc9a"] h2,.formkit-form[data-uid="cb5473cc9a"] h3,.formkit-form[data-uid="cb5473cc9a"] h4,.formkit-form[data-uid="cb5473cc9a"] h5,.formkit-form[data-uid="cb5473cc9a"] h6{color:inherit;font-size:inherit;font-weight:inherit;}.formkit-form[data-uid="cb5473cc9a"] h2{font-size:1.5em;margin:1em 0;}.formkit-form[data-uid="cb5473cc9a"] h3{font-size:1.17em;margin:1em 0;}.formkit-form[data-uid="cb5473cc9a"] p{color:inherit;font-size:inherit;font-weight:inherit;}.formkit-form[data-uid="cb5473cc9a"] ol:not([template-default]),.formkit-form[data-uid="cb5473cc9a"] ul:not([template-default]),.formkit-form[data-uid="cb5473cc9a"] blockquote:not([template-default]){text-align:left;}.formkit-form[data-uid="cb5473cc9a"] p:not([template-default]),.formkit-form[data-uid="cb5473cc9a"] hr:not([template-default]),.formkit-form[data-uid="cb5473cc9a"] blockquote:not([template-default]),.formkit-form[data-uid="cb5473cc9a"] ol:not([template-default]),.formkit-form[data-uid="cb5473cc9a"] ul:not([template-default]){color:inherit;font-style:initial;}.formkit-form[data-uid="cb5473cc9a"] .ordered-list,.formkit-form[data-uid="cb5473cc9a"] .unordered-list{list-style-position:outside !important;padding-left:1em;}.formkit-form[data-uid="cb5473cc9a"] .list-item{padding-left:0;}.formkit-form[data-uid="cb5473cc9a"][data-format="modal"]{display:none;}.formkit-form[data-uid="cb5473cc9a"][data-format="slide in"]{display:none;}.formkit-form[data-uid="cb5473cc9a"][data-format="sticky bar"]{display:none;}.formkit-sticky-bar .formkit-form[data-uid="cb5473cc9a"][data-format="sticky bar"]{display:block;}.formkit-form[data-uid="cb5473cc9a"] .formkit-input,.formkit-form[data-uid="cb5473cc9a"] .formkit-select,.formkit-form[data-uid="cb5473cc9a"] .formkit-checkboxes{width:100%;}.formkit-form[data-uid="cb5473cc9a"] .formkit-button,.formkit-form[data-uid="cb5473cc9a"] .formkit-submit{border:0;border-radius:5px;color:#ffffff;cursor:pointer;display:inline-block;text-align:center;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:15px;overflow:hidden;padding:0;position:relative;vertical-align:middle;}.formkit-form[data-uid="cb5473cc9a"] .formkit-button:hover,.formkit-form[data-uid="cb5473cc9a"] .formkit-submit:hover,.formkit-form[data-uid="cb5473cc9a"] .formkit-button:focus,.formkit-form[data-uid="cb5473cc9a"] .formkit-submit:focus{outline:none;}.formkit-form[data-uid="cb5473cc9a"] .formkit-button:hover > span,.formkit-form[data-uid="cb5473cc9a"] .formkit-submit:hover > span,.formkit-form[data-uid="cb5473cc9a"] .formkit-button:focus > span,.formkit-form[data-uid="cb5473cc9a"] .formkit-submit:focus > span{background-color:rgba(0,0,0,0.1);}.formkit-form[data-uid="cb5473cc9a"] .formkit-button > span,.formkit-form[data-uid="cb5473cc9a"] .formkit-submit >
146 span{display:block;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;padding:12px 24px;}.formkit-form[data-uid="cb5473cc9a"] .formkit-input{background:#ffffff;font-size:15px;padding:12px;border:1px solid #e3e3e3;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;line-height:1.4;margin:0;-webkit-transition:border-color ease-out 300ms;transition:border-color ease-out 300ms;}.formkit-form[data-uid="cb5473cc9a"] .formkit-input:focus{outline:none;border-color:#1677be;-webkit-transition:border-color ease 300ms;transition:border-color ease 300ms;}.formkit-form[data-uid="cb5473cc9a"] .formkit-input::-webkit-input-placeholder{color:inherit;opacity:0.8;}.formkit-form[data-uid="cb5473cc9a"] .formkit-input::-moz-placeholder{color:inherit;opacity:0.8;}.formkit-form[data-uid="cb5473cc9a"] .formkit-input:-ms-input-placeholder{color:inherit;opacity:0.8;}.formkit-form[data-uid="cb5473cc9a"] .formkit-input::placeholder{color:inherit;opacity:0.8;}.formkit-form[data-uid="cb5473cc9a"] [data-group="dropdown"]{position:relative;display:inline-block;width:100%;}.formkit-form[data-uid="cb5473cc9a"] [data-group="dropdown"]::before{content:"";top:calc(50% - 2.5px);right:10px;position:absolute;pointer-events:none;border-color:#4f4f4f transparent transparent transparent;border-style:solid;border-width:6px 6px 0 6px;height:0;width:0;z-index:999;}.formkit-form[data-uid="cb5473cc9a"] [data-group="dropdown"] select{height:auto;width:100%;cursor:pointer;color:#333333;line-height:1.4;margin-bottom:0;padding:0 6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;padding:12px;padding-right:25px;border:1px solid #e3e3e3;background:#ffffff;}.formkit-form[data-uid="cb5473cc9a"] [data-group="dropdown"] select:focus{outline:none;}.formkit-form[data-uid="cb5473cc9a"] [data-group="checkboxes"]{text-align:left;margin:0;}.formkit-form[data-uid="cb5473cc9a"] [data-group="checkboxes"] [data-group="checkbox"]{margin-bottom:10px;}.formkit-form[data-uid="cb5473cc9a"] [data-group="checkboxes"] [data-group="checkbox"] *{cursor:pointer;}.formkit-form[data-uid="cb5473cc9a"] [data-group="checkboxes"] [data-group="checkbox"]:last-of-type{margin-bottom:0;}.formkit-form[data-uid="cb5473cc9a"] [data-group="checkboxes"] [data-group="checkbox"] input[type="checkbox"]{display:none;}.formkit-form[data-uid="cb5473cc9a"] [data-group="checkboxes"] [data-group="checkbox"] input[type="checkbox"] + label::after{content:none;}.formkit-form[data-uid="cb5473cc9a"] [data-group="checkboxes"] [data-group="checkbox"] input[type="checkbox"]:checked + label::after{border-color:#ffffff;content:"";}.formkit-form[data-uid="cb5473cc9a"] [data-group="checkboxes"] [data-group="checkbox"] input[type="checkbox"]:checked + label::before{background:#10bf7a;border-color:#10bf7a;}.formkit-form[data-uid="cb5473cc9a"] [data-group="checkboxes"] [data-group="checkbox"] label{position:relative;display:inline-block;padding-left:28px;}.formkit-form[data-uid="cb5473cc9a"] [data-group="checkboxes"] [data-group="checkbox"] label::before,.formkit-form[data-uid="cb5473cc9a"] [data-group="checkboxes"] [data-group="checkbox"] label::after{position:absolute;content:"";display:inline-block;}.formkit-form[data-uid="cb5473cc9a"] [data-group="checkboxes"] [data-group="checkbox"] label::before{height:16px;width:16px;border:1px solid #e3e3e3;background:#ffffff;left:0px;top:3px;}.formkit-form[data-uid="cb5473cc9a"] [data-group="checkboxes"] [data-group="checkbox"] label::after{height:4px;width:8px;border-left:2px solid #4d4d4d;border-bottom:2px solid #4d4d4d;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:4px;top:8px;}.formkit-form[data-uid="cb5473cc9a"] .formkit-alert{background:#f9fafb;border:1px solid #e3e3e3;border-radius:5px;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;list-style:none;margin:25px auto;padding:12px;text-align:center;width:100%;}.formkit-form[data-uid="cb5473cc9a"] .formkit-alert:empty{display:none;}.formkit-form[data-uid="cb5473cc9a"] .formkit-alert-success{background:#d3fbeb;border-color:#10bf7a;color:#0c905c;}.formkit-form[data-uid="cb5473cc9a"] .formkit-alert-error{background:#fde8e2;border-color:#f2643b;color:#ea4110;}.formkit-form[data-uid="cb5473cc9a"] .formkit-spinner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:0px;width:0px;margin:0 auto;position:absolute;top:0;left:0;right:0;width:0px;overflow:hidden;text-align:center;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}.formkit-form[data-uid="cb5473cc9a"] .formkit-spinner > div{margin:auto;width:12px;height:12px;background-color:#fff;opacity:0.3;border-radius:100%;display:inline-block;-webkit-animation:formkit-bouncedelay-formkit-form-data-uid-cb5473cc9a- 1.4s infinite ease-in-out both;animation:formkit-bouncedelay-formkit-form-data-uid-cb5473cc9a- 1.4s infinite ease-in-out both;}.formkit-form[data-uid="cb5473cc9a"] .formkit-spinner > div:nth-child(1){-webkit-animation-delay:-0.32s;animation-delay:-0.32s;}.formkit-form[data-uid="cb5473cc9a"] .formkit-spinner > div:nth-child(2){-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}.formkit-form[data-uid="cb5473cc9a"] .formkit-submit[data-active] .formkit-spinner{opacity:1;height:100%;width:50px;}.formkit-form[data-uid="cb5473cc9a"] .formkit-submit[data-active] .formkit-spinner ~ span{opacity:0;}.formkit-form[data-uid="cb5473cc9a"] .formkit-powered-by[data-active="false"]{opacity:0.35;}.formkit-form[data-uid="cb5473cc9a"] .formkit-powered-by-convertkit-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;z-index:5;margin:10px 0;position:relative;}.formkit-form[data-uid="cb5473cc9a"] .formkit-powered-by-convertkit-container[data-active="false"]{opacity:0.35;}.formkit-form[data-uid="cb5473cc9a"] .formkit-powered-by-convertkit{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;border:1px solid #dce1e5;border-radius:4px;color:#373f45;cursor:pointer;display:block;height:36px;margin:0 auto;opacity:0.95;padding:0;-webkit-text-decoration:none;text-decoration:none;text-indent:100%;-webkit-transition:ease-in-out all 200ms;transition:ease-in-out all 200ms;white-space:nowrap;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:190px;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='162' height='20' viewBox='0 0 162 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M83.0561 15.2457C86.675 15.2457 89.4722 12.5154 89.4722 9.14749C89.4722 5.99211 86.8443 4.06563 85.1038 4.06563C82.6801 4.06563 80.7373 5.76407 80.4605 8.28551C80.4092 8.75244 80.0387 9.14403 79.5686 9.14069C78.7871 9.13509 77.6507 9.12841 76.9314 9.13092C76.6217 9.13199 76.3658 8.88106 76.381 8.57196C76.4895 6.38513 77.2218 4.3404 78.618 2.76974C80.1695 1.02445 82.4289 0 85.1038 0C89.5979 0 93.8406 4.07791 93.8406 9.14749C93.8406 14.7608 89.1832 19.3113 83.1517 19.3113C78.8502 19.3113 74.5179 16.5041 73.0053 12.5795C72.9999 12.565 72.9986 12.5492 73.0015 12.534C73.0218 12.4179 73.0617 12.3118 73.1011 12.2074C73.1583 12.0555 73.2143 11.907 73.2062 11.7359L73.18 11.1892C73.174 11.0569 73.2075 10.9258 73.2764 10.8127C73.3452 10.6995 73.4463 10.6094 73.5666 10.554L73.7852 10.4523C73.9077 10.3957 74.0148 10.3105 74.0976 10.204C74.1803 10.0974 74.2363 9.97252 74.2608 9.83983C74.3341 9.43894 74.6865 9.14749 75.0979 9.14749C75.7404 9.14749 76.299 9.57412 76.5088 10.1806C77.5188 13.1 79.1245 15.2457 83.0561 15.2457Z' fill='%23373F45'/%3E%3Cpath d='M155.758 6.91365C155.028 6.91365 154.804 6.47916 154.804 5.98857C154.804 5.46997 154.986 5.06348 155.758 5.06348C156.53 5.06348 156.712 5.46997 156.712 5.98857C156.712 6.47905 156.516 6.91365 155.758 6.91365ZM142.441 12.9304V9.32833L141.415 9.32323V8.90392C141.415 8.44719 141.786 8.07758 142.244 8.07986L142.441 8.08095V6.55306L144.082 6.09057V8.08073H145.569V8.50416C145.569 8.61242 145.548 8.71961 145.506 8.81961C145.465 8.91961 145.404 9.01047 145.328 9.08699C145.251 9.16351 145.16 9.2242 145.06 9.26559C144.96 9.30698 144.853 9.32826 144.745 9.32822H144.082V12.7201C144.082 13.2423 144.378 13.4256 144.76 13.4887C145.209 13.5629 145.583 13.888 145.583 14.343V14.9626C144.029 14.9626 142.441 14.8942 142.441 12.9304Z' fill='%23373F45'/%3E%3Cpath d='M110.058 7.92554C108.417 7.88344 106.396 8.92062 106.396 11.5137C106.39
1466 14.0646 108.417 15.0738 110.058 15.0318C111.742 15.0738 113.748 14.0646 113.748 11.5137C113.748 8.92062 111.742 7.88344 110.058 7.92554ZM110.07 13.7586C108.878 13.7586 108.032 12.8905 108.032 11.461C108.032 10.1013 108.878 9.20569 110.071 9.20569C111.263 9.20569 112.101 10.0995 112.101 11.459C112.101 12.8887 111.263 13.7586 110.07 13.7586Z' fill='%23373F45'/%3E%3Cpath d='M118.06 7.94098C119.491 7.94098 120.978 8.33337 120.978 11.1366V14.893H120.063C119.608 14.893 119.238 14.524 119.238 14.0689V10.9965C119.238 9.66506 118.747 9.16047 117.891 9.16047C117.414 9.16047 116.797 9.52486 116.502 9.81915V14.069C116.502 14.1773 116.481 14.2845 116.44 14.3845C116.398 14.4845 116.337 14.5753 116.261 14.6519C116.184 14.7284 116.093 14.7891 115.993 14.8305C115.893 14.8719 115.786 14.8931 115.678 14.8931H114.847V8.10918H115.773C115.932 8.10914 116.087 8.16315 116.212 8.26242C116.337 8.36168 116.424 8.50033 116.46 8.65577C116.881 8.19328 117.428 7.94098 118.06 7.94098ZM122.854 8.09713C123.024 8.09708 123.19 8.1496 123.329 8.2475C123.468 8.34541 123.574 8.48391 123.631 8.64405L125.133 12.8486L126.635 8.64415C126.692 8.48402 126.798 8.34551 126.937 8.2476C127.076 8.1497 127.242 8.09718 127.412 8.09724H128.598L126.152 14.3567C126.091 14.5112 125.986 14.6439 125.849 14.7374C125.711 14.831 125.549 14.881 125.383 14.8809H124.333L121.668 8.09713H122.854Z' fill='%23373F45'/%3E%3Cpath d='M135.085 14.5514C134.566 14.7616 133.513 15.0416 132.418 15.0416C130.496 15.0416 129.024 13.9345 129.024 11.4396C129.024 9.19701 130.451 7.99792 132.191 7.99792C134.338 7.99792 135.254 9.4378 135.158 11.3979C135.139 11.8029 134.786 12.0983 134.38 12.0983H130.679C130.763 13.1916 131.562 13.7662 132.615 13.7662C133.028 13.7662 133.462 13.7452 133.983 13.6481C134.535 13.545 135.085 13.9375 135.085 14.4985V14.5514ZM133.673 10.949C133.785 9.87621 133.061 9.28752 132.191 9.28752C131.321 9.28752 130.734 9.93979 130.679 10.9489L133.673 10.949Z' fill='%23373F45'/%3E%3Cpath d='M137.345 8.11122C137.497 8.11118 137.645 8.16229 137.765 8.25635C137.884 8.35041 137.969 8.48197 138.005 8.62993C138.566 8.20932 139.268 7.94303 139.759 7.94303C139.801 7.94303 140.068 7.94303 140.489 7.99913V8.7265C140.489 9.11748 140.15 9.4147 139.759 9.4147C139.31 9.4147 138.651 9.5829 138.131 9.8773V14.8951H136.462V8.11112L137.345 8.11122ZM156.6 14.0508V8.09104H155.769C155.314 8.09104 154.944 8.45999 154.944 8.9151V14.8748H155.775C156.23 14.8748 156.6 14.5058 156.6 14.0508ZM158.857 12.9447V9.34254H157.749V8.91912C157.749 8.46401 158.118 8.09506 158.574 8.09506H158.857V6.56739L160.499 6.10479V8.09506H161.986V8.51848C161.986 8.97359 161.617 9.34254 161.161 9.34254H160.499V12.7345C160.499 13.2566 160.795 13.44 161.177 13.503C161.626 13.5774 162 13.9024 162 14.3574V14.977C160.446 14.977 158.857 14.9086 158.857 12.9447ZM98.1929 10.1124C98.2033 6.94046 100.598 5.16809 102.895 5.16809C104.171 5.16809 105.342 5.44285 106.304 6.12953L105.914 6.6631C105.654 7.02011 105.16 7.16194 104.749 6.99949C104.169 6.7702 103.622 6.7218 103.215 6.7218C101.335 6.7218 99.9169 7.92849 99.9068 10.1123C99.9169 12.2959 101.335 13.5201 103.215 13.5201C103.622 13.5201 104.169 13.4717 104.749 13.2424C105.16 13.0799 105.654 13.2046 105.914 13.5615L106.304 14.0952C105.342 14.7819 104.171 15.0566 102.895 15.0566C100.598 15.0566 98.2033 13.2842 98.1929 10.1124ZM147.619 5.21768C148.074 5.21768 148.444 5.58663 148.444 6.04174V9.81968L151.82 5.58131C151.897 5.47733 151.997 5.39282 152.112 5.3346C152.227 5.27638 152.355 5.24607 152.484 5.24611H153.984L150.166 10.0615L153.984 14.8749H152.484C152.355 14.8749 152.227 14.8446 152.112 14.7864C151.997 14.7281 151.897 14.6436 151.82 14.5397L148.444 10.3025V14.0508C148.444 14.5059 148.074 14.8749 147.619 14.8749H146.746V5.21768H147.619Z' fill='%23373F45'/%3E%3Cpath d='M0.773438 6.5752H2.68066C3.56543 6.5752 4.2041 6.7041 4.59668 6.96191C4.99219 7.21973 5.18994 7.62695 5.18994 8.18359C5.18994 8.55859 5.09326 8.87061 4.8999 9.11963C4.70654 9.36865 4.42822 9.52539 4.06494 9.58984V9.63379C4.51611 9.71875 4.84717 9.88721 5.05811 10.1392C5.27197 10.3882 5.37891 10.7266 5.37891 11.1543C5.37891 11.7314 5.17676 12.1841 4.77246 12.5122C4.37109 12.8374 3.81152 13 3.09375 13H0.773438V6.5752ZM1.82373 9.22949H2.83447C3.27393 9.22949 3.59473 9.16064 3.79688 9.02295C3.99902 8.88232 4.1001 8.64502 4.1001 8.31104C4.1001 8.00928 3.99023 7.79102 3.77051 7.65625C3.55371 7.52148 3.20801 7.4541 2.7334 7.4541H1.82373V9.22949ZM1.82373 10.082V12.1167H2.93994C3.37939 12.1167 3.71045 12.0332 3.93311 11.8662C4.15869 11.6963 4.27148 11.4297 4.27148 11.0664C4.27148 10.7324 4.15723 10.4849 3.92871 10.3237C3.7002 10.1626 3.35303 10.082 2.88721 10.082H1.82373Z' fill='%23373F45'/%3E%3Cpath d='M13.011 6.5752V10.7324C13.011 11.207 12.9084 11.623 12.7034 11.9805C12.5012 12.335 12.2068 12.6089 11.8201 12.8022C11.4363 12.9927 10.9763 13.0879 10.4402 13.0879C9.6433 13.0879 9.02368 12.877 8.5813 12.4551C8.13892 12.0332 7.91772 11.4531 7.91772 10.7148V6.5752H8.9724V10.6401C8.9724 11.1704 9.09546 11.5615 9.34155 11.8135C9.58765 12.0654 9.96557 12.1914 10.4753 12.1914C11.4656 12.1914 11.9607 11.6714 11.9607 10.6313V6.5752H13.011Z' fill='%23373F45'/%3E%3Cpath d='M15.9146 13V6.5752H16.9649V13H15.9146Z' fill='%23373F45'/%3E%3Cpath d='M19.9255 13V6.5752H20.9758V12.0991H23.696V13H19.9255Z' fill='%23373F45'/%3E%3Cpath d='M28.2828 13H27.2325V7.47607H25.3428V6.5752H30.1724V7.47607H28.2828V13Z' fill='%23373F45'/%3E%3Cpath d='M41.9472 13H40.8046L39.7148 9.16796C39.6679 9.00097 39.6093 8.76074 39.539 8.44727C39.4687 8.13086 39.4262 7.91113 39.4116 7.78809C39.3823 7.97559 39.3339 8.21875 39.2665 8.51758C39.2021 8.81641 39.1479 9.03905 39.1039 9.18554L38.0405 13H36.8979L36.0673 9.7832L35.2236 6.5752H36.2958L37.2143 10.3193C37.3578 10.9199 37.4604 11.4502 37.5219 11.9102C37.5541 11.6611 37.6025 11.3828 37.6669 11.0752C37.7314 10.7676 37.79 10.5186 37.8427 10.3281L38.8886 6.5752H39.9301L41.0024 10.3457C41.1049 10.6943 41.2133 11.2158 41.3276 11.9102C41.3715 11.4912 41.477 10.958 41.644 10.3105L42.558 6.5752H43.6215L41.9472 13Z' fill='%23373F45'/%3E%3Cpath d='M45.7957 13V6.5752H46.846V13H45.7957Z' fill='%23373F45'/%3E%3Cpath d='M52.0258 13H50.9755V7.47607H49.0859V6.5752H53.9155V7.47607H52.0258V13Z' fill='%23373F45'/%3E%3Cpath d='M61.2312 13H60.1765V10.104H57.2146V13H56.1643V6.5752H57.2146V9.20312H60.1765V6.5752H61.2312V13Z' fill='%23373F45'/%3E%3C/svg%3E");}.formkit-form[data-uid="cb5473cc9a"] .formkit-powered-by-convertkit:hover,.formkit-form[data-uid="cb5473cc9a"] .formkit-powered-by-convertkit:focus{background-color:#ffffff;-webkit-transform:scale(1.025) perspective(1px);-ms-transform:scale(1.025) perspective(1px);transform:scale(1.025) perspective(1px);opacity:1;}.formkit-form[data-uid="cb5473cc9a"] .formkit-powered-by-convertkit[data-variant="dark"],.formkit-form[data-uid="cb5473cc9a"] .formkit-powered-by-convertkit[data-variant="light"]{background-color:transparent;border-color:transparent;width:166px;}.formkit-form[data-uid="cb5473cc9a"] .formkit-powered-by-convertkit[data-variant="light"]{color:#ffffff;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='162' height='20' viewBox='0 0 162 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M83.0561 15.2457C86.675 15.2457 89.4722 12.5154 89.4722 9.14749C89.4722 5.99211 86.8443 4.06563 85.1038 4.06563C82.6801 4.06563 80.7373 5.76407 80.4605 8.28551C80.4092 8.75244 80.0387 9.14403 79.5686 9.14069C78.7871 9.13509 77.6507 9.12841 76.9314 9.13092C76.6217 9.13199 76.3658 8.88106 76.381 8.57196C76.4895 6.38513 77.2218 4.3404 78.618 2.76974C80.1695 1.02445 82.4289 0 85.1038 0C89.5979 0 93.8406 4.07791 93.8406 9.14749C93.8406 14.7608 89.1832 19.3113 83.1517 19.3113C78.8502 19.3113 74.5179 16.5041 73.0053 12.5795C72.9999 12.565 72.9986 12.5492 73.0015 12.534C73.0218 12.4179 73.0617 12.3118 73.1011 12.2074C73.1583 12.0555 73.2143 11.907 73.2062 11.7359L73.18 11.1892C73.174 11.0569 73.2075 10.9258 73.2764 10.8127C73.3452 10.6995 73.4463 10.6094 73.5666 10.554L73.7852 10.4523C73.9077 10.3957 74.0148 10.3105 74.0976 10.204C74.1803 10.0974 74.2363 9.97252 74.2608 9.83983C74.3341 9.43894 74.6865 9.14749 75.0979 9.14749C75.7404 9.14749 76.299 9.57412 76.5088 10.1806C77.5188 13.1 79.1245 15.2457 83.0561 15.2457Z' fill='white'/%3E%3Cpath d='M155.758 6.91365C155.028 6.91365 154.804 6.47916 154.804 5.98857C154.804 5.46997 154.986 5.06348 155.758 5.06348C156.53 5.06348 156.712 5.46997 156.712 5.98857C156.712 6.47905 156.516 6.91365 155.758 6.91365ZM142.441 12.9304V9.32833L141.415 9.32323V8.90392C141.415 8.44719 141.786 8.07758 142.244 8.07986L142.441 8.08095V6.55306L144.082 6.09057V8.08073H145.569V8.50416C145.569 8.61242 145.548 8.71961 145.506 8.81961C145.465 8.91961 145.404 9.01047 145.328 9.08699C145.251 9.16351 145.16 9.2242 145.06 9.26559C144.96 9.30698 144.853 9.32826 144.745 9.32822H144.082V12.7201C144.082 13.2423 144.378 13.4256 144.76 13.4887C145.209 13.5629 145.583 13.888 145.583 14.343V14.9626C144.029 14.9626 142.441 14.8942 142.441 12.9304Z' fill='white'/%3E%3Cpath d='M110.058 7.92554C108.417 7.88344 106.396 8.92062 106.396 11.5137C106.39
1466 14.0646 108.417 15.0738 110.058 15.0318C111.742 15.0738 113.748 14.0646 113.748 11.5137C113.748 8.92062 111.742 7.88344 110.058 7.92554ZM110.07 13.7586C108.878 13.7586 108.032 12.8905 108.032 11.461C108.032 10.1013 108.878 9.20569 110.071 9.20569C111.263 9.20569 112.101 10.0995 112.101 11.459C112.101 12.8887 111.263 13.7586 110.07 13.7586Z' fill='white'/%3E%3Cpath d='M118.06 7.94098C119.491 7.94098 120.978 8.33337 120.978 11.1366V14.893H120.063C119.608 14.893 119.238 14.524 119.238 14.0689V10.9965C119.238 9.66506 118.747 9.16047 117.891 9.16047C117.414 9.16047 116.797 9.52486 116.502 9.81915V14.069C116.502 14.1773 116.481 14.2845 116.44 14.3845C116.398 14.4845 116.337 14.5753 116.261 14.6519C116.184 14.7284 116.093 14.7891 115.993 14.8305C115.893 14.8719 115.786 14.8931 115.678 14.8931H114.847V8.10918H115.773C115.932 8.10914 116.087 8.16315 116.212 8.26242C116.337 8.36168 116.424 8.50033 116.46 8.65577C116.881 8.19328 117.428 7.94098 118.06 7.94098ZM122.854 8.09713C123.024 8.09708 123.19 8.1496 123.329 8.2475C123.468 8.34541 123.574 8.48391 123.631 8.64405L125.133 12.8486L126.635 8.64415C126.692 8.48402 126.798 8.34551 126.937 8.2476C127.076 8.1497 127.242 8.09718 127.412 8.09724H128.598L126.152 14.3567C126.091 14.5112 125.986 14.6439 125.849 14.7374C125.711 14.831 125.549 14.881 125.383 14.8809H124.333L121.668 8.09713H122.854Z' fill='white'/%3E%3Cpath d='M135.085 14.5514C134.566 14.7616 133.513 15.0416 132.418 15.0416C130.496 15.0416 129.024 13.9345 129.024 11.4396C129.024 9.19701 130.451 7.99792 132.191 7.99792C134.338 7.99792 135.254 9.4378 135.158 11.3979C135.139 11.8029 134.786 12.0983 134.38 12.0983H130.679C130.763 13.1916 131.562 13.7662 132.615 13.7662C133.028 13.7662 133.462 13.7452 133.983 13.6481C134.535 13.545 135.085 13.9375 135.085 14.4985V14.5514ZM133.673 10.949C133.785 9.87621 133.061 9.28752 132.191 9.28752C131.321 9.28752 130.734 9.93979 130.679 10.9489L133.673 10.949Z' fill='white'/%3E%3Cpath d='M137.345 8.11122C137.497 8.11118 137.645 8.16229 137.765 8.25635C137.884 8.35041 137.969 8.48197 138.005 8.62993C138.566 8.20932 139.268 7.94303 139.759 7.94303C139.801 7.94303 140.068 7.94303 140.489 7.99913V8.7265C140.489 9.11748 140.15 9.4147 139.759 9.4147C139.31 9.4147 138.651 9.5829 138.131 9.8773V14.8951H136.462V8.11112L137.345 8.11122ZM156.6 14.0508V8.09104H155.769C155.314 8.09104 154.944 8.45999 154.944 8.9151V14.8748H155.775C156.23 14.8748 156.6 14.5058 156.6 14.0508ZM158.857 12.9447V9.34254H157.749V8.91912C157.749 8.46401 158.118 8.09506 158.574 8.09506H158.857V6.56739L160.499 6.10479V8.09506H161.986V8.51848C161.986 8.97359 161.617 9.34254 161.161 9.34254H160.499V12.7345C160.499 13.2566 160.795 13.44 161.177 13.503C161.626 13.5774 162 13.9024 162 14.3574V14.977C160.446 14.977 158.857 14.9086 158.857 12.9447ZM98.1929 10.1124C98.2033 6.94046 100.598 5.16809 102.895 5.16809C104.171 5.16809 105.342 5.44285 106.304 6.12953L105.914 6.6631C105.654 7.02011 105.16 7.16194 104.749 6.99949C104.169 6.7702 103.622 6.7218 103.215 6.7218C101.335 6.7218 99.9169 7.92849 99.9068 10.1123C99.9169 12.2959 101.335 13.5201 103.215 13.5201C103.622 13.5201 104.169 13.4717 104.749 13.2424C105.16 13.0799 105.654 13.2046 105.914 13.5615L106.304 14.0952C105.342 14.7819 104.171 15.0566 102.895 15.0566C100.598 15.0566 98.2033 13.2842 98.1929 10.1124ZM147.619 5.21768C148.074 5.21768 148.444 5.58663 148.444 6.04174V9.81968L151.82 5.58131C151.897 5.47733 151.997 5.39282 152.112 5.3346C152.227 5.27638 152.355 5.24607 152.484 5.24611H153.984L150.166 10.0615L153.984 14.8749H152.484C152.355 14.8749 152.227 14.8446 152.112 14.7864C151.997 14.7281 151.897 14.6436 151.82 14.5397L148.444 10.3025V14.0508C148.444 14.5059 148.074 14.8749 147.619 14.8749H146.746V5.21768H147.619Z' fill='white'/%3E%3Cpath d='M0.773438 6.5752H2.68066C3.56543 6.5752 4.2041 6.7041 4.59668 6.96191C4.99219 7.21973 5.18994 7.62695 5.18994 8.18359C5.18994 8.55859 5.09326 8.87061 4.8999 9.11963C4.70654 9.36865 4.42822 9.52539 4.06494 9.58984V9.63379C4.51611 9.71875 4.84717 9.88721 5.05811 10.1392C5.27197 10.3882 5.37891 10.7266 5.37891 11.1543C5.37891 11.7314 5.17676 12.1841 4.77246 12.5122C4.37109 12.8374 3.81152 13 3.09375 13H0.773438V6.5752ZM1.82373 9.22949H2.83447C3.27393 9.22949 3.59473 9.16064 3.79688 9.02295C3.99902 8.88232 4.1001 8.64502 4.1001 8.31104C4.1001 8.00928 3.99023 7.79102 3.77051 7.65625C3.55371 7.52148 3.20801 7.4541 2.7334 7.4541H1.82373V9.22949ZM1.82373 10.082V12.1167H2.93994C3.37939 12.1167 3.71045 12.0332 3.93311 11.8662C4.15869 11.6963 4.27148 11.4297 4.27148 11.0664C4.27148 10.7324 4.15723 10.4849 3.92871 10.3237C3.7002 10.1626 3.35303 10.082 2.88721 10.082H1.82373Z' fill='white'/%3E%3Cpath d='M13.011 6.5752V10.7324C13.011 11.207 12.9084 11.623 12.7034 11.9805C12.5012 12.335 12.2068 12.6089 11.8201 12.8022C11.4363 12.9927 10.9763 13.0879 10.4402 13.0879C9.6433 13.0879 9.02368 12.877 8.5813 12.4551C8.13892 12.0332 7.91772 11.4531 7.91772 10.7148V6.5752H8.9724V10.6401C8.9724 11.1704 9.09546 11.5615 9.34155 11.8135C9.58765 12.0654 9.96557 12.1914 10.4753 12.1914C11.4656 12.1914 11.9607 11.6714 11.9607 10.6313V6.5752H13.011Z' fill='white'/%3E%3Cpath d='M15.9146 13V6.5752H16.9649V13H15.9146Z' fill='white'/%3E%3Cpath d='M19.9255 13V6.5752H20.9758V12.0991H23.696V13H19.9255Z' fill='white'/%3E%3Cpath d='M28.2828 13H27.2325V7.47607H25.3428V6.5752H30.1724V7.47607H28.2828V13Z' fill='white'/%3E%3Cpath d='M41.9472 13H40.8046L39.7148 9.16796C39.6679 9.00097 39.6093 8.76074 39.539 8.44727C39.4687 8.13086 39.4262 7.91113 39.4116 7.78809C39.3823 7.97559 39.3339 8.21875 39.2665 8.51758C39.2021 8.81641 39.1479 9.03905 39.1039 9.18554L38.0405 13H36.8979L36.0673 9.7832L35.2236 6.5752H36.2958L37.2143 10.3193C37.3578 10.9199 37.4604 11.4502 37.5219 11.9102C37.5541 11.6611 37.6025 11.3828 37.6669 11.0752C37.7314 10.7676 37.79 10.5186 37.8427 10.3281L38.8886 6.5752H39.9301L41.0024 10.3457C41.1049 10.6943 41.2133 11.2158 41.3276 11.9102C41.3715 11.4912 41.477 10.958 41.644 10.3105L42.558 6.5752H43.6215L41.9472 13Z' fill='white'/%3E%3Cpath d='M45.7957 13V6.5752H46.846V13H45.7957Z' fill='white'/%3E%3Cpath d='M52.0258 13H50.9755V7.47607H49.0859V6.5752H53.9155V7.47607H52.0258V13Z' fill='white'/%3E%3Cpath d='M61.2312 13H60.1765V10.104H57.2146V13H56.1643V6.5752H57.2146V9.20312H60.1765V6.5752H61.2312V13Z' fill='white'/%3E%3C/svg%3E");}@-webkit-keyframes formkit-bouncedelay-formkit-form-data-uid-cb5473cc9a-{0%,80%,100%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}40%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}@keyframes formkit-bouncedelay-formkit-form-data-uid-cb5473cc9a-{0%,80%,100%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}40%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}.formkit-form[data-uid="cb5473cc9a"] blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #e1e1e1;}.formkit-form[data-uid="cb5473cc9a"] .seva-custom-content{padding:15px;font-size:16px;color:#fff;mix-blend-mode:difference;} .formkit-form[data-uid="cb5473cc9a"]{max-width:700px;}.formkit-form[data-uid="cb5473cc9a"] [data-style="clean"]{width:100%;}.formkit-form[data-uid="cb5473cc9a"] .formkit-fields{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;}.formkit-form[data-uid="cb5473cc9a"] .formkit-field,.formkit-form[data-uid="cb5473cc9a"] .formkit-submit{margin:0 0 15px 0;-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;}.formkit-form[data-uid="cb5473cc9a"] .formkit-powered-by-convertkit-container{margin:0;}.formkit-form[data-uid="cb5473cc9a"] .formkit-submit{position:static;}.formkit-form[data-uid="cb5473cc9a"][min-width~="700"] [data-style="clean"],.formkit-form[data-uid="cb5473cc9a"][min-width~="800"] [data-style="clean"]{padding:10px;}.formkit-form[data-uid="cb5473cc9a"][min-width~="700"] .formkit-fields[data-stacked="false"],.formkit-form[data-uid="cb5473cc9a"][min-width~="800"] .formkit-fields[data-stacked="false"]{margin-left:-5px;margin-right:-5px;}.formkit-form[data-uid="cb5473cc9a"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-field,.formkit-form[data-uid="cb5473cc9a"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-field,.formkit-form[data-uid="cb5473cc9a"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-submit,.formkit-form[data-uid="cb5473cc9a"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-submit{margin:0 5px 15px 5px;}.formkit-form[data-uid="cb5473cc9a"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-field,.formkit-form[data-uid="cb5473cc9a"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-field{-webkit-flex:100 1 auto;-ms-flex:100 1 auto;flex:100 1 auto;}.formkit-form[data-uid="cb5473cc9a"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-submit,.formkit-form[data-uid="cb5473cc9a"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-submit{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;} </style></form>
147              <!--  <div class="mb-1 sm:mb-2">
148                  <label for="firstName" class="inline-block mb-1 font-medium">First name</label>
149                  <input
150                    placeholder="Jane"
151                    required=""
152                    type="text"
153                    class="flex-grow w-full h-12 px-4 mb-2 transition duration-200 bg-white border border-gray-300 rounded shadow-sm appearance-none focus:border-purple-800 focus:outline-none focus:shadow-outline"
154                    id="firstName"
155                    name="firstName"
156                  />
157                </div>
158                <div class="mb-1 sm:mb-2">
159                  <label for="lastName" class="inline-block mb-1 font-medium">Last name</label>
160                  <input
161                    placeholder="Dane"
162                    required=""
163                    type="text"
164                    class="flex-grow w-full h-12 px-4 mb-2 transition duration-200 bg-white border border-gray-300 rounded shadow-sm appearance-none focus:border-purple-800 focus:outline-none focus:shadow-outline"
165                    id="lastName"
166                    name="lastName"
167                  />
168                </div> 
169                <div class="mb-1 sm:mb-2">
170
171                </div>
172                
173                <div class="mt-4 mb-2 sm:mb-4">
174
175                  </div>-->
176                <p class="text-sm text-gray-600 sm:text-sm">
177                  As part of the launch team you will get <br>
178                  <b>early & privileged access.</b><br> <br>
179                  We respect your <a href="https://remotenactive.com/en/privacy.html" target="_blank"> <u>privacy.</u> </a>  <br> <br>
180                  Unsubscribe at any time.
181                </p>
182              </form>
183            </div>
184          </div>
185        </div>
186      </div>
187    </div>
188  </div>
189  <!-- Start Database --> 
190  <div id="database" class="px-4 py-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 lg:py-20">
191    <div class="max-w-xl mb-10 md:mx-auto sm:text-center lg:max-w-2xl md:mb-12">
192      <div>
193        <p class="inline-block px-24 py-3 mb-4 text-xl font-semibold tracking-wider text-white text-teal-900 uppercase bg-pink-500 rounded-full">
194          🛠️  OPEN BETA Website is work in progress
195        </p>
196      </div>
197      <br>
198      <h2 class="max-w-lg mb-8 font-sans text-3xl font-bold leading-none tracking-tight text-gray-900 sm:text-5xl md:mx-auto">
199        🎉 Remote <span class="font-bold text-purple-700"> 'n Active</span> 
200      </h2>
201      <h3 class="max-w-lg mb-8 font-sans text-sm italic font-bold leading-none tracking-tight text-gray-400 sm:text-sm md:mx-auto"> 48 open items </h3>
202    </div>
203  <!-- Filter  with dropdown
204    <div id="myBtnContainer">
205    <div class="border collapse w-4/4 rounded-box border-base-300 collapse-arrow" style="background-color:white">
206      <input type="checkbox" style="background-color:white">
207
208      <div class="text-2xl font-medium collapse-title" style="background-color:white">
209        Filter
210      </div> 
211      <div class="collapse-content" aria-expanded="true" style="background-color:white">        
212        <button class="px-4 py-2 mt-4 text-xl font-bold text-white bg-gray-500 hover:bg-gray-700 mr-3rounded" onclick="filterSelection('all')"> Show all</button>
213        <button class="px-4 py-2 text-xl font-bold text-white bg-blue-500 rounded hover:bg-blue-700 focus:bg-purple-900" onclick="filterSelection('activity')"> 🌟Activity</button>
214        <button class="px-4 py-2 mt-4 mr-3 text-xl font-bold text-white bg-blue-500 rounded hover:bg-blue-700" onclick="filterSelection('connect')"> 🧑‍🤝‍🧑 Connect </button>
215        <button class="px-4 py-2 mt-4 mr-3 text-xl font-bold text-white bg-blue-500 rounded hover:bg-blue-700" onclick="filterSelection('mindful')"> 🧘🏽‍♀️ Mindfulness</button>
216        <button class="px-4 py-2 mt-4 mr-3 text-xl font-bold text-white bg-blue-500 rounded hover:bg-blue-700" onclick="filterSelection('sport')"> 🤸🏽‍♀️ Sport/Workout</button> 
217        <button class="px-4 py-2 mt-4 mr-3 text-xl font-bold text-white bg-blue-500 rounded hover:bg-blue-700" onclick="filterSelection('productive')"> 🚀 Productivity</button>
218        <br>
219        <button class="px-4 py-2 mt-4 mr-3 text-xl font-bold text-white bg-blue-500 rounded hover:bg-blue-700" onclick="filterSelection('apps')"> ⚙️ Apps/Tools</button>
220        <button class="px-4 py-2 mt-4 mr-3 text-xl font-bold text-white bg-blue-500 rounded hover:bg-blue-700" onclick="filterSelection('games')"> 🕹️ Games</button>  
221        <button class="px-4 py-2 mt-4 mr-3 text-xl font-bold text-white bg-blue-500 rounded hover:bg-blue-700" onclick="filterSelection('free')"> 💸 Free</button>
222        </p>
223      </div>
224    </div>--> 
225
226    <div class="px-4 py-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8">
227
228      <div class="grid gap-8 row-gap-0 lg:grid-cols-3">
229        <div class="relative text-center">
230          <div class="flex items-center justify-center w-16 h-16 mx-auto mb-4 bg-indigo-100 rounded-full sm:w-20 sm:h-20"> 
231            <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="#6D28D9">
232              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
233              d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
234            </svg>
235          </div>
236          <h6 class="mb-2 text-4xl font-extrabold ">Step 1</h6>
237          <p class="max-w-md mb-3 text-2xl font-bold sm:mx-auto">
238            <br>
239          Filter your item(s)
240          </p>
241           <div class="top-0 right-0 flex items-center justify-center h-24 lg:-mr-8 lg:absolute">
242            <svg class="w-8 text-gray-700 transform rotate-90 lg:rotate-0" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
243              <line fill="none" stroke-miterlimit="10" x1="2" y1="12" x2="22" y2="12"></line>
244              <polyline fill="none" stroke-miterlimit="10" points="15,5 22,12 15,19 "></polyline>
245            </svg>
246          </div>
247        </div>
248        <div class="relative text-center">
249          <div class="flex items-center justify-center w-16 h-16 mx-auto mb-4 bg-indigo-100 rounded-full sm:w-20 sm:h-20">
250            <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="#6D28D9">
251              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" />
252            </svg>
253          </div>
254          <h6 class="mb-2 text-4xl font-extrabold ">Step 2</h6>
255          <p class="max-w-md mb-3 text-2xl font-bold sm:mx-auto">
256            <br>
257          Select & create an invitation
258          </p>
259          <div class="top-0 right-0 flex items-center justify-center h-24 lg:-mr-8 lg:absolute">
260            <svg class="w-8 text-gray-700 transform rotate-90 lg:rotate-0" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
261              <line fill="none" stroke-miterlimit="10" x1="2" y1="12" x2="22" y2="12"></line>
262              <polyline fill="none" stroke-miterlimit="10" points="15,5 22,12 15,19 "></polyline>
263            </svg>
264          </div>
265        </div>
266        <div class="relative text-center">
267          <div class="flex items-center justify-center w-16 h-16 mx-auto mb-4 bg-indigo-100 rounded-full sm:w-20 sm:h-20">
268            <svg xmlns="http://www.w3.org/2000/svg" class="w-12 h-12" fill="none" viewBox="0 0 24 24" stroke="#6D28D9">
269              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" />
270            </svg>
271          </div>
272          <h6 class="mb-2 text-4xl font-extrabold ">Step 3</h6>
273          <p class="max-w-md mb-3 text-2xl font-bold sm:mx-auto">
274            <br> 
275          Enjoy 😊
276          </p>
277        </div>
278      </div>
279    </div>
280
281    <div class="collapse w-4/4" style="background-color:white">
282    <div>        
283      <!--focus:bg-purple-900 für button down color -->
284      <button class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-100 bg-gray-700 rounded hover:bg-purple-400 hover:text-gray-100 focus:bg-gray-500 focus:text-gray-100"   onmousedown="plausible('list-all')"        onclick="filterSelection('all')       "> Show All</button> <br> <br>
285      <button class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-800 bg-gray-200 rounded hover:bg-purple-600 hover:text-gray-100 focus:bg-purple-600 focus:text-gray-100" onmousedown="plausible('list-activity')"   onclick="filterSelection('activity')  "> 🌟Activity</button>
286      <button class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-800 bg-gray-200 rounded hover:bg-purple-600 hover:text-gray-100 focus:bg-purple-600 focus:text-gray-100" onmousedown="plausible('list-connect')"    onclick="filterSelection('connect')   "> 🧑‍🤝‍🧑 Connect </button>
287      <button class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-800 bg-gray-200 rounded hover:bg-purple-600 hover:text-gray-100 focus:bg-purple-600 focus:text-gray-100" onmousedown="plausible('list-mindful')"    onclick="filterSelection('mindful')   "> 🧘🏽‍♀️ Mindfulness</button>
288      <button class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-800 bg-gray-200 rounded hover:bg-purple-600 hover:text-gray-100 focus:bg-purple-600 focus:text-gray-100" onmousedown="plausible('list-sport')"      onclick="filterSelection('sport')     "> 🤸🏽‍♀️ Sport/Workout</button> <br>
289      <button class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-800 bg-gray-200 rounded hover:bg-purple-600 hover:text-gray-100 focus:bg-purple-600 focus:text-gray-100" onmousedown="plausible('list-productive')" onclick="filterSelection('productive')"> 🚀 Productivity</button>
290      
291      <button class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-800 bg-gray-200 rounded hover:bg-purple-600 hover:text-gray-100 focus:bg-purple-500 focus:text-gray-100" onmousedown="plausible('list-apps')"       onclick="filterSelection('apps')       "> ⚙️ Apps/Tools</button>
292      <button class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-800 bg-gray-200 rounded hover:bg-purple-600 hover:text-gray-100 focus:bg-purple-500 focus:text-gray-100" onmousedown="plausible('list-games')"      onclick="filterSelection('games')      "> 🕹️ Games</button>
293      <button class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-800 bg-gray-200 rounded hover:bg-purple-600 hover:text-gray-100 focus:bg-purple-500 focus:text-gray-100" onmousedown="plausible('list-free')"       onclick="filterSelection('free')       "> 💸 Free</button>
294      <button class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-800 bg-gray-200 rounded hover:bg-purple-600 hover:text-gray-100 focus:bg-purple-500 focus:text-gray-100" onmousedown="plausible('list-paid')"       onclick="filterSelection('paid')       "> 💳 Paid</button> <br>
295      <button class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-500 bg-gray-200 rounded hover:bg-purple-400 hover:text-gray-100 focus:bg-purple-500 focus:text-gray-100" onmousedown="plausible('list-trends')"     onclick="location.href='#launchteam'   "> 📊 Trends   <span class="text-sm">🔒</span>  </button>
296      <button class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-500 bg-gray-200 rounded hover:bg-purple-400 hover:text-gray-100 focus:bg-purple-500 focus:text-gray-100" onmousedown="plausible('list-worksheets')" onclick="location.href='#launchteam'   "> 📝 Worksheets    <span class="text-sm">🔒</span>  </button>
297      <button class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-500 bg-gray-200 rounded hover:bg-purple-400 hover:text-gray-100 focus:bg-purple-500 focus:text-gray-100" onmousedown="plausible('list-planner')"    onclick="location.href='#launchteam'   "> 📅 Planner    <span class="text-sm">🔒</span>  </button>
298      <button class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-500 bg-gray-200 rounded hover:bg-purple-400 hover:text-gray-100 focus:bg-purple-500 focus:text-gray-100" onmousedown="plausible('list-discounts')"  onclick="location.href='#launchteam'   "> 💰 Discounts  <span class="text-sm">🔒</span>    </button>
299     <!--  <label for="my-modal-2" class="px-4 py-2 mt-4 mr-3 text-2xl font-bold text-gray-500 bg-gray-200 rounded hover:bg-purple-400 hover:text-gray-100 focus:bg-purple-500 focus:text-gray-100">open modal</label> 
300      <input type="checkbox" id="my-modal-2" class="modal-toggle"> 
301      <div class="modal">
302        <div class="modal-box">
303          <p>Enim dolorem dolorum omnis atque necessitatibus. Consequatur aut adipisci qui iusto illo eaque. Consequatur repudiandae et. Nulla ea quasi eligendi. Saepe velit autem minima.</p> 
304          <div class="modal-action">
305            <label for="my-modal-2" class="btn btn-primary">Accept</label> 
306            <label for="my-modal-2" class="btn">Close</label>
307          </div>
308        </div>
309      </div>-->
310
311      <br>
312      <br>
313      <button class="px-4 py-2 mt-4 mr-3 text-xl font-bold text-white bg-gray-500 rounded hover:bg-purple-500 focus:bg-purple-500" onclick="window.open('https://airtable.com/shrSctM35K7UMqtB3')"> ✍️ Submit a Tool/Activity</button>
314      </p>
315    </div>
316
317</div>
318  <br>
319  <br>
320    <!-- Sortable div parent  -->
321    <div class="container">       
322     
323    <div class="grid gap-5 row-gap-5 mb-8 lg:grid-cols-4 sm:grid-cols-2">
324
325<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
326<div class="filterDiv activity connect paid games">
327  <label for="my-modal-50" >
328    <input type="checkbox" id="my-modal-50" class="modal-toggle"> 
329      <div class="modal">
330        <div class="modal-box">
331          <p class="text-xl font-bold text-black">Mystery Trip Games</p>
332          <p class="text-white">
333          <!-- [MODAL] Image + Text -->
334          <img src="https://images.unsplash.com/photo-1543269865-4430f94492b9?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" class="object-cover w-full h-48" alt="" />
335          <br>
336          <div class="mb-4 badge badge-info text-neutral">⏱️ 45 + </div>
337          <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 6 - 9+ </div>
338          <div class="mb-4 badge badge-info text-neutral">💳 Paid </div>
339          <div class="mb-4 badge badge-info text-neutral">🤝 Event </div> <br>
340          <span class="font-medium">Difficulty: </span> <span class="font-medium text-blue-600"> Medium </span> <br> <br>
341          A service with different kinds of virtual team experiences including trivia, Family Feud scavenger hunts and more. The provider can customize questions or entire rounds specifically for your group!  <br> <br>
342            <a href="https://games.mysterytrip.co/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
343          <br> <br>
344          <span class="font-medium"> Create Invitation </span><br> <br>
345          <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
346          <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
347          <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
348          <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
349          <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
350          <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
351          <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
352            <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
353
354            <div class="modal-action">
355            <label for="my-modal-50" class="btn">Close</label> 
356          </div>
357        </div>
358      </div>
359    <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
360      <div class="flex flex-col h-full ">
361        <img src="https://images.unsplash.com/photo-1543269865-4430f94492b9?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" class="object-cover w-full h-48" alt="" />
362          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
363            <div class="p-5">
364              <!-- Site View -->
365              <div class="mb-4 badge badge-info text-neutral">⏱️ 45 + </div>
366              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 6 - 9+ </div>
367              <div class="mb-4 badge badge-info text-neutral">💳 Paid</div>
368              <div class="mb-4 badge badge-info text-neutral">🤝 Event </div>      
369              <br>
370              <h6 class="mb-2 font-semibold leading-5">Mystery Trip Games</h6>
371              
372              <p class="text-sm text-gray-900">
373                A service with different kinds of virtual team experiences including trivia, Family Feud scavenger hunts and more. The provider can ....
374              </p>
375          </div>
376        </div>
377      </div>
378    </a>
379  </label> 
380</div>
381<!-- [END] -->
382
383     <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
384     <div class="filterDiv mindful sport">
385      <label for="my-modal-25" >
386        <input type="checkbox" id="my-modal-25" class="modal-toggle"> 
387          <div class="modal">
388            <div class="modal-box">
389              <p class="text-xl font-bold text-black">18 Min. Chair Yoga</p>
390              <p class="text-white">
391              <!-- [MODAL] Image + Text -->
392              <img src="https://images.pexels.com/photos/3790848/pexels-photo-3790848.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
393              <br>
394              <div class="mb-4 badge badge-info text-neutral">⏱️ 20 - 30 Min. </div>
395              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1 - 10+ </div>
396              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
397              <div class="mb-4 badge badge-info text-neutral">📽️ Video </div> <br>
398              <span class="font-medium">Difficulty: </span> <span class="font-medium text-orange-600"> Medium </span> <br> <br>
399              Yoga Youtube Video 18 Min. for Eeasy and gentle Chair Yoga <br> <br>
400               <a href="https://www.youtube.com/watch?v=gi6Ei4GBEMc&t=9s" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
401              <br> <br>
402              <span class="font-medium"> Create Invitation </span><br> <br>
403              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
404              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
405              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
406              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
407              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
408              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
409              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
410                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
411
412                <div class="modal-action">
413                <label for="my-modal-25" class="btn">Close</label> 
414              </div>
415            </div>
416          </div>
417        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
418          <div class="flex flex-col h-full ">
419            <img src="https://images.pexels.com/photos/3790848/pexels-photo-3790848.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
420              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
421                <div class="p-5">
422                  <!-- Site View -->
423                  <div class="mb-4 badge badge-info text-neutral">⏱️ 20 - 30 Min.</div>
424                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1 - 10+ </div>
425                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
426                  <div class="mb-4 badge badge-info text-neutral">📽️ Video </div>      
427                  <br>
428                  <h6 class="mb-2 font-semibold leading-5">18 Min. Chair Yoga</h6>
429                  
430                  <p class="text-sm text-gray-900">
431                    Yoga Youtube Video 18 Min. for Easy and gentle Chair Yoga 
432                  </p>
433              </div>
434            </div>
435          </div>
436        </a>
437      </label> 
438    </div>
439    <!-- [END] -->         
440
441    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
442    <div class="filterDiv games free">
443      <label for="my-modal-26" >
444        <input type="checkbox" id="my-modal-26" class="modal-toggle"> 
445          <div class="modal">
446            <div class="modal-box">
447              <p class="text-xl font-bold text-black">Netflix Trivia Quiz</p>
448              <p class="text-white">
449              <!-- [MODAL] Image + Text -->
450              <img src="https://images.pexels.com/photos/265685/pexels-photo-265685.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
451              <br>
452              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
453              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+ </div>
454              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
455              <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
456              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
457              Play a Netflix Trivia Quizz on this Website<br> <br>
458               <a href="https://www.buzzfeed.com/christopherhudspeth/this-netflix-trivia-quiz-can-only-be-passed-by-people-who" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
459              <br> <br>
460              <span class="font-medium"> Create Invitation </span><br> <br>
461              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
462              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
463              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
464              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
465              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
466              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
467              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
468                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
469
470                <div class="modal-action">
471                <label for="my-modal-26" class="btn">Close</label> 
472              </div>
473            </div>
474          </div>
475        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
476          <div class="flex flex-col h-full ">
477            <img src="https://images.pexels.com/photos/265685/pexels-photo-265685.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
478              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
479                <div class="p-5">
480                  <!-- Site View -->
481                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
482                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
483                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
484                  <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
485                  <br>
486                  <h6 class="mb-2 font-semibold leading-5">Netflix Trivia Quiz</h6>
487                  
488                  <p class="text-sm text-gray-900">
489                   Play a Netflix Trivia Quizz on this Website
490                  </p>
491              </div>
492            </div>
493          </div>
494        </a>
495      </label> 
496    </div>
497    <!-- [END] -->      
498
499    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
500    <div class="filterDiv activity sport mindful">
501      <label for="my-modal-27" >
502        <input type="checkbox" id="my-modal-27" class="modal-toggle"> 
503          <div class="modal">
504            <div class="modal-box">
505              <p class="text-xl font-bold text-black">15 Min. Mobility Stretch</p>
506              <p class="text-white">
507              <!-- [MODAL] Image + Text -->
508              <img src="https://images.pexels.com/photos/6787442/pexels-photo-6787442.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
509              <br>
510              <div class="mb-4 badge badge-info text-neutral">⏱️ 15 - 20 Min. </div>
511              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+ </div>
512              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
513              <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
514              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
515              Mobility 15 Min. for Full Body Stretch<br> <br>
516               <a href="https://www.youtube.com/watch?v=g_tea8ZNk5A" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
517              <br> <br>
518              <span class="font-medium"> Create Invitation </span><br> <br>
519              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
520              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
521              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
522              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
523              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
524              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
525              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
526                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
527
528                <div class="modal-action">
529                <label for="my-modal-27" class="btn">Close</label> 
530              </div>
531            </div>
532          </div>
533        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
534          <div class="flex flex-col h-full ">
535            <img src="https://images.pexels.com/photos/6787442/pexels-photo-6787442.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
536              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
537                <div class="p-5">
538                  <!-- Site View -->
539                  <div class="mb-4 badge badge-info text-neutral">⏱️ 15 - 20 Min.</div>
540                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
541                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
542                  <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
543                  <br>
544                  <h6 class="mb-2 font-semibold leading-5">15 Min. Mobility Stretch</h6>
545                  
546                  <p class="text-sm text-gray-900">
547                  Mobility 15 Min. for Full Body Stretch
548                  </p>
549              </div>
550            </div>
551          </div>
552        </a>
553      </label> 
554    </div>
555    <!-- [END] --> 
556      
557    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
558    <div class="filterDiv activity sport">
559      <label for="my-modal-28" >
560        <input type="checkbox" id="my-modal-28" class="modal-toggle"> 
561          <div class="modal">
562            <div class="modal-box">
563              <p class="text-xl font-bold text-black">Book Live Classes</p>
564              <p class="text-white">
565              <!-- [MODAL] Image + Text -->
566              <img src="https://images.pexels.com/photos/6697233/pexels-photo-6697233.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
567              <br>
568              <div class="mb-4 badge badge-info text-neutral">⏱️ 45 - 60 Min. </div>
569              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+ </div>
570              <div class="mb-4 badge badge-info text-neutral">💳 Paid </div>
571              <div class="mb-4 badge badge-info text-neutral">🚨 LIVE</div> <br>
572              <span class="font-medium">Difficulty: </span> <span class="font-medium text-red-600"> Hard </span> <br> <br>
573              Explore and book live and on-demand yoga, Pilates, barre, HIIT, and meditation classes across the globe on this Website<br> <br>
574               <a href="https://www.mindbodyonline.com/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
575              <br> <br>
576              <span class="font-medium"> Create Invitation </span><br> <br>
577              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
578              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
579              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
580              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
581              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
582              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
583              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
584                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
585
586                <div class="modal-action">
587                <label for="my-modal-28" class="btn">Close</label> 
588              </div>
589            </div>
590          </div>
591        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
592          <div class="flex flex-col h-full ">
593            <img src="https://images.pexels.com/photos/6697233/pexels-photo-6697233.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
594              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
595                <div class="p-5">
596                  <!-- Site View -->
597                  <div class="mb-4 badge badge-info text-neutral">⏱️  45 - 60 Min.</div>
598                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+</div>
599                  <div class="mb-4 badge badge-info text-neutral">💳 Paid</div>
600                  <div class="mb-4 badge badge-info text-neutral">🚨 LIVE </div>      
601                  <br>
602                  <h6 class="mb-2 font-semibold leading-5">Book Live Classes</h6>
603                  
604                  <p class="text-sm text-gray-900">
605                    Explore and book live and on-demand yoga, Pilates, barre, HIIT, and medit...
606                  </p>
607              </div>
608            </div>
609          </div>
610        </a>
611      </label> 
612    </div>
613    <!-- [END] -->     
614
615      <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
616      <div class="filterDiv game free">
617        <label for="my-modal-29" >
618          <input type="checkbox" id="my-modal-29" class="modal-toggle"> 
619            <div class="modal">
620              <div class="modal-box">
621                <p class="text-xl font-bold text-black">Play Chess Online</p>
622                <p class="text-white">
623                <!-- [MODAL] Image + Text -->
624                <img src="https://images.pexels.com/photos/6693061/pexels-photo-6693061.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
625                <br>
626                <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 30 Min. </div>
627                <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1 </div>
628                <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
629                <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
630                <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
631                Play Chess online on this Website. No registration required. <br> <br>
632                 <a href="https://chess.cool/play/with_friend.html" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
633                <br> <br>
634                <span class="font-medium"> Create Invitation </span><br> <br>
635                <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
636                <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
637                <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
638                <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
639                <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
640                <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
641                <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
642                  <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
643  
644                  <div class="modal-action">
645                  <label for="my-modal-29" class="btn">Close</label> 
646                </div>
647              </div>
648            </div>
649          <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
650            <div class="flex flex-col h-full ">
651              <img src="https://images.pexels.com/photos/6693061/pexels-photo-6693061.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
652                <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
653                  <div class="p-5">
654                    <!-- Site View -->
655                    <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 30 Min.</div>
656                    <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1 </div>
657                    <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
658                    <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
659                    <br>
660                    <h6 class="mb-2 font-semibold leading-5">Play Chess Online</h6>
661                    
662                    <p class="text-sm text-gray-900">
663                    Play Chess online on this Website. No registration required. 
664                    </p>
665                </div>
666              </div>
667            </div>
668          </a>
669        </label> 
670      </div>
671      <!-- [END] -->         
672  
673      <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
674      <div class="filterDiv activity sport">
675        <label for="my-modal-30" >
676          <input type="checkbox" id="my-modal-30" class="modal-toggle"> 
677            <div class="modal">
678              <div class="modal-box">
679                <p class="text-xl font-bold text-black">Generate Words & Play</p>
680                <p class="text-white">
681                <!-- [MODAL] Image + Text -->
682                <img src="https://images.pexels.com/photos/4476606/pexels-photo-4476606.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
683                <br>
684                <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
685                <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+ </div>
686                <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
687                <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
688                <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
689                Generate a word on this Website and explain the word without using it. You can also draw it or try acting it out.<br> <br>
690                 <a href="https://www.thegamegal.com/word-generator/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
691                <br> <br>
692                <span class="font-medium"> Create Invitation </span><br> <br>
693                <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
694                <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
695                <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
696                <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
697                <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
698                <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
699                <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
700                  <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
701  
702                  <div class="modal-action">
703                  <label for="my-modal-30" class="btn">Close</label> 
704                </div>
705              </div>
706            </div>
707          <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
708            <div class="flex flex-col h-full ">
709              <img src="https://images.pexels.com/photos/4476606/pexels-photo-4476606.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
710                <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
711                  <div class="p-5">
712                    <!-- Site View -->
713                    <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
714                    <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑2 - 10+</div>
715                    <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
716                    <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
717                    <br>
718                    <h6 class="mb-2 font-semibold leading-5">Generate Words & Play</h6>
719                    
720                    <p class="text-sm text-gray-900">
721                    Generate a word on this Website and explain the word without using it.
722                    </p>
723                </div>
724              </div>
725            </div>
726          </a>
727        </label> 
728      </div>
729      <!-- [END] -->      
730  
731      <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
732      <div class="filterDiv activity sport games mindful free">
733        <label for="my-modal-31" >
734          <input type="checkbox" id="my-modal-31" class="modal-toggle"> 
735            <div class="modal">
736              <div class="modal-box">
737                <p class="text-xl font-bold text-black">
737Doozy Social Spaces</p>
738                <p class="text-white">
739                <!-- [MODAL] Image + Text -->
740                <img src="doozy.png" class="object-cover w-full h-48" alt="" />
741                <br>
742                <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 60+ Min. </div>
743                <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+ </div>
744                <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
745                <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
746                <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
747                Create, host and discover fun quizzes for you and your remote team. 20k + quizzes all online, no downloads, leaderboards, reactions, gifs and more<br> <br>
748                 <a href="https://doozy.live/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
749                <br> <br>
750                <span class="font-medium"> Create Invitation </span><br> <br>
751                <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
752                <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
753                <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
754                <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
755                <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
756                <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
757                <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
758                  <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
759  
760                  <div class="modal-action">
761                  <label for="my-modal-31" class="btn">Close</label> 
762                </div>
763              </div>
764            </div>
765          <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
766            <div class="flex flex-col h-full ">
767              <img src="doozy.png" class="object-cover w-full h-48" alt="" />
768                <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
769                  <div class="p-5">
770                    <!-- Site View -->
771                    <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 60+ Min. </div>
772                    <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+</div>
773                    <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
774                    <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
775                    <br>
776                    <h6 class="mb-2 font-semibold leading-5">
776Doozy Social Spaces</h6>
777                    
778                    <p class="text-sm text-gray-900">
779                    Create, host and discover fun quizzes for you and your remote team. 20k + quizzes all onli...                   </p>
780                </div>
781              </div>
782            </div>
783          </a>
784        </label> 
785      </div>
786      <!-- [END] --> 
787        
788      <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
789      <div class="filterDiv activity sport">
790        <label for="my-modal-32" >
791          <input type="checkbox" id="my-modal-32" class="modal-toggle"> 
792            <div class="modal">
793              <div class="modal-box">
794                <p class="text-xl font-bold text-black">Service Random Dots</p>
795                <p class="text-white">
796                <!-- [MODAL] Image + Text -->
797                <img src="randomdots.png" class="object-cover w-full h-48" alt="" />
798                <br>
799                <div class="mb-4 badge badge-info text-neutral">⏱️ 30 - 60+ Min. </div>
800                <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+ </div>
801                <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid </div>
802                <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
803                <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
804                This service lets you have bespoke virtual team building experiences which mix real life and remote worlds together<br> <br>
805                 <a href="https://www.randomdots.co/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
806                <br> <br>
807                <span class="font-medium"> Create Invitation </span><br> <br>
808                <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
809                <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
810                <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
811                <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
812                <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
813                <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
814                <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
815                  <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
816  
817                  <div class="modal-action">
818                  <label for="my-modal-32" class="btn">Close</label> 
819                </div>
820              </div>
821            </div>
822          <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
823            <div class="flex flex-col h-full ">
824              <img src="randomdots.png" class="object-cover w-full h-48" alt="" />
825                <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
826                  <div class="p-5">
827                    <!-- Site View -->
828                    <div class="mb-4 badge badge-info text-neutral">⏱️ 30 - 60+ Min.</div>
829                    <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+</div>
830                    <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
831                    <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
832                    <br>
833                    <h6 class="mb-2 font-semibold leading-5">Service Random Dots</h6>
834                    
835                    <p class="text-sm text-gray-900">
836                      This service lets you have bespoke virtual team building experiences which mix re...
837                    </p>
838                </div>
839              </div>
840            </div>
841          </a>
842        </label> 
843      </div>
844      <!-- [END] -->    
845
846    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
847    <div class="filterDiv connect apps free">
848      <label for="my-modal-33" >
849        <input type="checkbox" id="my-modal-33" class="modal-toggle"> 
850          <div class="modal">
851            <div class="modal-box">
852              <p class="text-xl font-bold text-black">Spontaneous Chat - NextPage</p>
853              <p class="text-white">
854              <!-- [MODAL] Image + Text -->
855              <img src="https://images.pexels.com/photos/3762940/pexels-photo-3762940.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
856              <br>
857              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
858              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 5 </div>
859              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
860              <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
861              <span class="font-medium">Difficulty: </span> <span class="font-medium text-orange-600"> Medium </span> <br> <br>
862              NextPage recreates spontaneous meetings online. Invite friends or colleagues: next time you are on the same Webpage at the same time you can start a chat or wave to each other. React to the content of the Webpage and check other people's reactions.<br> <br>
863               <a href="https://nxt.page/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
864              <br> <br>
865              <span class="font-medium"> Create Invitation </span><br> <br>
866              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
867              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
868              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
869              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
870              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
871              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
872              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
873                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
874
875                <div class="modal-action">
876                <label for="my-modal-33" class="btn">Close</label> 
877              </div>
878            </div>
879          </div>
880        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
881          <div class="flex flex-col h-full ">
882            <img src="https://images.pexels.com/photos/3762940/pexels-photo-3762940.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
883              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
884                <div class="p-5">
885                  <!-- Site View -->
886                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
887                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 5</div>
888                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
889                  <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
890                  <br>
891                  <h6 class="mb-2 font-semibold leading-5">Spontaneous Chat - NextPage</h6>
892                  
893                  <p class="text-sm text-gray-900">
894                    NextPage recreates spontaneous meetings online. Invite friends or colleagues: next ti...
895                  </p>
896              </div>
897            </div>
898          </div>
899        </a>
900      </label> 
901    </div>
902    <!-- [END] -->         
903
904    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
905    <div class="filterDiv connect apps ">
906      <label for="my-modal-34" >
907        <input type="checkbox" id="my-modal-34" class="modal-toggle"> 
908          <div class="modal">
909            <div class="modal-box">
910              <p class="text-xl font-bold text-black">Slack - Hallway</p>
911              <p class="text-white">
912              <!-- [MODAL] Image + Text -->
913              <img src="hallway.png" class="object-cover w-full h-48" alt="" />
914              <br>
915              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 30 Min. </div>
916              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10 </div>
917              <div class="mb-4 badge badge-info text-neutral">💳 Paid</div>
918              <div class="mb-4 badge badge-info text-neutral">⚙️ App </div> <br>
919              <span class="font-medium">Difficulty: </span> <span class="font-medium text-orange-600"> Medium </span> <br> <br>
920              The slack app hallway brings back office vibes with spontaneous watercooler chats  <br> <br>
921               <a href="https://hallway.chat/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
922              <br> <br>
923              <span class="font-medium"> Create Invitation </span><br> <br>
924              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
925              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
926              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
927              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
928              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
929              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
930              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
931                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
932
933                <div class="modal-action">
934                <label for="my-modal-34" class="btn">Close</label> 
935              </div>
936            </div>
937          </div>
938        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
939          <div class="flex flex-col h-full ">
940            <img src="hallway.png" class="object-cover w-full h-48" alt="" />
941              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
942                <div class="p-5">
943                  <!-- Site View -->
944                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 30 Min.</div>
945                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10</div>
946                  <div class="mb-4 badge badge-info text-neutral">💳 Paid</div>
947                  <div class="mb-4 badge badge-info text-neutral">⚙️ App </div>      
948                  <br>
949                  <h6 class="mb-2 font-semibold leading-5">Slack - Hallway</h6>
950                  
951                  <p class="text-sm text-gray-900">
952                  The slack app hallway brings back office vibes with spontaneous watercooler chats                  </p>
953              </div>
954            </div>
955          </div>
956        </a>
957      </label> 
958    </div>
959    <!-- [END] -->      
960
961    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
962    <div class="filterDiv connect apps free paid">
963      <label for="my-modal-35" >
964        <input type="checkbox" id="my-modal-35" class="modal-toggle"> 
965          <div class="modal">
966            <div class="modal-box">
967              <p class="text-xl font-bold text-black">Slack - Donut</p>
968              <p class="text-white">
969              <!-- [MODAL] Image + Text -->
970              <img src="donut.PNG" class="object-cover w-full h-48" alt="" />
971              <br>
972              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
973              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10 </div>
974              <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid </div>
975              <div class="mb-4 badge badge-info text-neutral">⚙️ App </div> <br>
976              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
977              The slack app donut Introduce teammates for virtual coffees or post prompts in channels that inspire lively conversations.<br> <br>
978               <a href="https://www.donut.com/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
979              <br> <br>
980              <span class="font-medium"> Create Invitation </span><br> <br>
981              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
982              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
983              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
984              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
985              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
986              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
987              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
988                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
989
990                <div class="modal-action">
991                <label for="my-modal-35" class="btn">Close</label> 
992              </div>
993            </div>
994          </div>
995        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
996          <div class="flex flex-col h-full ">
997            <img src="donut.PNG" class="object-cover w-full h-48" alt="" />
998              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
999                <div class="p-5">
1000                  <!-- Site View -->
1001                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
1002                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
1003                  <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
1004                  <div class="mb-4 badge badge-info text-neutral">⚙️ App </div>      
1005                  <br>
1006                  <h6 class="mb-2 font-semibold leading-5">Slack - Donut</h6>
1007                  
1008                  <p class="text-sm text-gray-900">
1009                  The slack app donut Introduce teammates for virtual coffees or post pr...                  </p>
1010              </div>
1011            </div>
1012          </div>
1013        </a>
1014      </label> 
1015    </div>
1016    <!-- [END] --> 
1017      
1018    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1019    <div class="filterDiv apps games free">
1020      <label for="my-modal-36" >
1021        <input type="checkbox" id="my-modal-36" class="modal-toggle"> 
1022          <div class="modal">
1023            <div class="modal-box">
1024              <p class="text-xl font-bold text-black">Slack - RPS Game</p>
1025              <p class="text-white">
1026              <!-- [MODAL] Image + Text -->
1027              <img src="rock-paper-scissors.png" class="object-cover w-full h-48" alt="" />
1028              <br>
1029              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
1030              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1 </div>
1031              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
1032              <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div> <br>
1033              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
1034              Play Rock-paper-scissors directly in Slack! ✊✋✌️<br> <br>
1035               <a href="https://lonely.engineer/rps/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1036              <br> <br>
1037              <span class="font-medium"> Create Invitation </span><br> <br>
1038              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1039              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1040              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1041              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1042              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1043              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1044              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1045                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1046
1047                <div class="modal-action">
1048                <label for="my-modal-36" class="btn">Close</label> 
1049              </div>
1050            </div>
1051          </div>
1052        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1053          <div class="flex flex-col h-full ">
1054            <img src="rock-paper-scissors.png" class="object-cover w-full h-48" alt="" />
1055              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1056                <div class="p-5">
1057                  <!-- Site View -->
1058                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
1059                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
1060                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
1061                  <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div>      
1062                  <br>
1063                  <h6 class="mb-2 font-semibold leading-5">Slack - RPS Game</h6>
1064                  
1065                  <p class="text-sm text-gray-900">
1066                  Play Rock-paper-scissors directly in Slack! ✊✋✌️
1067                  </p>
1068              </div>
1069            </div>
1070          </div>
1071        </a>
1072      </label> 
1073    </div>
1074    <!-- [END] -->      
1075
1076     <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1077     <div class="filterDiv productive apps free paid">
1078      <label for="my-modal-37" >
1079        <input type="checkbox" id="my-modal-37" class="modal-toggle"> 
1080          <div class="modal">
1081            <div class="modal-box">
1082              <p class="text-xl font-bold text-black">Grapevine - Async Videocalls</p>
1083              <p class="text-white">
1084              <!-- [MODAL] Image + Text -->
1085              <img src="https://images.pexels.com/photos/3205403/pexels-photo-3205403.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
1086              <br>
1087              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
1088              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+ </div>
1089              <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid </div>
1090              <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div> <br>
1091              <span class="font-medium">Difficulty: </span> <span class="font-medium text-red-600"> Hard </span> <br> <br>
1092              Grapevine lets you get pre-recorded video updates from your remote team each day.<br> <br>
1093               <a href="https://grapevine.team/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1094              <br> <br>
1095              <span class="font-medium"> Create Invitation </span><br> <br>
1096              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1097              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1098              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1099              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1100              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1101              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1102              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1103                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1104
1105                <div class="modal-action">
1106                <label for="my-modal-37" class="btn">Close</label> 
1107              </div>
1108            </div>
1109          </div>
1110        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1111          <div class="flex flex-col h-full ">
1112            <img src="https://images.pexels.com/photos/3205403/pexels-photo-3205403.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
1113              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1114                <div class="p-5">
1115                  <!-- Site View -->
1116                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
1117                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
1118                  <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
1119                  <div class="mb-4 badge badge-info text-neutral">⚙️ Tool  </div>      
1120                  <br>
1121                  <h6 class="mb-2 font-semibold leading-5">Grapevine - Async Videocalls</h6>
1122                  
1123                  <p class="text-sm text-gray-900">
1124                    Grapevine lets you get pre-recorded video updates from your remote team each day.
1125                  </p>
1126              </div>
1127            </div>
1128          </div>
1129        </a>
1130      </label> 
1131    </div>
1132    <!-- [END] -->         
1133
1134    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1135    <div class="filterDiv games connect free">
1136      <label for="my-modal-38" >
1137        <input type="checkbox" id="my-modal-38" class="modal-toggle"> 
1138          <div class="modal">
1139            <div class="modal-box">
1140              <p class="text-xl font-bold text-black">Ziago - Instant Social Games</p>
1141              <p class="text-white">
1142              <!-- [MODAL] Image + Text -->
1143              <img src="ziago.png" class="object-cover w-full h-48" alt="" />
1144              <br>
1145              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10+ Min. </div>
1146              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+ </div>
1147              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
1148              <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div> <br>
1149              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
1150              Play social games with friends and family over video calls or in-person without installing any app or software.<br> <br>
1151               <a href="https://ziago.co/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1152              <br> <br>
1153              <span class="font-medium"> Create Invitation </span><br> <br>
1154              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1155              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1156              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1157              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1158              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1159              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1160              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1161                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1162
1163                <div class="modal-action">
1164                <label for="my-modal-38" class="btn">Close</label> 
1165              </div>
1166            </div>
1167          </div>
1168        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1169          <div class="flex flex-col h-full ">
1170            <img src="ziago.png" class="object-cover w-full h-48" alt="" />
1171              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1172                <div class="p-5">
1173                  <!-- Site View -->
1174                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10+ Min.</div>
1175                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
1176                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
1177                  <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div>      
1178                  <br>
1179                  <h6 class="mb-2 font-semibold leading-5">Ziago - Instant Social Games</h6>
1180                  
1181                  <p class="text-sm text-gray-900">
1182                   Play social games with friends and family over video calls or in-person without installing any app or software.
1183                  </p>
1184              </div>
1185            </div>
1186          </div>
1187        </a>
1188      </label> 
1189    </div>
1190    <!-- [END] -->      
1191
1192    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1193    <div class="filterDiv games free">
1194      <label for="my-modal-39" >
1195        <input type="checkbox" id="my-modal-39" class="modal-toggle"> 
1196          <div class="modal">
1197            <div class="modal-box">
1198              <p class="text-xl font-bold text-black">Slack - Chessbot</p>
1199              <p class="text-white">
1200              <!-- [MODAL] Image + Text -->
1201              <img src="https://images.pexels.com/photos/1660753/pexels-photo-1660753.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
1202              <br>
1203              <div class="mb-4 badge badge-info text-neutral">⏱️ 10 - 20 Min. </div>
1204              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1 </div>
1205              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
1206              <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div> <br>
1207              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
1208              Slack App ChessBot - Play Chess with your colleagues without leaving slack!<br> <br>
1209               <a href="https://www.chris-saylor.com/chessbot/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1210              <br> <br>
1211              <span class="font-medium"> Create Invitation </span><br> <br>
1212              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1213              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1214              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1215              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1216              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1217              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1218              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1219                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1220
1221                <div class="modal-action">
1222                <label for="my-modal-39" class="btn">Close</label> 
1223              </div>
1224            </div>
1225          </div>
1226        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1227          <div class="flex flex-col h-full ">
1228            <img src="https://images.pexels.com/photos/1660753/pexels-photo-1660753.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
1229              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1230                <div class="p-5">
1231                  <!-- Site View -->
1232                  <div class="mb-4 badge badge-info text-neutral">⏱️ 10 - 20 Min.</div>
1233                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1</div>
1234                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
1235                  <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div>      
1236                  <br>
1237                  <h6 class="mb-2 font-semibold leading-5">Slack - Chessbot</h6>
1238                  
1239                  <p class="text-sm text-gray-900">
1240                  Slack App ChessBot - Play Chess with your colleagues without leaving slack!
1241                  </p>
1242              </div>
1243            </div>
1244          </div>
1245        </a>
1246      </label> 
1247    </div>
1248    <!-- [END] --> 
1249      
1250    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1251    <div class="filterDiv activity productive free paid">
1252      <label for="my-modal-40" >
1253        <input type="checkbox" id="my-modal-40" class="modal-toggle"> 
1254          <div class="modal">
1255            <div class="modal-box">
1256              <p class="text-xl font-bold text-black">Collaborative Drawing - Magma Studio</p>
1257              <p class="text-white">
1258              <!-- [MODAL] Image + Text -->
1259              <img src="magmastudio.PNG" class="object-cover w-full h-48" alt="" />
1260              <br>
1261              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 60+ Min. </div>
1262              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+ </div>
1263              <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
1264              <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div> <br>
1265              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
1266              Magma Studio is an an app where people can hang out and draw together. It's a great team-building exercise, as well as just a lot of fun.<br> <br>
1267               <a href="https://magmastudio.io/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1268              <br> <br>
1269              <span class="font-medium"> Create Invitation </span><br> <br>
1270              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1271              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1272              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1273              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1274              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1275              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1276              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1277                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1278
1279                <div class="modal-action">
1280                <label for="my-modal-40" class="btn">Close</label> 
1281              </div>
1282            </div>
1283          </div>
1284        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1285          <div class="flex flex-col h-full ">
1286            <img src="magmastudio.PNG" class="object-cover w-full h-48" alt="" />
1287              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1288                <div class="p-5">
1289                  <!-- Site View -->
1290                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
1291                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
1292                  <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
1293                  <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div>      
1294                  <br>
1295                  <h6 class="mb-2 font-semibold leading-5">Collaborative Drawing - Magma Studio</h6>
1296                  
1297                  <p class="text-sm text-gray-900">
1298                    Magma Studio is an an app where people can hang out and draw together. It's a great team-bui...
1299                  </p>
1300              </div>
1301            </div>
1302          </div>
1303        </a>
1304      </label> 
1305    </div>
1306    <!-- [END] -->     
1307
1308      <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1309      <div class="filterDiv connect productive apps free paid">
1310        <label for="my-modal-41" >
1311          <input type="checkbox" id="my-modal-41" class="modal-toggle"> 
1312            <div class="modal">
1313              <div class="modal-box">
1314                <p class="text-xl font-bold text-black">orbital - Audio Communication</p>
1315                <p class="text-white">
1316                <!-- [MODAL] Image + Text -->
1317                <img src="orbital.png" class="object-cover w-full h-48" alt="" />
1318                <br>
1319                <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 + Min. </div>
1320                <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+ </div>
1321                <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid </div>
1322                <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div> <br>
1323                <span class="font-medium">Difficulty: </span> <span class="font-medium text-orange-600"> Medium </span> <br> <br>
1324                  A Open-channel, audio-first communication to help remote teams engage more naturally.<br> <br>
1325                 <a href="https://orbital.chat/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1326                <br> <br>
1327                <span class="font-medium"> Create Invitation </span><br> <br>
1328                <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1329                <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1330                <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1331                <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1332                <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1333                <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1334                <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1335                  <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1336  
1337                  <div class="modal-action">
1338                  <label for="my-modal-41" class="btn">Close</label> 
1339                </div>
1340              </div>
1341            </div>
1342          <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1343            <div class="flex flex-col h-full ">
1344              <img src="orbital.png" class="object-cover w-full h-48" alt="" />
1345                <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1346                  <div class="p-5">
1347                    <!-- Site View -->
1348                    <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 + Min.</div>
1349                    <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+</div>
1350                    <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
1351                    <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div>      
1352                    <br>
1353                    <h6 class="mb-2 font-semibold leading-5">orbital - Audio Communication</h6>
1354                    
1355                    <p class="text-sm text-gray-900">
1356                      A Open-channel, audio-first communication to help remote teams engage more naturally.
1357                    </p>
1358                </div>
1359              </div>
1360            </div>
1361          </a>
1362        </label> 
1363      </div>
1364      <!-- [END] -->         
1365  
1366      <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1367      <div class="filterDiv activity connect apps free paid">
1368        <label for="my-modal-42" >
1369          <input type="checkbox" id="my-modal-42" class="modal-toggle"> 
1370            <div class="modal">
1371              <div class="modal-box">
1372                <p class="text-xl font-bold text-black">Gatheround - Engaging Team Calls</p>
1373                <p class="text-white">
1374                <!-- [MODAL] Image + Text -->
1375                <img src="Gatheround.PNG" class="object-cover w-full h-48" alt="" />
1376                <br>
1377                <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 20 Min. </div>
1378                <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+ </div>
1379                <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid </div>
1380                <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div> <br>
1381                <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
1382                With this website you can help people in your group get to know one another with guided conversation games.<br> <br>
1383                 <a href="https://gatheround.com/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1384                <br> <br>
1385                <span class="font-medium"> Create Invitation </span><br> <br>
1386                <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1387                <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1388                <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1389                <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1390                <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1391                <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1392                <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1393                  <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1394  
1395                  <div class="modal-action">
1396                  <label for="my-modal-42" class="btn">Close</label> 
1397                </div>
1398              </div>
1399            </div>
1400          <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1401            <div class="flex flex-col h-full ">
1402              <img src="Gatheround.PNG" class="object-cover w-full h-48" alt="" />
1403                <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1404                  <div class="p-5">
1405                    <!-- Site View -->
1406                    <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 20 Min.</div>
1407                    <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+</div>
1408                    <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
1409                    <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div>      
1410                    <br>
1411                    <h6 class="mb-2 font-semibold leading-5">Gatheround - Engaging Team Calls</h6>
1412                    
1413                    <p class="text-sm text-gray-900">
1414                      With this website you can help people in your group get to know one another with guided conversation games.
1415                    </p>
1416                </div>
1417              </div>
1418            </div>
1419          </a>
1420        </label> 
1421      </div>
1422      <!-- [END] -->      
1423  
1424      <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1425      <div class="filterDiv activity games free">
1426        <label for="my-modal-43" >
1427          <input type="checkbox" id="my-modal-43" class="modal-toggle"> 
1428            <div class="modal">
1429              <div class="modal-box">
1430                <p class="text-xl font-bold text-black">Play Draw Battle</p>
1431                <p class="text-white">
1432                <!-- [MODAL] Image + Text -->
1433                <img src="draw-battle.PNG" class="object-cover w-full h-48" alt="" />
1434                <br>
1435                <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 20 Min. </div>
1436                <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 5 </div>
1437                <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
1438                <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
1439                <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
1440                Play a drawing game against your opponent.<br> <br>
1441                 <a href="https://drawbattle.io/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1442                <br> <br>
1443                <span class="font-medium"> Create Invitation </span><br> <br>
1444                <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1445                <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1446                <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1447                <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1448                <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1449                <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1450                <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1451                  <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1452  
1453                  <div class="modal-action">
1454                  <label for="my-modal-43" class="btn">Close</label> 
1455                </div>
1456              </div>
1457            </div>
1458          <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1459            <div class="flex flex-col h-full ">
1460              <img src="draw-battle.PNG" class="object-cover w-full h-48" alt="" />
1461                <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1462                  <div class="p-5">
1463                    <!-- Site View -->
1464                    <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 20 Min.</div>
1465                    <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 5</div>
1466                    <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
1467                    <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
1468                    <br>
1469                    <h6 class="mb-2 font-semibold leading-5">Play Draw Battle</h6>
1470                    
1471                    <p class="text-sm text-gray-900">
1472                     Play a drawing game against your opponent.
1473                    </p>
1474                </div>
1475              </div>
1476            </div>
1477          </a>
1478        </label> 
1479      </div>
1480      <!-- [END] --> 
1481        
1482      <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1483      <div class="filterDiv apps productive">
1484        <label for="my-modal-44" >
1485          <input type="checkbox" id="my-modal-44" class="modal-toggle"> 
1486            <div class="modal">
1487              <div class="modal-box">
1488                <p class="text-xl font-bold text-black">Rally - Collaborative Calls</p>
1489                <p class="text-white">
1490                <!-- [MODAL] Image + Text -->
1491                <img src="collaborative-video.jpeg" class="object-cover w-full h-48" alt="" />
1492                <br>
1493                <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 + Min. </div>
1494                <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+ </div>
1495                <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
1496                <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
1497                <span class="font-medium">Difficulty: </span> <span class="font-medium text-orange-600"> Medium </span> <br> <br>
1498                Rally lets you hop between breakout rooms with one click!<br> <br>
1499                 <a href="https://www.rally.video/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1500                <br> <br>
1501                <span class="font-medium"> Create Invitation </span><br> <br>
1502                <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1503                <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1504                <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1505                <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1506                <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1507                <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1508                <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1509                  <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1510  
1511                  <div class="modal-action">
1512                  <label for="my-modal-44" class="btn">Close</label> 
1513                </div>
1514              </div>
1515            </div>
1516          <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1517            <div class="flex flex-col h-full ">
1518              <img src="collaborative-video.jpeg" class="object-cover w-full h-48" alt="" />
1519                <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1520                  <div class="p-5">
1521                    <!-- Site View -->
1522                    <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 + Min.</div>
1523                    <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
1524                    <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
1525                    <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
1526                    <br>
1527                    <h6 class="mb-2 font-semibold leading-5">Rally - Collaborative Calls</h6>
1528                    
1529                    <p class="text-sm text-gray-900">
1530                      Rally lets you hop between breakout rooms with one click!
1531                    </p>
1532                </div>
1533              </div>
1534            </div>
1535          </a>
1536        </label> 
1537      </div>
1538      <!-- [END] -->    
1539
1540    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1541    <div class="filterDiv apps games paid">
1542      <label for="my-modal-45" >
1543        <input type="checkbox" id="my-modal-45" class="modal-toggle"> 
1544          <div class="modal">
1545            <div class="modal-box">
1546              <p class="text-xl font-bold text-black">Quizbreaker - Remote Quiz</p>
1547              <p class="text-white">
1548              <!-- [MODAL] Image + Text -->
1549              <img src="quizbreaker.PNG" class="object-cover w-full h-48" alt="" />
1550              <br>
1551              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
1552              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+ </div>
1553              <div class="mb-4 badge badge-info text-neutral">💳 Paid </div>
1554              <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div> <br>
1555              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
1556              A scheduled virtual team building quiz delivered to your inbox. Helping teams bond, no matter where they are.<br>
1557              Free 21-Day trial <br><br>
1558               <a href="https://www.quizbreaker.com/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1559              <br> <br>
1560              <span class="font-medium"> Create Invitation </span><br> <br>
1561              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1562              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1563              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1564              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1565              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1566              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1567              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1568                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1569
1570                <div class="modal-action">
1571                <label for="my-modal-45" class="btn">Close</label> 
1572              </div>
1573            </div>
1574          </div>
1575        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1576          <div class="flex flex-col h-full ">
1577            <img src="quizbreaker.PNG" class="object-cover w-full h-48" alt="" />
1578              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1579                <div class="p-5">
1580                  <!-- Site View -->
1581                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
1582                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
1583                  <div class="mb-4 badge badge-info text-neutral">💳 Paid</div>
1584                  <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div>      
1585                  <br>
1586                  <h6 class="mb-2 font-semibold leading-5">Quizbreaker - Remote Quiz</h6>
1587                  
1588                  <p class="text-sm text-gray-900">
1589                  A scheduled virtual team building quiz delivered to your inbox. Helping teams...
1590                  </p>
1591              </div>
1592            </div>
1593          </div>
1594        </a>
1595      </label> 
1596    </div>
1597    <!-- [END] -->         
1598
1599    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1600    <div class="filterDiv apps games free">
1601      <label for="my-modal-46" >
1602        <input type="checkbox" id="my-modal-46" class="modal-toggle"> 
1603          <div class="modal">
1604            <div class="modal-box">
1605              <p class="text-xl font-bold text-black">
1605Game - Play Lizard</p>
1606              <p class="text-white">
1607              <!-- [MODAL] Image + Text -->
1608              <img src="lizard.png" class="object-cover w-full h-48" alt="" />
1609              <br>
1610              <div class="mb-4 badge badge-info text-neutral">⏱️ 10 - 30 Min. </div>
1611              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 6 </div>
1612              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
1613              <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div> <br>
1614              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
1615              Lizard is a free guessing and trick-winning card game. Your goal is to pick a number, and win exactly that many times. Inspired by the Wizard card game.<br> <br>
1616               <a href="https://www.playlizard.com/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1617              <br> <br>
1618              <span class="font-medium"> Create Invitation </span><br> <br>
1619              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1620              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1621              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1622              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1623              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1624              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1625              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1626                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1627
1628                <div class="modal-action">
1629                <label for="my-modal-46" class="btn">Close</label> 
1630              </div>
1631            </div>
1632          </div>
1633        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1634          <div class="flex flex-col h-full ">
1635            <img src="lizard.png" class="object-cover w-full h-48" alt="" />
1636              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1637                <div class="p-5">
1638                  <!-- Site View -->
1639                  <div class="mb-4 badge badge-info text-neutral">⏱️ 10 - 30 Min. </div>
1640                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 6 </div>
1641                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
1642                  <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div>      
1643                  <br>
1644                  <h6 class="mb-2 font-semibold leading-5">
1644Game - Play Lizard</h6>
1645                  
1646                  <p class="text-sm text-gray-900">
1647                    Lizard is a free guessing and trick-winning card game. Your goal is to pick a number, and wi...
1648                  </p>
1649              </div>
1650            </div>
1651          </div>
1652        </a>
1653      </label> 
1654    </div>
1655    <!-- [END] -->      
1656
1657    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1658    <div class="filterDiv activity sport">
1659      <label for="my-modal-47" >
1660        <input type="checkbox" id="my-modal-47" class="modal-toggle"> 
1661          <div class="modal">
1662            <div class="modal-box">
1663              <p class="text-xl font-bold text-black">Crowdparty - Videocall Games</p>
1664              <p class="text-white">
1665              <!-- [MODAL] Image + Text -->
1666              <img src="crowdparty.PNG" class="object-cover w-full h-48" alt="" />
1667              <br>
1668              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
1669              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+ </div>
1670              <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
1671              <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div> <br>
1672              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
1673              A website to play curated games over video calls, no registration required.<br> <br>
1674              <a href="https://crowdparty.app/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1675              <br> <br>
1676              <span class="font-medium"> Create Invitation </span><br> <br>
1677              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1678              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1679              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1680              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1681              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1682              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1683              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1684                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1685
1686                <div class="modal-action">
1687                <label for="my-modal-47" class="btn">Close</label> 
1688              </div>
1689            </div>
1690          </div>
1691        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1692          <div class="flex flex-col h-full ">
1693            <img src="crowdparty.PNG" class="object-cover w-full h-48" alt="" />
1694              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1695                <div class="p-5">
1696                  <!-- Site View -->
1697                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
1698                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+ </div>
1699                  <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
1700                  <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div>      
1701                  <br>
1702                  <h6 class="mb-2 font-semibold leading-5">Crowdparty - Videocall Games</h6>
1703                  
1704                  <p class="text-sm text-gray-900">
1705                  A website to play curated games over video calls, no registration required.
1706                  </p>
1707              </div>
1708            </div>
1709          </div>
1710        </a>
1711      </label> 
1712    </div>
1713    <!-- [END] --> 
1714      
1715    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1716
1717    <div class="filterDiv games paid">
1718      <label for="my-modal-48" >
1719        <input type="checkbox" id="my-modal-48" class="modal-toggle"> 
1720          <div class="modal">
1721            <div class="modal-box">
1722              <p class="text-xl font-bold text-black">Mibo Island - Virtual Escape Game</p>
1723              <p class="text-white">
1724              <!-- [MODAL] Image + Text -->
1725              <img src="miboisland.PNG" class="object-cover w-full h-48" alt="" />
1726              <br>
1727              <div class="mb-4 badge badge-info text-neutral">⏱️ 60+ Min. </div>
1728              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 4 </div>
1729              <div class="mb-4 badge badge-info text-neutral">💳 Paid</div>
1730              <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div> <br>
1731              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
1732              A crazy online island to get lost in, solve puzzles together and stop a rogue A.I. from uploading his malicious code onto the web. Note: Specifically for 4 Players<br> <br>
1733               <a href="https://www.miboisland.com/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1734              <br> <br>
1735              <span class="font-medium"> Create Invitation </span><br> <br>
1736              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1737              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1738              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1739              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1740              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1741              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1742              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1743                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1744
1745                <div class="modal-action">
1746                <label for="my-modal-48" class="btn">Close</label> 
1747              </div>
1748            </div>
1749          </div>
1750        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1751          <div class="flex flex-col h-full ">
1752            <img src="miboisland.PNG" class="object-cover w-full h-48" alt="" />
1753              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1754                <div class="p-5">
1755                  <!-- Site View -->
1756                  <div class="mb-4 badge badge-info text-neutral">⏱️ 60+ Min. </div>
1757                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 4 </div>
1758                  <div class="mb-4 badge badge-info text-neutral">💳 Paid</div>
1759                  <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div>     
1760                  <br>
1761                  <h6 class="mb-2 font-semibold leading-5">Mibo Island - Virtual Escape Game</h6>
1762                  
1763                  <p class="text-sm text-gray-900">
1764                    A crazy online island to get lost in, solve puzzles together and stop a rogue A.I. from uplo...
1765                  </p>
1766              </div>
1767            </div>
1768          </div>
1769        </a>
1770      </label> 
1771    </div>
1772
1773    <!-- [END] -->
1774  
1775
1776    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1777    <div class="filterDiv games">
1778      <label for="my-modal-21" >
1779        <input type="checkbox" id="my-modal-21" class="modal-toggle"> 
1780          <div class="modal">
1781            <div class="modal-box">
1782              <p class="text-xl font-bold text-black">Random Question Maker</p>
1783              <p class="text-white">
1784              <!-- [MODAL] Image + Text -->
1785              <img src="https://images.pexels.com/photos/594610/pexels-photo-594610.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
1786              <br>
1787              <div class="mb-4 badge badge-info text-neutral">⏱️ > 5 Min. </div>
1788              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1 </div>
1789              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
1790              <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
1791              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
1792              Use this Website to generate and ask random questions during a virtual coffee<br> <br>
1793               <a href="https://randomquestionmaker.com/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1794              <br> <br>
1795              <span class="font-medium"> Create Invitation </span><br> <br>
1796              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1797              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1798              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1799              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1800              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1801              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1802              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1803                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1804
1805                <div class="modal-action">
1806                <label for="my-modal-21" class="btn">Close</label> 
1807              </div>
1808            </div>
1809          </div>
1810        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1811          <div class="flex flex-col h-full ">
1812            <img src="https://images.pexels.com/photos/594610/pexels-photo-594610.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
1813              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1814                <div class="p-5">
1815                  <!-- Site View -->
1816                  <div class="mb-4 badge badge-info text-neutral">⏱️ > 5 Min.</div>
1817                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1</div>
1818                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
1819                  <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
1820                  <br>
1821                  <h6 class="mb-2 font-semibold leading-5">Random Question Maker</h6>
1822                  
1823                  <p class="text-sm text-gray-900">
1824                    Use this Website to generate and ask random questions during a virt...
1825                  </p>
1826              </div>
1827            </div>
1828          </div>
1829        </a>
1830      </label> 
1831    </div>
1832    <!-- [END] -->
1833
1834    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1835    <div class="filterDiv games">
1836      <label for="my-modal-22" >
1837        <input type="checkbox" id="my-modal-22" class="modal-toggle"> 
1838          <div class="modal">
1839            <div class="modal-box">
1840              <p class="text-xl font-bold text-black">Play Speed Tying</p>
1841              <p class="text-white">
1842              <!-- [MODAL] Image + Text -->
1843              <img src="https://images.pexels.com/photos/1181208/pexels-photo-1181208.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
1844              <br>
1845              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
1846              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+ </div>
1847              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
1848              <div class="mb-4 badge badge-info text-neutral">🔎 Web</div> <br>
1849              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
1850              Play a round of Speed Typing on this Website<br> <br>
1851               <a href="https://www.typingtest.com/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1852              <br> <br>
1853              <span class="font-medium"> Create Invitation </span><br> <br>
1854              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1855              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1856              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1857              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1858              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1859              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1860              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1861                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1862
1863                <div class="modal-action">
1864                <label for="my-modal-22" class="btn">Close</label> 
1865              </div>
1866            </div>
1867          </div>
1868        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1869          <div class="flex flex-col h-full ">
1870            <img src="https://images.pexels.com/photos/1181208/pexels-photo-1181208.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
1871              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1872                <div class="p-5">
1873                  <!-- Site View -->
1874                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
1875                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+</div>
1876                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
1877                  <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
1878                  <br>
1879                  <h6 class="mb-2 font-semibold leading-5">Play Speed Tying</h6>
1880                  
1881                  <p class="text-sm text-gray-900">
1882                    Play a round of Speed Typing on this Website
1883                  </p>
1884              </div>
1885            </div>
1886          </div>
1887        </a>
1888      </label> 
1889    </div>
1890    <!-- [END] -->
1891
1892    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1893    <div class="filterDiv connect free">
1894      <label for="my-modal-23" >
1895        <input type="checkbox" id="my-modal-23" class="modal-toggle"> 
1896          <div class="modal">
1897            <div class="modal-box">
1898              <p class="text-xl font-bold text-black">Virtual Car Drive</p>
1899              <p class="text-white">
1900              <!-- [MODAL] Image + Text -->
1901              <img src="https://images.pexels.com/photos/374137/pexels-photo-374137.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
1902              <br>
1903              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 20 Min. </div>
1904              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10 </div>
1905              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
1906              <div class="mb-4 badge badge-info text-neutral">📽️ Video </div> <br>
1907              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
1908              This Website lets you Drive & Listen to local radio from around the world. Use it for a chilled virtual Hangout <br> <br>
1909               <a href="https://driveandlisten.herokuapp.com/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1910              <br> <br>
1911              <span class="font-medium"> Create Invitation </span><br> <br>
1912              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1913              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1914              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1915              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1916              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1917              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1918              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1919                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1920
1921                <div class="modal-action">
1922                <label for="my-modal-23" class="btn">Close</label> 
1923              </div>
1924            </div>
1925          </div>
1926        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1927          <div class="flex flex-col h-full ">
1928            <img src="https://images.pexels.com/photos/374137/pexels-photo-374137.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
1929              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1930                <div class="p-5">
1931                  <!-- Site View -->
1932                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 20 Min.</div>
1933                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10</div>
1934                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
1935                  <div class="mb-4 badge badge-info text-neutral">📽️ Video </div>      
1936                  <br>
1937                  <h6 class="mb-2 font-semibold leading-5">Virtual Car Drive</h6>
1938                  
1939                  <p class="text-sm text-gray-900">
1940                    This Website lets you Drive & Listen to local radio from ...
1941                  </p>
1942              </div>
1943            </div>
1944          </div>
1945        </a>
1946      </label> 
1947    </div>
1948    <!-- [END] -->
1949
1950    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
1951    <div class="filterDiv activity sport">
1952      <label for="my-modal-24" >
1953        <input type="checkbox" id="my-modal-24" class="modal-toggle"> 
1954          <div class="modal">
1955            <div class="modal-box">
1956              <p class="text-xl font-bold text-black">Scribble Online together</p>
1957              <p class="text-white">
1958              <!-- [MODAL] Image + Text -->
1959              <img src="https://images.pexels.com/photos/7885469/pexels-photo-7885469.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
1960              <br>
1961              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
1962              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+ </div>
1963              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
1964              <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
1965              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
1966              This Website lets you draw together online<br> <br>
1967               <a href="https://skribbl.io/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
1968              <br> <br>
1969              <span class="font-medium"> Create Invitation </span><br> <br>
1970              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
1971              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
1972              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1973              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
1974              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
1975              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
1976              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
1977                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
1978
1979                <div class="modal-action">
1980                <label for="my-modal-24" class="btn">Close</label> 
1981              </div>
1982            </div>
1983          </div>
1984        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
1985          <div class="flex flex-col h-full ">
1986            <img src="https://images.pexels.com/photos/7885469/pexels-photo-7885469.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
1987              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
1988                <div class="p-5">
1989                  <!-- Site View -->
1990                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
1991                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
1992                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
1993                  <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
1994                  <br>
1995                  <h6 class="mb-2 font-semibold leading-5">Scribble Online together</h6>
1996                  
1997                  <p class="text-sm text-gray-900">
1998                    This Website lets you draw together online
1999                  </p>
2000              </div>
2001            </div>
2002          </div>
2003        </a>
2004      </label> 
2005    </div>
2006    <!-- [END] -->
2007
2008    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2009    <div class="filterDiv activity sport">
2010      <label for="my-modal-13" >
2011        <input type="checkbox" id="my-modal-13" class="modal-toggle"> 
2012          <div class="modal">
2013            <div class="modal-box">
2014              <p class="text-xl font-bold text-black">10 Min. Wake Up Yoga</p>
2015              <p class="text-white">
2016              <!-- [MODAL] Image + Text -->
2017              <img src="https://images.pexels.com/photos/4056723/pexels-photo-4056723.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2018              <br>
2019              <div class="mb-4 badge badge-info text-neutral">⏱️ 10 - 15 Min. </div>
2020              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+ </div>
2021              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
2022              <div class="mb-4 badge badge-info text-neutral">📽️ Video </div> <br>
2023              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
2024              Yoga Youtube Video I 10 Min. for Wake Up Practice and have a great start into your remote work day<br> <br>
2025               <a href="https://www.youtube.com/watch?v=UEEsdXn8oG8" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2026              <br> <br>
2027              <span class="font-medium"> Create Invitation </span><br> <br>
2028              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2029              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2030              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2031              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2032              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2033              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2034              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2035                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2036
2037                <div class="modal-action">
2038                <label for="my-modal-13" class="btn">Close</label> 
2039              </div>
2040            </div>
2041          </div>
2042        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2043          <div class="flex flex-col h-full ">
2044            <img src="https://images.pexels.com/photos/4056723/pexels-photo-4056723.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2045              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2046                <div class="p-5">
2047                  <!-- Site View -->
2048                  <div class="mb-4 badge badge-info text-neutral">⏱️ 10 - 15 Min.</div>
2049                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
2050                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
2051                  <div class="mb-4 badge badge-info text-neutral">📽️ Video </div>      
2052                  <br>
2053                  <h6 class="mb-2 font-semibold leading-5">10 Min. Wake Up Yoga</h6>
2054                  
2055                  <p class="text-sm text-gray-900">
2056                  Yoga Youtube Video I 10 Min. for Wake Up Practice and have a great start into your remote work day
2057                  </p>
2058              </div>
2059            </div>
2060          </div>
2061        </a>
2062      </label> 
2063    </div>
2064    <!-- [END] -->
2065
2066    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2067    <div class="filterDiv apps connect free paid">
2068      <label for="my-modal-14" >
2069        <input type="checkbox" id="my-modal-14" class="modal-toggle"> 
2070          <div class="modal">
2071            <div class="modal-box">
2072              <p class="text-xl font-bold text-black">LEAD Bot for Teams/Slack</p>
2073              <p class="text-white">
2074              <!-- [MODAL] Image + Text -->
2075              <img src="https://images.pexels.com/photos/4099096/pexels-photo-4099096.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2076              <br>
2077              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
2078              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1 </div>
2079              <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
2080              <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div> <br>
2081              <span class="font-medium">Difficulty: </span> <span class="font-medium text-yellow-600"> Medium </span> <br> <br>
2082              LEAD.bot will use technology to match two individuals to get coffee or lunch together on a bi-weekly or monthly basis, whichever you select. During these meetings, they can mentor each other, strengthen their sense of belonging at work, and more.  <br> <br>
2083                <a href="https://www.lead.app/lead-bot_teams/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2084              <br> <br>
2085              <span class="font-medium"> Create Invitation </span><br> <br>
2086              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2087              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2088              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2089              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2090              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2091              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2092              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2093                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2094
2095                <div class="modal-action">
2096                <label for="my-modal-14" class="btn">Close</label> 
2097              </div>
2098            </div>
2099          </div>
2100        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2101          <div class="flex flex-col h-full ">
2102            <img src="https://images.pexels.com/photos/4099096/pexels-photo-4099096.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2103              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2104                <div class="p-5">
2105                  <!-- Site View -->
2106                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
2107                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1 </div>
2108                  <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
2109                  <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div>      
2110                  <br>
2111                  <h6 class="mb-2 font-semibold leading-5">LEAD Bot for Teams/Slack</h6>
2112                  
2113                  <p class="text-sm text-gray-900">
2114                    LEAD.bot will use technology to match two individuals to get coff... 
2115                  </p>
2116              </div>
2117            </div>
2118          </div>
2119        </a>
2120      </label> 
2121    </div>
2122    <!-- [END] -->
2123
2124
2125    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2126    <div class="filterDiv activity connect free">
2127      <label for="my-modal-15" >
2128        <input type="checkbox" id="my-modal-15" class="modal-toggle"> 
2129          <div class="modal">
2130            <div class="modal-box">
2131              <p class="text-xl font-bold text-black">List of Ice-Breakers</p>
2132              <p class="text-white">
2133              <!-- [MODAL] Image + Text -->
2134              <img src="https://images.pexels.com/photos/4045744/pexels-photo-4045744.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2135              <br>
2136              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
2137              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2- 10+ </div>
2138              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
2139              <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
2140              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
2141              Pick an Icebreaker from this Website with 200 ice breakers <br> <br>
2142                <a href="https://conversationstartersworld.com/icebreaker-questions/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2143              <br> <br>
2144              <span class="font-medium"> Create Invitation </span><br> <br>
2145              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2146              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2147              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2148              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2149              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2150              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2151              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2152                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2153
2154                <div class="modal-action">
2155                <label for="my-modal-15" class="btn">Close</label> 
2156              </div>
2157            </div>
2158          </div>
2159        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2160          <div class="flex flex-col h-full ">
2161            <img src="https://images.pexels.com/photos/4045744/pexels-photo-4045744.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2162              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2163                <div class="p-5">
2164                  <!-- Site View -->
2165                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
2166                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2- 10+</div>
2167                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
2168                  <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
2169                  <br>
2170                  <h6 class="mb-2 font-semibold leading-5">List of Ice-Breakers</h6>
2171                  
2172                  <p class="text-sm text-gray-900">
2173                    Pick an Icebreaker from this Website with 200 ice breakers
2174                  </p>
2175              </div>
2176            </div>
2177          </div>
2178        </a>
2179      </label> 
2180    </div>
2181    <!-- [END] -->
2182
2183    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2184    <div class="filterDiv games free">
2185      <label for="my-modal-16" >
2186        <input type="checkbox" id="my-modal-16" class="modal-toggle"> 
2187          <div class="modal">
2188            <div class="modal-box">
2189              <p class="text-xl font-bold text-black">Free Online Trivia</p>
2190              <p class="text-white">
2191              <!-- [MODAL] Image + Text -->
2192              <img src="https://images.unsplash.com/photo-1484069560501-87d72b0c3669?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1050&q=80" class="object-cover w-full h-48" alt="" />
2193              <br>
2194              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
2195              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1 - 10+ </div>
2196              <div class="mb-4 badge badge-info text-neutral">🔎 Web</div>
2197              <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div> <br>
2198              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
2199              Choose a category in which to play the Trivia Quiz from General Knowledge, Dictionary, Entertainment, History, Food + Drink, Geography and Science + Nature.<br> <br>
2200                <a href="https://lovattspuzzles.com/online-puzzles-competitions/ultimate-online-trivia-quiz/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2201              <br> <br>
2202              <span class="font-medium"> Create Invitation </span><br> <br>
2203              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2204              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2205              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2206              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2207              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2208              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2209              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2210                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2211
2212                <div class="modal-action">
2213                <label for="my-modal-16" class="btn">Close</label> 
2214              </div>
2215            </div>
2216          </div>
2217        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2218          <div class="flex flex-col h-full ">
2219            <img src="https://images.unsplash.com/photo-1484069560501-87d72b0c3669?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1050&q=80" class="object-cover w-full h-48" alt="" />
2220              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2221                <div class="p-5">
2222                  <!-- Site View -->
2223                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
2224                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
2225                  <div class="mb-4 badge badge-info text-neutral">🔎 Web</div>
2226                  <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div>      
2227                  <br>
2228                  <h6 class="mb-2 font-semibold leading-5">Free Online Trivia</h6>
2229                  
2230                  <p class="text-sm text-gray-900">
2231                  Choose a category in which to play the Trivia Quiz from General Knowledge, Dict...
2232                  </p>
2233              </div>
2234            </div>
2235          </div>
2236        </a>
2237      </label> 
2238    </div>
2239    <!-- [END] -->
2240
2241    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2242    <div class="filterDiv sport mindful paid">
2243      <label for="my-modal-17" >
2244        <input type="checkbox" id="my-modal-17" class="modal-toggle"> 
2245          <div class="modal">
2246            <div class="modal-box">
2247              <p class="text-xl font-bold text-black">LIVE Yoga Class</p>
2248              <p class="text-white">
2249              <!-- [MODAL] Image + Text -->
2250              <img src="https://images.pexels.com/photos/7261085/pexels-photo-7261085.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260" class="object-cover w-full h-48" alt="" />
2251              <br>
2252              <div class="mb-4 badge badge-info text-neutral">⏱️ 30+ </div>
2253              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+ </div>
2254              <div class="mb-4 badge badge-info text-neutral">💳 Paid </div>
2255              <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
2256              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
2257              Book Live Yoga Classes for ~6$ - 20$ / Class on this Website<br> <br>
2258                <a href="https://www.yogamapp.com/book-classes/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2259              <br> <br>
2260              <span class="font-medium"> Create Invitation </span><br> <br>
2261              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2262              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2263              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2264              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2265              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2266              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2267              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2268                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2269
2270                <div class="modal-action">
2271                <label for="my-modal-17" class="btn">Close</label> 
2272              </div>
2273            </div>
2274          </div>
2275        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2276          <div class="flex flex-col h-full ">
2277            <img src="https://images.pexels.com/photos/7261085/pexels-photo-7261085.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260" class="object-cover w-full h-48" alt="" />
2278              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2279                <div class="p-5">
2280                  <!-- Site View -->
2281                  <div class="mb-4 badge badge-info text-neutral">⏱️ 30+ </div>
2282                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2- 10+</div>
2283                  <div class="mb-4 badge badge-info text-neutral">💳 Paid</div>
2284                  <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
2285                  <br>
2286                  <h6 class="mb-2 font-semibold leading-5">LIVE Yoga Class</h6>
2287                  
2288                  <p class="text-sm text-gray-900">
2289                   Book Live Yoga Classes for ~6$ - 20$ / Class on this Website
2290                  </p>
2291              </div>
2292            </div>
2293          </div>
2294        </a>
2295      </label> 
2296    </div>
2297    <!-- [END] -->
2298
2299    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2300    <div class="filterDiv productive free paid apps">
2301      <label for="my-modal-18" >
2302        <input type="checkbox" id="my-modal-18" class="modal-toggle"> 
2303          <div class="modal">
2304            <div class="modal-box">
2305              <p class="text-xl font-bold text-black">Focus Mate</p>
2306              <p class="text-white">
2307              <!-- [MODAL] Image + Text -->
2308              <img src="https://images.pexels.com/photos/6801873/pexels-photo-6801873.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260" class="object-cover w-full h-48" alt="" />
2309              <br>
2310              <div class="mb-4 badge badge-info text-neutral">⏱️ 50 - 60 Min. </div>
2311              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1 </div>
2312              <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid </div>
2313              <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
2314              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
2315              Make an appointment with a colleague to work together. You can use the app Focusmate <br> <br>
2316                <a href="https://www.focusmate.com" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2317              <br> <br>
2318              <span class="font-medium"> Create Invitation </span><br> <br>
2319              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2320              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2321              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2322              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2323              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2324              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2325              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2326                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2327
2328                <div class="modal-action">
2329                <label for="my-modal-18" class="btn">Close</label> 
2330              </div>
2331            </div>
2332          </div>
2333        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2334          <div class="flex flex-col h-full ">
2335            <img src="https://images.pexels.com/photos/6801873/pexels-photo-6801873.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260" class="object-cover w-full h-48" alt="" />
2336              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2337                <div class="p-5">
2338                  <!-- Site View -->
2339                  <div class="mb-4 badge badge-info text-neutral">⏱️ 50 - 60 Min.</div>
2340                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1</div>
2341                  <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
2342                  <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
2343                  <br>
2344                  <h6 class="mb-2 font-semibold leading-5">Focus Mate</h6>
2345                  
2346                  <p class="text-sm text-gray-900">
2347                  Make an appointment with a colleague to work together. You can use the app Focusmate
2348                  </p>
2349              </div>
2350            </div>
2351          </div>
2352        </a>
2353      </label> 
2354    </div>
2355    <!-- [END] -->
2356
2357
2358    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2359    <div class="filterDiv connect apps free paid">
2360      <label for="my-modal-19" >
2361        <input type="checkbox" id="my-modal-19" class="modal-toggle"> 
2362          <div class="modal">
2363            <div class="modal-box">
2364              <p class="text-xl font-bold text-black">Virtual Office Space</p>
2365              <p class="text-white">
2366              <!-- [MODAL] Image + Text -->
2367              <img src="https://images.pexels.com/photos/1170412/pexels-photo-1170412.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2368              <br>
2369              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 60+ Min. </div>
2370              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1 - 10+ </div>
2371              <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid </div>
2372              <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
2373              <span class="font-medium">Difficulty: </span> <span class="font-medium text-red-600"> High </span> <br> <br>
2374              Gather is a Website where you move around virtual spaces and spend time with your friends, coworkers, and communities like you would in real life. <br> <br>
2375                <a href="https://gather.town/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2376              <br> <br>
2377              <span class="font-medium"> Create Invitation </span><br> <br>
2378              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2379              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2380              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2381              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2382              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2383              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2384              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2385                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2386
2387                <div class="modal-action">
2388                <label for="my-modal-19" class="btn">Close</label> 
2389              </div>
2390            </div>
2391          </div>
2392        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2393          <div class="flex flex-col h-full ">
2394            <img src="https://images.pexels.com/photos/1170412/pexels-photo-1170412.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2395              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2396                <div class="p-5">
2397                  <!-- Site View -->
2398                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 60+ Min.</div>
2399                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1 - 10+</div>
2400                  <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
2401                  <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
2402                  <br>
2403                  <h6 class="mb-2 font-semibold leading-5">Virtual Office Space</h6>
2404                  
2405                  <p class="text-sm text-gray-900">
2406                    Gather is a Website where you move around virtual spaces and spend time with your fri...
2407                  </p>
2408              </div>
2409            </div>
2410          </div>
2411        </a>
2412      </label> 
2413    </div>
2414    <!-- [END] -->
2415
2416    <!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2417    <div class="filterDiv productive apps free paid">
2418      <label for="my-modal-20" >
2419        <input type="checkbox" id="my-modal-20" class="modal-toggle"> 
2420          <div class="modal">
2421            <div class="modal-box">
2422              <p class="text-xl font-bold text-black">3D Event Space</p>
2423              <p class="text-white">
2424              <!-- [MODAL] Image + Text -->
2425              <img src="image" class="object-cover w-full h-48" alt="" />
2426              <br>
2427              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 60+ Min. </div>
2428              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1 - 10+ </div>
2429              <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid </div>
2430              <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
2431              <span class="font-medium">Difficulty: </span> <span class="font-medium text-red-600"> Hard </span> <br> <br>
2432              Host a virtual event with this desktop app <br> <br>
2433                <a href="https://i.ibb.co/1dhKYdb/roomkey.png" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2434              <br> <br>
2435              <span class="font-medium"> Create Invitation </span><br> <br>
2436              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2437              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2438              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2439              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2440              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2441              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2442              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2443                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2444
2445                <div class="modal-action">
2446                <label for="my-modal-21" class="btn">Close</label> 
2447              </div>
2448            </div>
2449          </div>
2450        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2451          <div class="flex flex-col h-full ">
2452            <img src="https://i.ibb.co/1dhKYdb/roomkey.png" class="object-cover w-full h-48" alt="" />
2453              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2454                <div class="p-5">
2455                  <!-- Site View -->
2456                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 60+ Min.</div>
2457                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1 - 10+</div>
2458                  <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
2459                  <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>      
2460                  <br>
2461                  <h6 class="mb-2 font-semibold leading-5">3D Event Space</h6>
2462                  
2463                  <p class="text-sm text-gray-900">
2464                  Host a virtual event with this desktop app
2465                  </p>
2466              </div>
2467            </div>
2468          </div>
2469        </a>
2470      </label> 
2471    </div>
2472    <!-- [END] -->
2473
2474      <!-- filterDiv activity wraps around label to start modal  -->
2475      <div class="filterDiv activity free">
2476        <label for="my-modal-1" >
2477          <input type="checkbox" id="my-modal-1" class="modal-toggle"> 
2478            <div class="modal">
2479              <div class="modal-box">
2480                <p class="text-xl font-bold text-black"></p>
2481                <p class="text-white">
2482                <!-- Image + Text Modal  -->
2483                <img src="https://images.pexels.com/photos/1983772/pexels-photo-1983772.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2484                <br>
2485                <div class="mb-4 badge badge-info text-neutral">⏱️ < 5 Min. </div>
2486                <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10 </div>
2487                <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
2488                <div class="mb-4 badge badge-info text-neutral">🔎 Web </div> <br>
2489                <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
2490                Find Inspiration and plan a fun activity together on this Website. You can create daily Activities and share them in Slack e.g. <i>  "Fix something that's broken in your house"</i> and share the foto with your team </p>
2491                 <br>
2492                <form action="https://boringday.wtf/" method="get" target="_blank">
2493                  <button class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700">
2494                    Get it
2495                  </button>
2496                </form> <br>
2497                <span class="font-medium"> Create Invitation
2498                </span><br> <br>
2499                <!-- This example requires Tailwind CSS v2.0+ -->
2500                
2501                
2502                <!-- Parameter for Google Link 
2503
2504                -text (name of the event)
2505                -dates (ISO date format, startdate/enddate - must have both start and end time)
2506                -an event w/ start/end times: 20131208T160000/20131208T180000
2507                -all day events, you can use 20131208/20131209 - end date must be +1 day to whatever you want the end date to be.
2508                -ctz (timezone such as America/New_York - leave blank to use the user's default timezone. Highly recommended to include this in almost all situations. For example, a reminder for a video conference: if three people in different timezones clicked this link and set a reminder for their "own" Tuesday at 10:00am, this would not work out well.)
2509                -details (url encoded event description/details)
2510                -location (url encoded location of the event - make sure it's an address google maps can read easily)
2511                -add (comma separated list of emails - adds guests to your new event)
2512                -->
2513                <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Play+An+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+Play+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2514                 <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2515                 <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20Play%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Play%20An%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2516                 <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2517                 <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20Play%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Play%20An%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2518                 <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2519                 <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Play%20An%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Play%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2520                  <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>
2521                
2522                <div class="modal-action">
2523                <label for="my-modal-1" class="btn">Close</label> 
2524              </div>
2525            </div>
2526          </div> 
2527          
2528          <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2529            <div class="flex flex-col h-full ">
2530              <!-- Image Frontpage  -->
2531              <img src="https://images.pexels.com/photos/1983772/pexels-photo-1983772.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2532                <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2533                    <div class="p-5">
2534                    <div class="mb-4 badge badge-info text-neutral">⏱️ < 5 Min. </div>
2535                    <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10 </div>
2536                    <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
2537                    <div class="mb-4 badge badge-info text-neutral">🔎 Web </div>     
2538                    <br>
2539                    <h6 class="mb-2 font-semibold leading-5">Activity Idea Generator </h6>
2540                    
2541                    <p class="text-sm text-gray-900">
2542                      Find Inspiration and plan a fun activity together on this Website. You can create daily Activities and ...
2543                  </p>
2544                </div>
2545              </div>
2546            </div>
2547          </a>
2548        </label>
2549      </div>
2550
2551<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2552      <div class="filterDiv mindful free">
2553        <label for="my-modal-2" >
2554          <input type="checkbox" id="my-modal-2" class="modal-toggle"> 
2555            <div class="modal">
2556              <div class="modal-box">
2557                <p class="text-xl font-bold text-white"></p>
2558                <p class="text-white">
2559                <!-- [MODAL] Image + Text -->
2560                <img src="https://images.unsplash.com/photo-1571510811967-ad6b78c86ffe?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=670&q=80" class="object-cover w-full h-48" alt="" />
2561                <br>
2562                <div class="mb-4 badge badge-info text-neutral">⏱️ < 5 Min. </div>
2563                <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+ </div>
2564                <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
2565                <div class="mb-4 badge badge-info text-neutral">📽️ Video </div> <br>
2566                <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
2567                Practise mindfulness and soothe the head by doing a guided meditation for 5 minutes. <br> <br>
2568                  <a href="https://www.youtube.com/watch?v=nmFUDkj1Aq0" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2569                 <br> <br>
2570                <span class="font-medium"> Create Invitation </span><br> <br>
2571                <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2572                 <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2573                 <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2574                 <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2575                 <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2576                 <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2577                 <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2578                  <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2579
2580                  <div class="modal-action">
2581                  <label for="my-modal-2" class="btn">Close</label> 
2582                </div>
2583              </div>
2584            </div>
2585          <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2586            <div class="flex flex-col h-full ">
2587              <img src="https://images.unsplash.com/photo-1571510811967-ad6b78c86ffe?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=670&q=80" class="object-cover w-full h-48" alt="" />
2588                <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2589                  <div class="p-5">
2590                    <!-- Site View -->
2591                    <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
2592                    <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
2593                    <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
2594                    <div class="mb-4 badge badge-info text-neutral"> 📽️ Video </div>      
2595                    <br>
2596                    <h6 class="mb-2 font-semibold leading-5">Guided Meditation</h6>
2597                    
2598                    <p class="text-sm text-gray-900">
2599                    Practise mindfulness and soothe the head by doing a guided meditation for 5 minutes. 
2600                    </p>
2601                </div>
2602              </div>
2603            </div>
2604          </a>
2605        </label> 
2606      </div>
2607<!-- [END] -->
2608
2609<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2610      <div class="filterDiv games free">
2611        <label for="my-modal-3" >
2612          <input type="checkbox" id="my-modal-3" class="modal-toggle"> 
2613            <div class="modal">
2614              <div class="modal-box">
2615                <p class="text-xl font-bold text-white"></p>
2616                <p class="text-white">
2617                <!-- [MODAL] Image + Text -->
2618                <img src="https://images.pexels.com/photos/800767/pexels-photo-800767.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2619                <br>
2620                <div class="mb-4 badge badge-info text-neutral">⏱️ < 5 Min. </div>
2621                <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 5 </div>
2622                <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
2623                <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div> <br>
2624                <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
2625                Play the card game Crazy Eight online on this Website. <br> <br>
2626                  <a href="https://playingcards.io/game/crazy-eights " target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2627                <br> <br>
2628                <span class="font-medium"> Create Invitation </span><br> <br>
2629                <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2630                <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2631                <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2632                <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2633                <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2634                <img src="office-365.svg"  class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2635                <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2636                  <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2637
2638                  <div class="modal-action">
2639                  <label for="my-modal-3" class="btn">Close</label> 
2640                </div>
2641              </div>
2642            </div>
2643          <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2644            <div class="flex flex-col h-full ">
2645              <img src="https://images.pexels.com/photos/800767/pexels-photo-800767.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2646                <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2647                  <div class="p-5">
2648                    <!-- Site View -->
2649                    <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
2650                    <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 5</div>
2651                    <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
2652                    <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div>      
2653                    <br>
2654                    <h6 class="mb-2 font-semibold leading-5">Play Cards</h6>
2655                    
2656                    <p class="text-sm text-gray-900">
2657                    Play the card game Crazy Eight online on this Website.
2658                    </p>
2659                </div>
2660              </div>
2661            </div>
2662          </a>
2663        </label> 
2664      </div>
2665<!-- [END] --> 
2666
2667<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2668    <div class="filterDiv games free">
2669      <label for="my-modal-4" >
2670        <input type="checkbox" id="my-modal-4" class="modal-toggle"> 
2671          <div class="modal">
2672            <div class="modal-box">
2673              <p class="text-xl font-bold text-white"></p>
2674              <p class="text-white">
2675              <!-- [MODAL] Image + Text -->
2676              <img src="https://images.pexels.com/photos/3683053/pexels-photo-3683053.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2677              <br>
2678              <div class="mb-4 badge badge-info text-neutral">⏱️ < 5 Min. </div>
2679              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+ </div>
2680              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
2681              <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div> <br>
2682              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
2683              Use this Website with a Random Trivia Quizz Generator to plaay remote quizzes. You can also use it as an icebreaker to start a meeting. <br> <br>
2684                <a href="https://www.randomtriviagenerator.com/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2685              <br> <br>
2686              <span class="font-medium"> Create Invitation </span><br> <br>
2687              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2688              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2689              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2690              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2691              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2692              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2693              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2694                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2695
2696                <div class="modal-action">
2697                <label for="my-modal-4" class="btn">Close</label> 
2698              </div>
2699            </div>
2700          </div>
2701        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2702          <div class="flex flex-col h-full ">
2703            <img src="https://images.pexels.com/photos/3683053/pexels-photo-3683053.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2704              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2705                <div class="p-5">
2706                  <!-- Site View -->
2707                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
2708                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
2709                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
2710                  <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div>      
2711                  <br>
2712                  <h6 class="mb-2 font-semibold leading-5">Trivia Generator</h6>
2713                  
2714                  <p class="text-sm text-gray-900">
2715                  Use this Website with a Random Trivia Quizz Generator to plaay remote quizzes. You can also use it as ...
2716                  </p>
2717              </div>
2718            </div>
2719          </div>
2720        </a>
2721      </label> 
2722    </div>
2723<!-- [END] -->  
2724
2725<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2726    <div class="filterDiv productive apps paid free">
2727      <label for="my-modal-5" >
2728        <input type="checkbox" id="my-modal-5" class="modal-toggle"> 
2729          <div class="modal">
2730            <div class="modal-box">
2731              <p class="text-xl font-bold text-white"></p>
2732              <p class="text-white">
2733              <!-- [MODAL] Image + Text -->
2734              <img src="https://tandem.chat/images/feature_hybrid.png" class="object-cover w-full h-48" alt="" />
2735              <br>
2736              <div class="mb-4 badge badge-info text-neutral">⏱️ 1 - 60+ Min. </div>
2737              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+ </div>
2738              <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid </div>
2739              <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div> <br>
2740              <span class="font-medium">Difficulty: </span> <span class="font-medium text-red-600"> High </span> <br> <br>
2741            <span class="font-bold">Tandem</span>  is a virtual office for your team. Connect effortlessly with your distributed team. See who’s around, talk, and collaborate in one click.<br> <br>
2742                <a href="https://tandem.chat/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2743              <br> <br>
2744              <span class="font-medium"> Create Invitation </span><br> <br>
2745              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2746              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2747              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2748              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2749              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2750              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2751              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2752                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2753
2754                <div class="modal-action">
2755                <label for="my-modal-5" class="btn">Close</label> 
2756              </div>
2757            </div>
2758          </div>
2759        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2760          <div class="flex flex-col h-full ">
2761            <img src="https://tandem.chat/images/feature_hybrid.png" class="object-cover w-full h-48" alt="" />
2762              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2763                <div class="p-5">
2764                  <!-- Site View -->
2765                  <div class="mb-4 badge badge-info text-neutral">⏱️ 1 - 60+ Min..</div>
2766                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+</div>
2767                  <div class="mb-4 badge badge-info text-neutral">💸 Free + Paid</div>
2768                  <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div>      
2769                  <br>
2770                  <h6 class="mb-2 font-semibold leading-5">Virtual Office - Tandem</h6>
2771                  
2772                  <p class="text-sm text-gray-900">
2773                  The virtual office for your team. Connect effortlessly with your distributed team. See who’s ...
2774                  </p>
2775              </div>
2776            </div>
2777          </div>
2778        </a>
2779      </label> 
2780    </div>
2781<!-- [END] -->
2782
2783<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2784    <div class="filterDiv connect free apps">
2785      <label for="my-modal-6" >
2786        <input type="checkbox" id="my-modal-6" class="modal-toggle"> 
2787          <div class="modal">
2788            <div class="modal-box">
2789              <p class="text-xl font-bold text-white">Lorem</p>
2790              <p class="text-white">
2791              <!-- [MODAL] Image + Text -->
2792              <img src="https://images.pexels.com/photos/414630/pexels-photo-414630.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2793              <br>
2794              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min. </div>
2795              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+ </div>
2796              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
2797              <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div> <br>
2798              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
2799              The slack app RandomCoffee matches slack users automatic for them to have coffee dates. <br> <br>
2800                <a href="https://www.random-coffee.com/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2801              <br> <br>
2802              <span class="font-medium"> Create Invitation </span><br> <br>
2803              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2804              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2805              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2806              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2807              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2808              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2809              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2810                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2811
2812                <div class="modal-action">
2813                <label for="my-modal-6" class="btn">Close</label> 
2814              </div>
2815            </div>
2816          </div>
2817        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2818          <div class="flex flex-col h-full ">
2819            <img src="https://images.pexels.com/photos/414630/pexels-photo-414630.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2820              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2821                <div class="p-5">
2822                  <!-- Site View -->
2823                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
2824                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
2825                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
2826                  <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div>      
2827                  <br>
2828                  <h6 class="mb-2 font-semibold leading-5">Slack - Random Coffee</h6>
2829                  
2830                  <p class="text-sm text-gray-900">
2831                    The slack app RandomCoffee matches slack users automatic for them to have coffee dates.
2832                  </p>
2833              </div>
2834            </div>
2835          </div>
2836        </a>
2837      </label> 
2838    </div>
2839<!-- [END] -->  
2840
2841<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2842    <div class="filterDiv games free">
2843      <label for="my-modal-7" >
2844        <input type="checkbox" id="my-modal-7" class="modal-toggle"> 
2845          <div class="modal">
2846            <div class="modal-box">
2847              <p class="text-xl font-bold text-white">Puzzle Party</p>
2848              <p class="text-white">
2849              <!-- [MODAL] Image + Text -->
2850              <img src="https://images.unsplash.com/photo-1590146758147-74a80644616a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1351&q=80" class="object-cover w-full h-48" alt="" />
2851              <br>
2852              <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 20 Min. </div>
2853              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10+ </div>
2854              <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
2855              <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div> <br>
2856              <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
2857                On this Website you can play Google Puzzle Party <br> <br>
2858              <a href="https://artsandculture.google.com/experiment/puzzle-party/EwGBPZlIzv0KRw" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2859              <br> <br>
2860              <span class="font-medium"> Create Invitation </span><br> <br>
2861              <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2862              <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2863              <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2864              <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2865              <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2866              <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2867              <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2868                <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2869
2870                <div class="modal-action">
2871                <label for="my-modal-7" class="btn">Close</label> 
2872              </div>
2873            </div>
2874          </div>
2875        <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2876          <div class="flex flex-col h-full ">
2877            <img src="https://images.unsplash.com/photo-1590146758147-74a80644616a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1351&q=80" class="object-cover w-full h-48" alt="" />
2878              <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2879                <div class="p-5">
2880                  <!-- Site View -->
2881                  <div class="mb-4 badge badge-info text-neutral">⏱️ 5 - 10 Min.</div>
2882                  <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
2883                  <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
2884                  <div class="mb-4 badge badge-info text-neutral">🕹️ Game </div>      
2885                  <br>
2886                  <h6 class="mb-2 font-semibold leading-5">Puzzle Party</h6>
2887                  
2888                  <p class="text-sm text-gray-900">
2889                    On this Website you can play Google Puzzle Party
2890                  </p>
2891              </div>
2892            </div>
2893          </div>
2894        </a>
2895      </label> 
2896    </div>
2897<!-- [END] -->  
2898
2899<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2900<div class="filterDiv apps mindful">
2901  <label for="my-modal-8" >
2902    <input type="checkbox" id="my-modal-8" class="modal-toggle"> 
2903      <div class="modal">
2904        <div class="modal-box">
2905          <p class="text-xl font-bold text-white"></p>
2906          <p class="text-white">
2907          <!-- [MODAL] Image + Text -->
2908          <img src="https://images.pexels.com/photos/775417/pexels-photo-775417.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2909          <br>
2910          <div class="mb-4 badge badge-info text-neutral">⏱️ < 5 Min. </div>
2911          <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1 </div>
2912          <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
2913          <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div> <br>
2914          <span class="font-medium">Difficulty: </span> <span class="font-medium text-blue-600"> Medium </span> <br> <br>
2915          Enso is Slacks first machine-learning-mindfulness buddy. Notifications and messages that will reduce stress, instead of causing it. <br> <br>
2916          <a href="https://slack.com/apps/AR864C5DY-enso" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2917          <br> <br>
2918          <span class="font-medium"> Create Invitation </span><br> <br>
2919          <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2920          <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2921          <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2922          <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2923          <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2924          <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2925          <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2926            <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2927
2928            <div class="modal-action">
2929            <label for="my-modal-8" class="btn">Close</label> 
2930          </div>
2931        </div>
2932      </div>
2933    <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2934      <div class="flex flex-col h-full ">
2935        <img src="https://images.pexels.com/photos/775417/pexels-photo-775417.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2936          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2937            <div class="p-5">
2938              <!-- Site View -->
2939              <div class="mb-4 badge badge-info text-neutral">⏱️ < 5 Min.</div>
2940              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 1:1</div>
2941              <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
2942              <div class="mb-4 badge badge-info text-neutral">⚙️ Tool </div>      
2943              <br>
2944              <h6 class="mb-2 font-semibold leading-5">Slack - Enso</h6>
2945              
2946              <p class="text-sm text-gray-900">
2947                Enso is Slacks first machine-learning-mindfulness buddy. Notifications and messages that will ...
2948              </p>
2949          </div>
2950        </div>
2951      </div>
2952    </a>
2953  </label> 
2954</div>
2955<!-- [END] --> 
2956
2957<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
2958<div class="filterDiv activity connect mindful">
2959  <label for="my-modal-9" >
2960    <input type="checkbox" id="my-modal-9" class="modal-toggle"> 
2961      <div class="modal">
2962        <div class="modal-box">
2963          <p class="text-xl font-bold text-white">Lorem</p>
2964          <p class="text-white">
2965          <!-- [MODAL] Image + Text -->
2966          <img src="https://images.pexels.com/photos/6740754/pexels-photo-6740754.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2967          <br>
2968          <div class="mb-4 badge badge-info text-neutral">⏱️ 20 - 30 Min. </div>
2969          <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+ </div>
2970          <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
2971          <div class="mb-4 badge badge-info text-neutral">📽️ Video </div> <br>
2972          <span class="font-medium">Difficulty: </span> <span class="font-medium text-blue-600"> Medium </span> <br> <br>
2973          Yoga Youtube Video I 22 Min. for Beginner Flow  <br> <br>
2974          <a href="https://www.youtube.com/watch?v=yetbSrCW1TQ" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
2975          <br> <br>
2976          <span class="font-medium"> Create Invitation </span><br> <br>
2977          <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
2978          <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
2979          <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2980          <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
2981          <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
2982          <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
2983          <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
2984            <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
2985
2986            <div class="modal-action">
2987            <label for="my-modal-9" class="btn">Close</label> 
2988          </div>
2989        </div>
2990      </div>
2991    <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
2992      <div class="flex flex-col h-full ">
2993        <img src="https://images.pexels.com/photos/6740754/pexels-photo-6740754.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
2994          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
2995            <div class="p-5">
2996              <!-- Site View -->
2997              <div class="mb-4 badge badge-info text-neutral">⏱️ 20 - 30 Min. </div>
2998              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
2999              <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
3000              <div class="mb-4 badge badge-info text-neutral">📽️ Video  </div>      
3001              <br>
3002              <h6 class="mb-2 font-semibold leading-5">20 Min. Yoga Session</h6>
3003              
3004              <p class="text-sm text-gray-900">
3005              Yoga Youtube Video I 22 Min. for Beginner Flow 
3006              </p>
3007          </div>
3008        </div>
3009      </div>
3010    </a>
3011  </label> 
3012</div>
3013<!-- [END] -->
3014
3015<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3016<div class="filterDiv connect mindfulness">
3017  <label for="my-modal-10" >
3018    <input type="checkbox" id="my-modal-10" class="modal-toggle"> 
3019      <div class="modal">
3020        <div class="modal-box">
3021          <p class="text-xl font-bold text-white">Lorem</p>
3022          <p class="text-white">
3023          <!-- [MODAL] Image + Text -->
3024          <img src="https://images.pexels.com/photos/3201920/pexels-photo-3201920.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
3025          <br>
3026          <div class="mb-4 badge badge-info text-neutral">⏱️ 10 - 20 Min. </div>
3027          <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10 </div>
3028          <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
3029          <div class="mb-4 badge badge-info text-neutral">📽️ Video </div> <br>
3030          <span class="font-medium">Difficulty: </span> <span class="font-medium text-green-600"> Easy </span> <br> <br>
3031          Invite a friend to a video call with Cozy New York Restaurant ambience Sounds in the background to hangout to. Link to a Youtube Video <br> <br>
3032            <a href="https://www.youtube.com/watch?v=YWD2Z14w99Y" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
3033          <br> <br>
3034          <span class="font-medium"> Create Invitation </span><br> <br>
3035          <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
3036          <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
3037          <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
3038          <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
3039          <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
3040          <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
3041          <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
3042            <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
3043
3044            <div class="modal-action">
3045            <label for="my-modal-10" class="btn">Close</label> 
3046          </div>
3047        </div>
3048      </div>
3049    <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3050      <div class="flex flex-col h-full ">
3051        <img src="https://images.pexels.com/photos/3201920/pexels-photo-3201920.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
3052          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3053            <div class="p-5">
3054              <!-- Site View -->
3055              <div class="mb-4 badge badge-info text-neutral">⏱️ 10 - 20 Min.</div>
3056              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 2 - 10</div>
3057              <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
3058              <div class="mb-4 badge badge-info text-neutral">📽️ Video </div>      
3059              <br>
3060              <h6 class="mb-2 font-semibold leading-5">Restaurant Ambience Sounds</h6>
3061              
3062              <p class="text-sm text-gray-900">
3063              Invite a friend to a video call with Cozy New York Restaurant ambience in the ...
3064          </div>
3065        </div>
3066      </div>
3067    </a>
3068  </label> 
3069</div>
3070<!-- [END] -->
3071
3072<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3073<div class="filterDiv sport">
3074  <label for="my-modal-11" >
3075    <input type="checkbox" id="my-modal-11" class="modal-toggle"> 
3076      <div class="modal">
3077        <div class="modal-box">
3078          <p class="text-xl font-bold text-black">Full Body Workout</p>
3079          <p class="text-white">
3080          <!-- [MODAL] Image + Text -->
3081          <img src="https://images.pexels.com/photos/2780762/pexels-photo-2780762.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
3082          <br>
3083          <div class="mb-4 badge badge-info text-neutral">⏱️ 30 - 45 </div>
3084          <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+ </div>
3085          <div class="mb-4 badge badge-info text-neutral">💸 Free </div>
3086          <div class="mb-4 badge badge-info text-neutral">📽️ Video </div> <br>
3087          <span class="font-medium">Difficulty: </span> <span class="font-medium text-red-600"> High </span> <br> <br>
3088          Full Body High Intensity Training Video <br> <br>
3089            <a href="https://www.youtube.com/watch?v=-YpRYNREDV8" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
3090          <br> <br>
3091          <span class="font-medium"> Create Invitation </span><br> <br>
3092          <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
3093          <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
3094          <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
3095          <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
3096          <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
3097          <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
3098          <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
3099            <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
3100
3101            <div class="modal-action">
3102            <label for="my-modal-11" class="btn">Close</label> 
3103          </div>
3104        </div>
3105      </div>
3106    <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3107      <div class="flex flex-col h-full ">
3108        <img src="https://images.pexels.com/photos/2780762/pexels-photo-2780762.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="object-cover w-full h-48" alt="" />
3109          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3110            <div class="p-5">
3111              <!-- Site View -->
3112              <div class="mb-4 badge badge-info text-neutral">⏱️ 30 - 45</div>
3113              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
3114              <div class="mb-4 badge badge-info text-neutral">💸 Free</div>
3115              <div class="mb-4 badge badge-info text-neutral">📽️ Video </div>      
3116              <br>
3117              <h6 class="mb-2 font-semibold leading-5">Full Body Workout</h6>
3118              
3119              <p class="text-sm text-gray-900">
3120              Full Body High Intensity Training Video
3121              </p>
3122          </div>
3123        </div>
3124      </div>
3125    </a>
3126  </label> 
3127</div>
3128<!-- [END] -->
3129
3130<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3131<div class="filterDiv activity connect paid">
3132  <label for="my-modal-12" >
3133    <input type="checkbox" id="my-modal-12" class="modal-toggle"> 
3134      <div class="modal">
3135        <div class="modal-box">
3136          <p class="text-xl font-bold text-black">Virtual Team Events</p>
3137          <p class="text-white">
3138          <!-- [MODAL] Image + Text -->
3139          <img src="https://images.pexels.com/photos/3228687/pexels-photo-3228687.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260" class="object-cover w-full h-48" alt="" />
3140          <br>
3141          <div class="mb-4 badge badge-info text-neutral">⏱️ 30 - 120 </div>
3142          <div class="mb-4 badge badge-info text-neutral"> 🧑‍🤝‍🧑 10+ </div>
3143          <div class="mb-4 badge badge-info text-neutral">💳 Paid </div>
3144          <div class="mb-4 badge badge-info text-neutral">🤝 Event </div> <br>
3145          <span class="font-medium">Difficulty: </span> <span class="font-medium text-red-600"> Hard </span> <br> <br>
3146          Different types of self- or virtually hosted team building events like Holiday Hijinks, Team Pursuit, Clue Murder Mystery, Game Show Extravaganza   <br> <br>
3147            <a href="https://try.outbackteambuilding.com/virtual-team-building-remote-teams-snacknation/" target="_blank" class="px-5 py-3 font-medium text-white bg-purple-500 rounded-lg hover:bg-purple-700"> Get it</a>
3148          <br> <br>
3149          <span class="font-medium"> Create Invitation </span><br> <br>
3150          <div class="mb-5 badge badge-info text-neutral"> <a href="https://calendar.google.com/calendar/r/eventedit?text=Lets+Do+This+Activity+🥳+&dates=20210512T230000Z/20180513T030000Z&details=Hi+Team,+Let+us+do+this+together,+Event+created+with:+https://remotenactive.com&location=Remote">
3151          <img src="google-calendar.svg"   class="w-5 h-5 ml-3 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" >Google </span>  </a> <br></div>
3152          <div class="mb-5 badge badge-info text-neutral"><a href="https://outlook.live.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
3153          <img src="microsoft-outlook.svg" class="w-5 h-5 ml-4 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Outlook </span> </a> <br> </div>
3154          <div class="mb-5 badge badge-info text-neutral">  <a href="https://outlook.office.com/calendar/0/deeplink/compose?body=Hi%20Team%2C%20Let%20us%20do%this%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com&enddt=2021-07-01T11%3A45%3A00%2B00%3A00&location=Remote&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent&startdt=2021-07-01T11%3A30%3A00%2B00%3A00&subject=Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20" title="Save Event in my Calendar" >
3155          <img src="office-365.svg"        class="w-5 h-5 ml-5 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > Office-365 </span></a> <br></div>
3156          <div class="mb-5 badge badge-info text-neutral">  <a href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0ABEGIN:VEVENT%0ADTSTART:20210701T113000Z%0ADTEND:20210701T114500Z%0ASUMMARY:Lets%20Do%This%20Activity%20%F0%9F%A5%B3%20%0ADESCRIPTION:Hi%20Team%2C%20Let%20us%20Do%This%20together%2C%20Event%20created%20with%3A%20https%3A%2F%2Fremotenactive.com%0ALOCATION:Remote%0AEND:VEVENT%0AEND:VCALENDAR%0A" title="Save Event in my Calendar" >
3157            <img src="Icons8_flat_calendar.svg"  class="w-5 h-5 ml-0 text-gray-400 group-hover:text-gray-500"><span class="font-medium text-black hover:text-purple-700" > ICS </span></a> <br></div>             
3158
3159            <div class="modal-action">
3160            <label for="my-modal-12" class="btn">Close</label> 
3161          </div>
3162        </div>
3163      </div>
3164    <a aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3165      <div class="flex flex-col h-full ">
3166        <img src="https://images.pexels.com/photos/3228687/pexels-photo-3228687.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260" class="object-cover w-full h-48" alt="" />
3167          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3168            <div class="p-5">
3169              <!-- Site View -->
3170              <div class="mb-4 badge badge-info text-neutral">⏱️ 30 - 120</div>
3171              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 10+</div>
3172              <div class="mb-4 badge badge-info text-neutral">💳 Paid</div>
3173              <div class="mb-4 badge badge-info text-neutral">🤝 Event </div>      
3174              <br>
3175              <h6 class="mb-2 font-semibold leading-5">Virtual Team Events</h6>
3176              
3177              <p class="text-sm text-gray-900">
3178                Different types of self- or virtually hosted team building events like Holiday Hijinks, Team Pursu...
3179              </p>
3180          </div>
3181        </div>
3182      </div>
3183    </a>
3184  </label> 
3185</div>
3186<!-- [END] -->
3187
3188<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3189<div class="filterDiv activity connect paid">
3190  <label for="my-modal-49" >
3191    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3192    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3193      <div class="flex flex-col h-full ">
3194        <img img src="https://images.pexels.com/photos/3861964/pexels-photo-3861964.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3195          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3196            <div class="p-5">
3197              <!-- Site View -->
3198              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3199              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3200              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3201              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3202              <br>
3203              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br> Join Launch Team now.</h6>
3204              
3205              <p class="text-sm text-gray-900">
3206               Full Member Item Join Launch Team now.
3207              </p>
3208          </div>
3209        </div>
3210      </div>
3211    </a>
3212  </label> 
3213</div>
3214<!-- [END] -->
3215
3216<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3217<div class="filterDiv activity connect paid">
3218  <label for="my-modal-49" >
3219    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3220    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3221      <div class="flex flex-col h-full ">
3222        <img img src="https://images.pexels.com/photos/3861961/pexels-photo-3861961.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3223          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3224            <div class="p-5">
3225              <!-- Site View -->
3226              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3227              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3228              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3229              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3230              <br>
3231              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br> Join Launch Team now.</h6>
3232              
3233              <p class="text-sm text-gray-900">
3234               Full Member Item Join Launch Team now.
3235              </p>
3236          </div>
3237        </div>
3238      </div>
3239    </a>
3240  </label> 
3241</div>
3242<!-- [END] -->
3243
3244<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3245<div class="filterDiv activity connect paid">
3246  <label for="my-modal-49" >
3247    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3248    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3249      <div class="flex flex-col h-full ">
3250        <img img src="https://images.pexels.com/photos/3867847/pexels-photo-3867847.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3251          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3252            <div class="p-5">
3253              <!-- Site View -->
3254              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3255              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3256              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3257              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3258              <br>
3259              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br>
3259 Join Launch Team now.</h6>
3260              
3261              <p class="text-sm text-gray-900">
3262               Full Member Item Join Launch Team now.
3263              </p>
3264          </div>
3265        </div>
3266      </div>
3267    </a>
3268  </label> 
3269</div>
3270<!-- [END] -->
3271
3272<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3273<div class="filterDiv activity connect paid">
3274  <label for="my-modal-49" >
3275    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3276    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3277      <div class="flex flex-col h-full ">
3278        <img img src="https://i.ibb.co/82j0VnC/2-People-collaborating.png" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3279          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3280            <div class="p-5">
3281              <!-- Site View -->
3282              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3283              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3284              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3285              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3286              <br>
3287              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br> Join Launch Team now.</h6>
3288              
3289              <p class="text-sm text-gray-900">
3290               Full Member Item Join Launch Team now.
3291              </p>
3292          </div>
3293        </div>
3294      </div>
3295    </a>
3296  </label> 
3297</div>
3298<!-- [END] -->
3299
3300<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3301<div class="filterDiv activity connect paid">
3302  <label for="my-modal-49" >
3303    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3304    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3305      <div class="flex flex-col h-full ">
3306        <img img src="https://images.pexels.com/photos/3756770/pexels-photo-3756770.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3307          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3308            <div class="p-5">
3309              <!-- Site View -->
3310              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3311              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3312              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3313              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3314              <br>
3315              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br> Join Launch Team now.</h6>
3316              
3317              <p class="text-sm text-gray-900">
3318               Full Member Item Join Launch Team now.
3319              </p>
3320          </div>
3321        </div>
3322      </div>
3323    </a>
3324  </label> 
3325</div>
3326<!-- [END] -->
3327
3328<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3329<div class="filterDiv activity connect paid">
3330  <label for="my-modal-49" >
3331    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3332    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3333      <div class="flex flex-col h-full ">
3334        <img img src="https://images.pexels.com/photos/4908721/pexels-photo-4908721.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3335          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3336            <div class="p-5">
3337              <!-- Site View -->
3338              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3339              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3340              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3341              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3342              <br>
3343              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br>
3343 Join Launch Team now.</h6>
3344              
3345              <p class="text-sm text-gray-900">
3346               Full Member Item Join Launch Team now.
3347              </p>
3348          </div>
3349        </div>
3350      </div>
3351    </a>
3352  </label> 
3353</div>
3354<!-- [END] -->
3355
3356<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3357<div class="filterDiv activity connect paid">
3358  <label for="my-modal-49" >
3359    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3360    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3361      <div class="flex flex-col h-full ">
3362        <img img src="https://images.pexels.com/photos/4145190/pexels-photo-4145190.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3363          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3364            <div class="p-5">
3365              <!-- Site View -->
3366              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3367              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3368              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3369              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3370              <br>
3371              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br> Join Launch Team now.</h6>
3372              
3373              <p class="text-sm text-gray-900">
3374               Full Member Item Join Launch Team now.
3375              </p>
3376          </div>
3377        </div>
3378      </div>
3379    </a>
3380  </label> 
3381</div>
3382<!-- [END] -->
3383
3384<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3385<div class="filterDiv activity connect paid">
3386  <label for="my-modal-49" >
3387    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3388    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3389      <div class="flex flex-col h-full ">
3390        <img img src="https://images.pexels.com/photos/4049992/pexels-photo-4049992.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3391          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3392            <div class="p-5">
3393              <!-- Site View -->
3394              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3395              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3396              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3397              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3398              <br>
3399              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br> Join Launch Team now.</h6>
3400              
3401              <p class="text-sm text-gray-900">
3402               Full Member Item Join Launch Team now.
3403              </p>
3404          </div>
3405        </div>
3406      </div>
3407    </a>
3408  </label> 
3409</div>
3410<!-- [END] -->
3411
3412<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3413<div class="filterDiv activity connect paid">
3414  <label for="my-modal-49" >
3415    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3416    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3417      <div class="flex flex-col h-full ">
3418        <img img src="https://images.pexels.com/photos/4050349/pexels-photo-4050349.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3419          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3420            <div class="p-5">
3421              <!-- Site View -->
3422              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3423              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3424              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3425              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3426              <br>
3427              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br>
3427 Join Launch Team now.</h6>
3428              
3429              <p class="text-sm text-gray-900">
3430               Full Member Item Join Launch Team now.
3431              </p>
3432          </div>
3433        </div>
3434      </div>
3435    </a>
3436  </label> 
3437</div>
3438<!-- [END] -->
3439
3440<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3441<div class="filterDiv activity connect paid">
3442  <label for="my-modal-49" >
3443    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3444    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3445      <div class="flex flex-col h-full ">
3446        <img img src="https://images.pexels.com/photos/6309808/pexels-photo-6309808.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3447          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3448            <div class="p-5">
3449              <!-- Site View -->
3450              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3451              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3452              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3453              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3454              <br>
3455              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br> Join Launch Team now.</h6>
3456              
3457              <p class="text-sm text-gray-900">
3458               Full Member Item Join Launch Team now.
3459              </p>
3460          </div>
3461        </div>
3462      </div>
3463    </a>
3464  </label> 
3465</div>
3466<!-- [END] -->
3467
3468<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3469<div class="filterDiv activity connect paid">
3470  <label for="my-modal-49" >
3471    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3472    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3473      <div class="flex flex-col h-full ">
3474        <img img src="https://i.ibb.co/Qr1P00M/collaborative-video.jpg" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3475          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3476            <div class="p-5">
3477              <!-- Site View -->
3478              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3479              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3480              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3481              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3482              <br>
3483              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br> Join Launch Team now.</h6>
3484              
3485              <p class="text-sm text-gray-900">
3486               Full Member Item Join Launch Team now.
3487              </p>
3488          </div>
3489        </div>
3490      </div>
3491    </a>
3492  </label> 
3493</div>
3494<!-- [END] -->
3495
3496<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3497<div class="filterDiv activity connect paid">
3498  <label for="my-modal-49" >
3499    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3500    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3501      <div class="flex flex-col h-full ">
3502        <img img src="https://images.pexels.com/photos/1036641/pexels-photo-1036641.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3503          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3504            <div class="p-5">
3505              <!-- Site View -->
3506              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3507              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3508              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3509              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3510              <br>
3511              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br>
3511 Join Launch Team now.</h6>
3512              
3513              <p class="text-sm text-gray-900">
3514               Full Member Item Join Launch Team now.
3515              </p>
3516          </div>
3517        </div>
3518      </div>
3519    </a>
3520  </label> 
3521</div>
3522<!-- [END] -->
3523
3524<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3525<div class="filterDiv activity connect paid">
3526  <label for="my-modal-49" >
3527    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3528    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3529      <div class="flex flex-col h-full ">
3530        <img img src="https://images.pexels.com/photos/3194524/pexels-photo-3194524.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3531          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3532            <div class="p-5">
3533              <!-- Site View -->
3534              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3535              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3536              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3537              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3538              <br>
3539              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br> Join Launch Team now.</h6>
3540              
3541              <p class="text-sm text-gray-900">
3542               Full Member Item Join Launch Team now.
3543              </p>
3544          </div>
3545        </div>
3546      </div>
3547    </a>
3548  </label> 
3549</div>
3550<!-- [END] -->
3551
3552<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3553<div class="filterDiv activity connect paid">
3554  <label for="my-modal-49" >
3555    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3556    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3557      <div class="flex flex-col h-full ">
3558        <img img src="https://images.pexels.com/photos/1170412/pexels-photo-1170412.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3559          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3560            <div class="p-5">
3561              <!-- Site View -->
3562              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3563              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3564              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3565              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3566              <br>
3567              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br> Join Launch Team now.</h6>
3568              
3569              <p class="text-sm text-gray-900">
3570               Full Member Item Join Launch Team now.
3571              </p>
3572          </div>
3573        </div>
3574      </div>
3575    </a>
3576  </label> 
3577</div>
3578<!-- [END] -->
3579
3580<!-- [START NEW] filterDiv activity wraps around label to start modal  -->
3581<div class="filterDiv activity connect paid">
3582  <label for="my-modal-49" >
3583    <input type="checkbox" id="my-modal-49" class="modal-toggle">   
3584    <a href="#launchteam" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg cursor-pointer hover:-translate-y-2">
3585      <div class="flex flex-col h-full ">
3586        <img img src="https://images.pexels.com/photos/3987020/pexels-photo-3987020.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" style="filter: grayscale(100%);" class="object-cover w-full h-48" alt="" />
3587          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3588            <div class="p-5">
3589              <!-- Site View -->
3590              <div class="mb-4 badge badge-info text-neutral">⏱️ 🔒 </div>
3591              <div class="mb-4 badge badge-info text-neutral">🧑‍🤝‍🧑 🔒 </div>
3592              <div class="mb-4 badge badge-info text-neutral">🔒 </div>
3593              <div class="mb-4 badge badge-info text-neutral">🔒  </div>      
3594              <br>
3595              <h6 class="mb-2 font-semibold leading-5">🔒 Full Member Item <br> <br>
3595 Join Launch Team now.</h6>
3596              
3597              <p class="text-sm text-gray-900">
3598               Full Member Item Join Launch Team now.
3599              </p>
3600          </div>
3601        </div>
3602      </div>
3603    </a>
3604  </label> 
3605</div>
3606<!-- [END] -->
3607
3608      <!-- 
3609      <a href="/" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg hover:-translate-y-2">
3610        <div class="flex flex-col h-full">
3611          <img src="https://images.unsplash.com/photo-1531924224004-7beee12117a6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1050&q=80" class="object-cover w-full h-48" alt="" />
3612          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3613            <div class="p-5">
3614              <h6 class="mb-2 font-semibold leading-5">The doctor said</h6>
3615              <p class="text-sm text-gray-900">
3616                Sportacus andrew weatherall goose Refined gentlemen super mario des lynam alpha trion zap rowsdower.
3617              </p>
3618            </div>
3619          </div>
3620        </div>
3621      </a>
3622      <a href="/" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg hover:-translate-y-2">
3623        <div class="flex flex-col h-full">
3624          <img src="https://images.pexels.com/photos/3184338/pexels-photo-3184338.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=750&amp;w=1260" class="object-cover w-full h-48" alt="" />
3625          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3626            <div class="p-5">
3627              <h6 class="mb-2 font-semibold leading-5">Skate ipsum dolor</h6>
3628              <p class="text-sm text-gray-900">
3629                Bulbasaur Lorem ipsum dolor sit amet, consectetur adipiscing elit.
3630              </p>
3631            </div>
3632          </div>
3633        </div>
3634      </a>
3635      <a href="/" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg hover:-translate-y-2">
3636        <div class="flex flex-col h-full">
3637          <img src="https://images.unsplash.com/photo-1496200186974-4293800e2c20?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1489&q=80" class="object-cover w-full h-48" alt="" />
3638          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3639            <div class="p-5">
3640              <h6 class="mb-2 font-semibold leading-5">They urge you</h6>
3641              <p class="text-sm text-gray-900">
3642                A flower in my garden, a mystery in my panties. Heart attack never stopped old Big Bear.
3643              </p>
3644            </div>
3645          </div>
3646        </div>
3647      </a>
3648      <a href="/" aria-label="View Item" class="inline-block overflow-hidden duration-300 transform bg-white rounded shadow-lg hover:-translate-y-2">
3649        <div class="flex flex-col h-full">
3650          <img src="https://images.unsplash.com/photo-1533674689012-136b487b7736?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1050&q=80" class="object-cover w-full h-48" alt="" />
3651          <div class="flex-grow border border-t-0 border-purple-100 rounded-b">
3652            <div class="p-5">
3653              <h6 class="mb-2 font-semibold leading-5">Baseball ipsum dolor</h6>
3654              <p class="text-sm text-gray-900">
3655                Bro ipsum dolor sit amet gaper backside single track, manny Bike epic clipless. Schraeder drop gondy.
3656              </p>
3657            </div>
3658          </div>
3659        </div>
3660      </a>
3661    </div>
3662    <div class="text-center">
3663      <a
3664        href="/"
3665        class="inline-flex items-center justify-center w-full h-12 px-6 font-medium tracking-wide text-white transition duration-200 bg-purple-800 rounded shadow-md md:w-auto hover:bg-purple-700 focus:shadow-outline focus:outline-none"
3666      >
3667        Learn more
3668      </a>
3669    </div>-->
3670  </div> 
3671
3672
3673</div><!-- Parent Div -->
3674<footer class="text-gray-600 body-font ">
3675  <div class="container flex flex-col flex-wrap px-5 py-24 mx-auto md:items-center lg:items-start md:flex-row md:flex-nowrap">
3676    <div class="flex-shrink-0 w-64 mx-auto text-center md:mx-0 md:text-left">
3677      <a class="flex items-center justify-center font-medium text-gray-900 title-font md:justify-start">
3678        <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-10 h-10 p-2 text-white bg-purple-700 rounded-full" viewBox="0 0 24 24">
3679          <path d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.3
367916m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"></path>
3680        </svg>
3681        <span class="ml-3 text-xl">Remote<span class="ml-0 text-xl font-bold text-purple-700"> 'n Active</span></span>
3682      </a>
3683      <p class="mt-2 text-sm text-gray-500"> Your Remote Team Boutique Service </p>
3684      <br> 
3685      <p class="mt-2 text-sm text-gray-500">Made with <img src="../img/germany.svg" style="width:17px;display: inline"> in Berlin <br> 
3686      <p class="mt-2 text-sm text-gray-500">100% self-funded & independent</p> 
3687      <br>
3688      <p class="mt-2 text-sm text-gray-500">🌱 5% of the revenue will be donated to sustainable projects</p> 
3689      </div>
3690    <div class="flex flex-wrap flex-grow mt-10 -mb-10 text-center md:pl-20 md:mt-0 md:text-left">
3691      <div class="w-full px-4 lg:w-1/4 md:w-1/2">
3692        <h2 class="mb-3 text-sm font-medium tracking-widest text-gray-900 title-font">RemoteNActive</h2>
3693        <nav class="mb-10 list-none">
3694          <li>
3695            <a class="text-gray-600 hover:text-gray-800" href="/en/contact.html">Contact</a>
3696          </li>
3697          <li>
3698          <a class="text-gray-600 hover:text-gray-800" href="/en/about.html">About Us</a>
3699        </li>
3700        <li>
3701        <a class="text-gray-600 hover:text-gray-800" href="/en/list">Open List (beta)</a>
3702      </li>
3703
3704        </nav>
3705      </div>
3706      <div class="w-full px-4 lg:w-1/4 md:w-1/2">
3707        <h2 class="mb-3 text-sm font-medium tracking-widest text-gray-900 title-font">Legal</h2>
3708        <nav class="mb-10 list-none">
3709          <li>
3710            <a class="text-gray-600 hover:text-gray-800" href="../imprint.html">Imprint</a>
3711          </li>
3712          <li>
3713            <a class="text-gray-600 hover:text-gray-800" href="../privacy.html">Privacy</a>
3714          </li>
3715          <li>
3716          <a class="text-gray-600 hover:text-gray-800" href="../cookies.html">Cookie information</a>
3717          </li>
3718        </nav>
3719      </div>
3720
3721      <div class="w-full px-4 lg:w-1/4 md:w-1/2">
3722      <h2 class="mb-3 text-sm font-medium tracking-widest text-gray-900 title-font">Language</h2>
3723      <nav class="mb-10 list-none">
3724        <li>
3725          <a class='text-gray-600 hover:text-gray-800' href='/'><img src="../img/flag-de.png" style="width:17px;display: inline"> German</a>
3726        </li>
3727        <li>
3728        <img src="../img/flag-uk.png" style="width:17px;display: inline"><span class="font-bold md:font-bold">  English </span>
3729      </li>
3730      </nav>
3731      </div>
3732
3733    </div>   
3734
3735  </div>
3736  <div class="bg-gray-100">
3737    <div class="container flex flex-col flex-wrap px-5 py-4 mx-auto sm:flex-row">
3738      <p class="text-sm text-center text-gray-500 sm:text-left">© 2021 RemoteNActive</p>
3739      <span class="inline-flex justify-center mt-2 sm:ml-auto sm:mt-0 sm:justify-start">
3740        
3741        <a class="ml-3 text-gray-500" href="https://www.linkedin.com/company/jesse-khala" target="_blank">
3742          <svg fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0" class="w-5 h-5" viewBox="0 0 24 24">
3743            <path stroke="none" d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"></path>
3744            <circle cx="4" cy="4" r="2" stroke="none"></circle>
3745          </svg>
3746        </a>
3747      </span>
3748    </div>
3749  </div>
3750</footer>  
3751<script type="module" src="../EN/main.js" defer></script>
vendor: 2 bytes, line 3751
3751
3752<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script>
3752
3753
3754
3755<script>
3756  // Filter the items (c)w3schools
3757  filterSelection("all")
3758  function filterSelection(c) {
3759    var x, i;
3760    x = document.getElementsByClassName("filterDiv");
3761    if (c == "all") c = "";
3762    for (i = 0; i < x.length; i++) {
3763      w3RemoveClass(x[i], "show");
3764      if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show");
3765    }
3766  }
3767  
3768  function w3AddClass(element, name) {
3769    var i, arr1, arr2;
3770    arr1 = element.className.split(" ");
3771    arr2 = name.split(" ");
3772    for (i = 0; i < arr2.length; i++) {
3773      if (arr1.indexOf(arr2[i]) == -1) {element.className += " " + arr2[i];}
3774    }
3775  }
3776  
3777  function w3RemoveClass(element, name) {
3778    var i, arr1, arr2;
3779    arr1 = element.className.split(" ");
3780    arr2 = name.split(" ");
3781    for (i = 0; i < arr2.length; i++) {
3782      while (arr1.indexOf(arr2[i]) > -1) {
3783        arr1.splice(arr1.indexOf(arr2[i]), 1);     
3784      }
3785    }
3786    element.className = arr1.join(" ");
3787  }
3788  
3789  // Add active class to the current button (highlight it)
3790  var btnContainer = document.getElementById("myBtnContainer");
3791  var btns = btnContainer.getElementsByClassName("btn");
3792  for (var i = 0; i < btns.length; i++) {
3793    btns[i].addEventListener("click", function(){
3794      var current = document.getElementsByClassName("active");
3795      current[0].className = current[0].className.replace(" active", "");
3796      this.className += " active";
3797    });
3798  }
3799  </script>
3799
3800
3801</body>
3802</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.