<template>
    <div class="">
        <div class="container-fluid">
            <div class="overflow-x-auto">
                <div class="grid grid-rows-1 bg-slider opacity-75 place-items-center">
                    <div class="flex bg-slider text-white text-center text-lg w-max pl-14 pr-14 p-3">
                        <a href="/worksheets">&#60&nbsp; Preschool Worksheets &nbsp;|</a>
                        <a href="/themes">&nbsp; Preschool Event Ideas &nbsp;|</a>
                        <a href="/videos">&nbsp; Preschool Videos &nbsp;|</a>
                        <a href="/occassion">&nbsp; Preschool Occasions &nbsp;|</a>
                        <a href="/themes">&nbsp; Preschool Monthly Themes &nbsp;|</a>
                        <a href="/themes">&nbsp; Preschool Celebration Ideas &nbsp; &#62</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid back2">
        <div class="container mx-auto grid grid-cols-1 lg:grid-cols-3 xl:grid-cols-4 gap-2 text-sm   text-color-2 py-12">
            <div class="grid grid-cols-1 ml-4 mt-6 px-10 text-justify"><a href="/"><img src="/img/tb-logo.png" alt="" class="w-72 h-28"></a> &nbsp; A non-franchise and
                zero-royality based holistic solution for new and existing preschool franchise practitioners in the
                space of early childhood education.</div>
            <div class="grid grid-cols-2 pt-4  h-fit place-items-center">
                <div class="grid ml-4 ">
                    <a class="py-2" href="/">Home</a>
                    <a class="py-2" href="/educators" >Educators</a>
                    <a class="py-2" href="/administrators">Administrators</a>
                    <a class="py-2" href="/themes">Themes</a>
                    <a class="py-2" href="/occassion" >Occassions</a>
                    <a class="py-2" href="/faq">FAQs</a>
                </div>
                <div class="grid ml-4 h-fit">
                    <a class="py-2" href="/celebrationstories#submitCelebration">Event Ideas</a>
                    <a class="py-2" href="/worksheets" >Worksheets</a> 
                    <a class="py-2" href="/videos">Videos</a>
                    <a class="py-2" href="/audio-books">Audiobooks</a>
                    <a class="py-2" href="/premium">Pricing Plans</a>
                    <a class="py-2" href="/whats-new">What's New</a>
                </div>
            </div>
            <div class="grid grid-cols-1 mt-4 ml-4 font-bold text-sm h-fit "><h1 style="color: #414141"> Get in touch with Us</h1>
                <div class="flex  mt-4 place-items-center">
                    <svg class="w-8 h-8  fill-current" xmlns="http://www.w3.org/2000/svg"
                        viewBox="0 0 512 512">
                        <path d="M469.666,216.45,271.078,33.749a34,34,0,0,0-47.062.98L41.373,217.373,32,226.745V496H208V328h96V496H480V225.958ZM248.038,56.771c.282,0,.108.061-.013.18C247.9,56.832,247.756,56.771,248.038,56.771ZM448,464H336V328a32,32,0,0,0-32-32H208a32,32,0,0,0-32,32V464H64V240L248.038,57.356c.013-.012.014-.023.024-.035L448,240Z" class="ci-primary" />
                    </svg>
                    <p class="ml-4 font-normal my-2 leading-loose">DE 28, VIP Rd, Desh Bandhu Nagar, Baguiati, Rajarhat, West Bengal 700059</p>
                </div>
                <div class="flex place-items-center ">
                    <svg class="w-7 h-7 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="m0 0h24v24h-24z" fill="none" />
                        <path
                            d="m21 15.46-5.27-.61-2.52 2.52c-2.83-1.44-5.15-3.75-6.59-6.59l2.53-2.53-.61-5.25h-5.51c-.58 10.18 7.79 18.55 17.97 17.97z" />
                    </svg>
                    <p class="ml-4 font-normal my-2">+91-334058-5535</p>
                </div>
                <div class="flex place-items-center ">
                    <svg class="w-7 h-7" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" /><polyline points="22,6 12,13 2,6" />
                    </svg>
                    <p class="ml-4 font-normal my-2">enquiry@beanstalkedu.com</p>
                </div>
                <div class="flex place-items-center ">
                    <svg class="w-7 h-7" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10" /><path d="m12 6v6l4 4" /></g>
                    </svg>
                    <p class="ml-4 font-normal my-2">Monday - Saturday: 09:00 - 18:00, Sunday Closed</p>
                </div>
            </div>
            <div class="grid grid-cols-1 mt-4 ml-4 font-bold text-sm lg:place-items-center"> <h1 class="" style="color: #414141; text-align: left;">Get a look at our offerings</h1>
                <div class="flex ml-4">
                    <div v-if="FooterQry" class="pt-8">
                        <label class="block">
                            <span class="block font-medium text-slate-700"></span>
                            <div class="relative flex w-full flex-wrap items-stretch mb-3 font-light">
                                <input v-model="footeremail" type="text" placeholder="Enter Your Email"
                                    class="w-64 px-3 py-3 placeholder-slate-300 text-slate-600 relative bg-white bg-white rounded text-sm border-0 shadow outline-none focus:outline-none focus:ring w-full pr-10" />
                                <span class="z-10 h-full leading-snug font-normal absolute text-center text-slate-300 absolute bg-transparent rounded text-base items-center justify-center w-8 right-0 pr-3 py-3">
                                    <svg  @click="saveFooterQry" class="cursor-pointer" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                                        <rect fill="#37aee2" height="512" rx="15%" width="512"/>
                                        <path d="m199 404c-11 0-10-4-13-14l-32-105 245-144" fill="#c8daea"/>
                                        <path d="m199 404c7 0 11-4 16-8l45-43-56-34" fill="#a9c9dd"/>
                                        <path d="m204 319 135 99c14 9 26 4 30-14l55-258c5-22-9-32-24-25l-321 124c-21 8-21 21-4 26l83 26 190-121c9-5 17-3 11 4" fill="#f6fbfe"/>
                                    </svg>
                                </span>
                            </div>
                        </label>
                    </div>
                    <div v-else class="bg-white p-3 px-20 text-base rounded shadow text-slate-600"> Thank You!</div>
                </div>
                <div class="flex pt-2 ml-4 flex-inline gap-6  ">
                    <a href="">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="30" height="30" viewBox="0 0 256 256" xml:space="preserve">
                            <g style="stroke: none; stroke-width: 50; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
	                            <path d="M 51.358 90 c -0.238 0 -0.472 -0.086 -0.654 -0.244 c -0.22 -0.189 -0.346 -0.466 -0.346 -0.756 V 58.708 c 0 -0.553 0.447 -1 1 -1 h 9.733 l 1.332 -10.388 H 51.358 c -0.553 0 -1 -0.447 -1 -1 v -7.909 c 0 -3.477 0.845 -7.031 7.107 -7.031 l 5.524 -0.002 v -9.186 c -1.686 -0.165 -4.913 -0.383 -8.508 -0.383 c -9.298 0 -14.849 5.748 -14.849 15.375 v 9.136 c 0 0.553 -0.448 1 -1 1 h -9.64 v 10.388 h 9.64 c 0.552 0 1 0.447 1 1 v 30.291 c 0 0.29 -0.126 0.566 -0.346 0.757 c -0.22 0.188 -0.512 0.272 -0.798 0.232 C 16.547 86.79 0 67.549 0 45.233 C 0 20.292 20.187 0 45 0 c 24.813 0 45 20.292 45 45.233 c 0 22.321 -16.551 41.562 -38.498 44.756 C 51.454 89.996 51.406 90 51.358 90 z M 52.358 59.708 v 28.12 C 72.759 84.285 88 66.178 88 45.233 C 88 21.394 68.71 2 45 2 C 21.29 2 2 21.394 2 45.233 C 2 66.174 17.237 84.28 37.633 87.826 V 59.708 h -9.64 c -0.552 0 -1 -0.447 -1 -1 V 46.32 c 0 -0.552 0.448 -1 1 -1 h 9.64 v -8.136 c 0 -10.717 6.456 -17.375 16.849 -17.375 c 4.476 0 8.428 0.335 9.641 0.497 c 0.496 0.066 0.867 0.49 0.867 0.991 v 11.08 c 0 0.552 -0.447 1 -1 1 l -6.524 0.003 c -4.317 0 -5.107 1.694 -5.107 5.031 v 6.909 h 11.202 c 0.287 0 0.561 0.124 0.751 0.339 c 0.189 0.216 0.277 0.502 0.241 0.788 l -1.589 12.388 c -0.064 0.499 -0.489 0.873 -0.992 0.873 H 52.358 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                            </g>
                        </svg>
                    </a>
                    <a href="">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="35" height="35" viewBox="0 0 256 256" xml:space="preserve">
                            <g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
                                <path d="M 30.318 79.749 c -9.466 0 -18.684 -2.702 -26.659 -7.812 L 0 69.591 L 4.317 70.1 c 1.291 0.152 2.62 0.23 3.947 0.23 c 6.65 0 12.969 -1.91 18.428 -5.548 c -6.56 -1.122 -12.061 -5.799 -14.136 -12.275 l -0.515 -1.605 l 1.656 0.318 c 1.046 0.2 2.109 0.305 3.146 0.289 c -6.164 -2.93 -10.31 -9.231 -10.31 -16.302 c 0 -0.094 0 -0.183 0.005 -0.272 l 0.087 -1.598 l 1.398 0.778 c 1.218 0.678 2.524 1.193 3.873 1.532 C 8.577 32.3 6.672 27.756 6.672 22.936 c 0 -3.184 0.845 -6.32 2.443 -9.067 l 0.727 -1.25 l 0.913 1.121 c 8.213 10.075 20.223 16.353 33.117 17.353 c -0.142 -0.918 -0.214 -1.857 -0.214 -2.804 c 0 -9.946 8.094 -18.038 18.042 -18.038 c 4.778 0 9.402 1.923 12.773 5.293 c 3.512 -0.751 6.865 -2.064 9.973 -3.906 l 2.266 -1.343 l -0.803 2.509 c -0.903 2.823 -2.487 5.36 -4.59 7.408 c 1.898 -0.464 3.745 -1.093 5.524 -1.884 L 90 16.926 l -1.917 2.872 c -2.26 3.384 -5.055 6.329 -8.312 8.759 c 0.019 0.568 0.027 1.139 0.027 1.711 C 79.798 54.591 61.29 79.749 30.318 79.749 z M 8.317 72.331 c 6.775 3.554 14.303 5.416 22.002 5.416 c 29.719 0 47.479 -24.141 47.479 -47.48 c 0 -0.723 -0.015 -1.442 -0.047 -2.158 l -0.024 -0.54 l 0.438 -0.317 c 2.329 -1.683 4.414 -3.639 6.228 -5.84 c -2.202 0.722 -4.48 1.226 -6.808 1.505 l -4.647 0.555 l 4.013 -2.407 c 2.569 -1.541 4.638 -3.743 5.999 -6.348 c -2.736 1.337 -5.624 2.309 -8.618 2.898 l -0.543 0.107 l -0.38 -0.404 c -3.023 -3.221 -7.291 -5.068 -11.707 -5.068 c -8.845 0 -16.041 7.194 -16.041 16.037 c 0 1.25 0.14 2.48 0.415 3.657 l 0.303 1.294 l -1.327 -0.067 c -13.439 -0.675 -26.065 -6.854 -34.876 -17.015 c -0.985 2.115 -1.501 4.431 -1.501 6.778 c 0 5.377 2.668 10.368 7.137 13.351 l 2.906 1.94 l -3.492 -0.107 c -2.276 -0.07 -4.536 -0.582 -6.627 -1.493 c 0.624 7.005 5.816 12.902 12.803 14.301 l 4.156 0.833 l -4.089 1.114 c -2.081 0.566 -4.249 0.76 -6.425 0.556 c 2.488 5.693 8.088 9.488 14.404 9.605 l 2.814 0.053 l -2.215 1.735 C 23.789 69.725 16.277 72.319 8.317 72.331 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                            </g>
                        </svg>
                    </a>
                    <a href="">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="30" height="30" viewBox="0 0 256 256" xml:space="preserve">
                            <g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
                                <path d="M 63.429 2 C 76.977 2 88 13.023 88 26.571 v 36.858 C 88 76.977 76.977 88 63.429 88 H 26.571 C 13.023 88 2 76.977 2 63.429 V 26.571 C 2 13.023 13.023 2 26.571 2 H 63.429 M 63.429 0 H 26.571 C 11.896 0 0 11.896 0 26.571 v 36.858 C 0 78.104 11.896 90 26.571 90 h 36.858 C 78.104 90 90 78.104 90 63.429 V 26.571 C 90 11.896 78.104 0 63.429 0 L 63.429 0 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                                <path d="M 45 25.542 c 10.729 0 19.458 8.729 19.458 19.458 S 55.729 64.458 45 64.458 S 25.542 55.729 25.542 45 S 34.271 25.542 45 25.542 M 45 23.542 c -11.851 0 -21.458 9.607 -21.458 21.458 S 33.149 66.458 45 66.458 S 66.458 56.851 66.458 45 S 56.851 23.542 45 23.542 L 45 23.542 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                                <circle cx="69.043" cy="20.983" r="4.683" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform="  matrix(1 0 0 1 0 0) "/>
                                <path d="M 69.047 18.296 c 1.479 0 2.683 1.203 2.683 2.683 s -1.203 2.683 -2.683 2.683 s -2.683 -1.203 -2.683 -2.683 S 67.568 18.296 69.047 18.296 M 69.047 16.296 c -2.586 0 -4.683 2.097 -4.683 4.683 s 2.097 4.683 4.683 4.683 s 4.683 -2.097 4.683 -4.683 S 71.634 16.296 69.047 16.296 L 69.047 16.296 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                            </g>
                        </svg>
                    </a>
                    <a href="">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="30" height="30" viewBox="0 0 256 256" xml:space="preserve">
                            <g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
                                <path d="M 31.187 70.956 H 20.822 c -0.552 0 -1 -0.447 -1 -1 V 36.617 c 0 -0.552 0.448 -1 1 -1 h 10.365 c 0.552 0 1 0.448 1 1 v 33.339 C 32.187 70.509 31.739 70.956 31.187 70.956 z M 21.822 68.956 h 8.365 V 37.617 h -8.365 V 68.956 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                                <path d="M 26.005 33.062 c -3.862 0 -7.005 -3.143 -7.005 -7.007 c 0 -3.866 3.143 -7.011 7.005 -7.011 s 7.005 3.145 7.005 7.011 C 33.01 29.919 29.867 33.062 26.005 33.062 z M 26.005 21.044 c -2.76 0 -5.005 2.248 -5.005 5.011 c 0 2.761 2.245 5.007 5.005 5.007 s 5.005 -2.246 5.005 -5.007 C 31.01 23.292 28.765 21.044 26.005 21.044 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                                <path d="M 70 70.956 H 59.643 c -0.553 0 -1 -0.447 -1 -1 V 53.743 c 0 -4.442 -0.323 -7.84 -4.385 -7.84 c -3.753 0 -5.215 2.121 -5.215 7.562 v 16.491 c 0 0.553 -0.447 1 -1 1 H 37.686 c -0.552 0 -1 -0.447 -1 -1 V 36.617 c 0 -0.552 0.448 -1 1 -1 h 9.939 c 0.553 0 1 0.448 1 1 v 1.753 c 1.918 -1.937 4.937 -3.58 8.945 -3.58 c 11.834 0 13.43 8.533 13.43 16.88 v 18.285 C 71 70.509 70.553 70.956 70 70.956 z M 60.643 68.956 H 69 V 51.671 c 0 -8.932 -1.943 -14.88 -11.43 -14.88 c -4.694 0 -7.739 2.613 -8.92 4.852 c -0.174 0.328 -0.514 0.533 -0.885 0.533 h -0.141 c -0.553 0 -1 -0.448 -1 -1 v -3.559 h -7.939 v 31.339 h 8.357 V 53.465 c 0 -2.615 0 -9.562 7.215 -9.562 c 6.385 0 6.385 6.16 6.385 9.84 V 68.956 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                                <path d="M 81.007 90 H 8.993 C 4.034 90 0 85.966 0 81.007 V 8.993 C 0 4.034 4.034 0 8.993 0 h 72.014 C 85.966 0 90 4.034 90 8.993 v 72.014 C 90 85.966 85.966 90 81.007 90 z M 8.993 2 C 5.137 2 2 5.137 2 8.993 v 72.014 C 2 84.863 5.137 88 8.993 88 h 72.014 C 84.863 88 88 84.863 88 81.007 V 8.993 C 88 5.137 84.863 2 81.007 2 H 8.993 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                            </g>
                        </svg>
                    </a>
                    <a href="https://www.youtube.com/channel/UC4ppJKZgGaOxexol-zMwZDQ">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="33" height="33" viewBox="0 0 256 256" xml:space="preserve">
                            <g style="stroke: none; stroke-width: 5; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
                                <path d="M 45 15.5 L 45 15.5 c 0.279 0 27.959 0.021 34.646 1.813 c 3.184 0.851 5.69 3.357 6.542 6.542 C 87.978 30.537 88 44.856 88 45 c 0 0.144 -0.022 14.463 -1.813 21.146 c -0.851 3.184 -3.357 5.69 -6.542 6.542 C 72.959 74.479 45.279 74.5 45 74.5 c -0.279 0 -27.959 -0.021 -34.646 -1.813 c -3.184 -0.851 -5.69 -3.357 -6.542 -6.542 C 2.022 59.463 2 45.144 2 45 c 0 -0.144 0.022 -14.463 1.813 -21.146 c 0.851 -3.184 3.357 -5.69 6.542 -6.542 C 17.041 15.521 44.721 15.5 45 15.5 M 45 13.5 c 0 0 -28.144 0 -35.162 1.881 c -3.872 1.035 -6.922 4.085 -7.957 7.957 C 0 30.356 0 45 0 45 s 0 14.644 1.881 21.662 c 1.035 3.872 4.085 6.922 7.957 7.957 C 16.856 76.5 45 76.5 45 76.5 s 28.144 0 35.162 -1.881 c 3.872 -1.035 6.922 -4.085 7.957 -7.957 C 90 59.644 90 45 90 45 s 0 -14.644 -1.881 -21.662 c -1.035 -3.872 -4.085 -6.922 -7.957 -7.957 C 73.144 13.5 45 13.5 45 13.5 L 45 13.5 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                                <path d="M 38 34.964 L 55.382 45 L 38 55.036 V 34.964 M 36 31.5 v 27 L 59.382 45 L 36 31.5 L 36 31.5 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
                            </g>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid bg-color-2">
        <div class="container mx-auto flex md:flex-row flex-col  p-2 justify-between px-8">
            <div class="flex">© 2021 Teeny Beans | All Rights Reserved</div>
            <div class="flex">Terms & Conditions</div>
        </div>
    </div>
        
    </div>
</template>
<style>
.text-color-2 {
    color: #333333
}
.back {
    /* background: linear-gradient(359.73deg, #124bbd 0.22%, #ffff 85.4% ) ; */
}
.back2 {
    background: linear-gradient(359.73deg, rgba(18, 75, 189, 0.1) 0.22%, rgba(255, 255, 255, 0) 85.04%);
}
.bg-color-2 {
background-color: #C9D438;
}
.bg-slider {
background-color: #124BBD;
}

</style>
<script>
    export default {
        data() {
            return {
                page: null,
                isLoading: true,
                footeremail: null,
                FooterQry: true,
            }
        },
        
        methods: { 
            saveFooterQry(){
            let formData = new FormData();
            formData.append('Email', this.footeremail);
            formData.append('formName', 'tb-footeremail');
            fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', 
                {
                    method: 'POST',
                    // headers: { 
                    // 'Content-Type': 'multipart/form-data',
                    // // 'Authorization': 'Bearer my-token',
                    // // 'My-Custom-Header': 'foobar'
                    // },
                    body: formData,
                }
            )
            .then(response => response.json())
            .then(data => {
                console.log(data)
            });
            // formData=""
            this.FooterQry=false
        }
       
    
    
    }
    
    }

    </script>

