Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>Cloud Storage</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> | |
| </head> | |
| <body> | |
| <div class="bg-white pb-6 sm:pb-8 lg:pb-12"> | |
| <div class="max-w-screen-2xl px-4 md:px-8 mx-auto"> | |
| <header class="h-20 flex justify-between items-center py-4 md:py-8 mb-4"> | |
| <!-- logo - start --> | |
| <a href="/" class="my-5 inline-flex items-center text-black-800 text-2xl md:text-3xl font-bold gap-2.5" aria-label="logo"> | |
| <svg class="w-[10%] text-indigo-500" id="outputsvg" xmlns="http://www.w3.org/2000/svg" style="transform: none; transform-origin: 50% 50%; cursor: move; transition: none 0s ease 0s" viewBox="0 0 3500 3500"> | |
| <g id="l5TLm6F9JGem8YOQ8A41YML" fill="rgb(100,103,241)" style="transform: none"> | |
| <g><path id="pulsHdoRs" d="M1455 3470 c-164 -30 -323 -83 -480 -160 -487 -242 -829 -689 -935 -1226 -28 -139 -37 -389 -21 -534 64 -550 390 -1040 879 -1319 170 -98 440 -186 642 -211 203 -24 460 -7 658 45 609 160 1093 651 1246 1263 120 479 34 978 -238 1387 -258 387 -641 646 -1101 745 -149 33 -495 38 -650 10z m488 -574 c37 -7 70 -15 72 -18 3 -3 -39 -24 -92 -48 -214 -94 -369 -196 -520 -343 -336 -327 -433 -761 -242 -1084 19 -31 67 -89 107 -130 40 -40 70 -73 67 -73 -15 0 -143 54 -225 95 -221 111 -505 336 -517 410 -9 55 17 270 43 362 121 418 441 719 869 818 117 28 326 33 438 11z m360 -132 c271 -152 315 -279 149 -436 -70 -67 -94 -78 -165 -78 -46 0 -61 6 -127 51 -90 62 -156 92 -258 121 -65 17 -95 20 -187 15 -153 -7 -269 -48 -381 -133 -27 -21 -44 -31 -38 -23 110 147 205 237 364 343 100 67 296 166 395 199 l70 24 55 -23 c30 -12 85 -39 123 -60z m-1463 -1370 c262 -187 520 -287 807 -314 125 -12 210 -3 313 31 81 26 86 29 188 96 128 86 196 84 296 -8 59 -54 106 -135 106 -183 -1 -41 -30 -104 -66 -139 -47 -47 -187 -136 -271 -172 -299 -129 -612 -133 -916 -10 -250 102 -488 336 -599 590 -42 96 -74 194 -83 254 l-7 44 73 -64 c41 -36 112 -92 159 -125z"></path></g> | |
| </g> | |
| </svg> | |
| Cloud Storage | |
| </a> | |
| <!-- logo - end --> | |
| <!-- nav - start --> | |
| <nav class="hidden lg:flex gap-12"> | |
| <a href="./" class="text-indigo-500 text-lg font-semibold">Home</a> | |
| {% if user.is_authenticated %} | |
| <a href="./list" class="text-gray-600 hover:text-indigo-500 active:text-indigo-700 text-lg font-semibold transition duration-100">List</a> | |
| <a href="./upload" class="text-gray-600 hover:text-indigo-500 active:text-indigo-700 text-lg font-semibold transition duration-100">Upload</a> | |
| <a href="./logout" class="text-gray-600 hover:text-indigo-500 active:text-indigo-700 text-lg font-semibold transition duration-100">Logout</a> | |
| {% else %} | |
| <a href="./login" class="text-gray-600 hover:text-indigo-500 active:text-indigo-700 text-lg font-semibold transition duration-100">Login</a> | |
| <a href="./signup" class="text-gray-600 hover:text-indigo-500 active:text-indigo-700 text-lg font-semibold transition duration-100">Signup</a> | |
| {% endif %} | |
| </nav> | |
| <!-- nav - end --> | |
| <!-- buttons - start --> | |
| <div id="nav" onmouseout="outB()" onmouseover="inB()" class="overflow-visible z-10 mt-[150px] grid grid-cols-1 grid-rows-5"> | |
| <button type="button" class="shadow-xl inline-flex items-center lg:hidden bg-gray-200 hover:bg-gray-300 focus-visible:ring ring-indigo-300 text-gray-500 active:text-gray-700 text-sm md:text-base font-semibold rounded-lg gap-2 px-2.5 py-2"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd" /> | |
| </svg> | |
| Menu | |
| </button> | |
| <a href="./" class="shadow-xl hidden mt-2 rounded-t-lg bg-white px-2 text-indigo-500 hover:text-indigo-500 active:text-indigo-700 text-lg font-semibold transition duration-100">Home</a> | |
| {% if user.is_authenticated %} | |
| <a href="./list" class="shadow-xl hidden bg-white px-2 text-gray-600 hover:text-indigo-500 active:text-indigo-700 text-lg font-semibold transition duration-100">List</a> | |
| <a href="./upload" class="shadow-xl hidden bg-white px-2 text-gray-600 hover:text-indigo-500 active:text-indigo-700 text-lg font-semibold transition duration-100">Upload</a> | |
| <a href="./logout" class="shadow-xl hidden bg-white px-2 text-gray-600 hover:text-indigo-500 active:text-indigo-700 text-lg font-semibold transition duration-100 rounded-b-lg">Logout</a> | |
| {% else %} | |
| <a href="./login" class="shadow-xl hidden bg-white px-2 text-gray-600 hover:text-indigo-500 active:text-indigo-700 text-lg font-semibold transition duration-100">Login</a> | |
| <a href="./signup" class="shadow-xl hidden bg-white px-2 text-gray-600 hover:text-indigo-500 active:text-indigo-700 text-lg font-semibold transition duration-100 rounded-b-lg">Signup</a> | |
| {% endif %} | |
| </div> | |
| <!-- buttons - end --> | |
| </header> | |
| <section class="min-h-96 flex justify-center items-center flex-1 shrink-0 bg-gray-100 overflow-hidden shadow-lg rounded-lg relative py-16 md:py-20 xl:py-48"> | |
| <!-- image - start --> | |
| <img src="https://images.unsplash.com/photo-1618004652321-13a63e576b80?auto=format&q=75&fit=crop&w=1500" loading="lazy" alt="Photo by Fakurian Design" class="w-full h-full object-cover object-center absolute inset-0" /> | |
| <!-- image - end --> | |
| <!-- overlay - start --> | |
| <div class="bg-indigo-500 mix-blend-multiply absolute inset-0"></div> | |
| <!-- overlay - end --> | |
| <!-- text start --> | |
| <div class="sm:max-w-xl flex flex-col items-center relative p-4"> | |
| {% if user.is_authenticated %} | |
| <p class="text-indigo-200 text-lg sm:text-xl text-center mb-4 md:mb-8">Welcome {{ user.username }}</p> | |
| {% endif %} | |
| <p class="text-indigo-200 text-lg sm:text-xl text-center mb-4 md:mb-8">Very proud to introduce</p> | |
| <h1 class="text-white text-4xl sm:text-5xl md:text-6xl font-bold text-center mb-8 md:mb-12">Revolutionary way to store files online for free</h1> | |
| </div> | |
| <!-- text end --> | |
| </section> | |
| </div> | |
| </div> | |
| <!-- hero - end --> | |
| <!-- gallery - start --> | |
| <div class="bg-white py-6 sm:py-8 lg:py-12"> | |
| <div class="max-w-screen-2xl px-4 md:px-8 mx-auto"> | |
| <h2 class="text-gray-800 text-2xl lg:text-3xl font-bold text-center mb-4 md:mb-8 xl:mb-12">Gallery</h2> | |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4 md:gap-6 xl:gap-8 mb-4 md:mb-8"> | |
| <!-- image - start --> | |
| <a class="group h-48 md:h-80 flex items-end bg-gray-100 overflow-hidden rounded-lg shadow-lg relative"> | |
| <img src="https://images.unsplash.com/photo-1593508512255-86ab42a8e620?auto=format&q=75&fit=crop&w=600" loading="lazy" alt="Photo by Minh Pham" class="w-full h-full object-cover object-center absolute inset-0 group-hover:scale-110 transition duration-200" /> | |
| <div class="bg-gradient-to-t from-gray-800 via-transparent to-transparent opacity-50 absolute inset-0 pointer-events-none"></div> | |
| <span class="inline-block text-white text-sm md:text-lg relative ml-4 md:ml-5 mb-3">VR</span> | |
| </a> | |
| <!-- image - end --> | |
| <!-- image - start --> | |
| <a class="group h-48 md:h-80 flex items-end bg-gray-100 overflow-hidden rounded-lg shadow-lg relative"> | |
| <img src="https://images.unsplash.com/photo-1542759564-7ccbb6ac450a?auto=format&q=75&fit=crop&w=600" loading="lazy" alt="Photo by Magicle" class="w-full h-full object-cover object-center absolute inset-0 group-hover:scale-110 transition duration-200" /> | |
| <div class="bg-gradient-to-t from-gray-800 via-transparent to-transparent opacity-50 absolute inset-0 pointer-events-none"></div> | |
| <span class="inline-block text-white text-sm md:text-lg relative ml-4 md:ml-5 mb-3">Tech</span> | |
| </a> | |
| <!-- image - end --> | |
| <!-- image - start --> | |
| <a class="group h-48 md:h-80 flex items-end bg-gray-100 overflow-hidden rounded-lg shadow-lg relative"> | |
| <img src="https://images.unsplash.com/photo-1610465299996-30f240ac2b1c?auto=format&q=75&fit=crop&w=600" loading="lazy" alt="Photo by Martin Sanchez" class="w-full h-full object-cover object-center absolute inset-0 group-hover:scale-110 transition duration-200" /> | |
| <div class="bg-gradient-to-t from-gray-800 via-transparent to-transparent opacity-50 absolute inset-0 pointer-events-none"></div> | |
| <span class="inline-block text-white text-sm md:text-lg relative ml-4 md:ml-5 mb-3">Dev</span> | |
| </a> | |
| <!-- image - end --> | |
| <!-- image - start --> | |
| <a class="group h-48 md:h-80 flex items-end bg-gray-100 overflow-hidden rounded-lg shadow-lg relative"> | |
| <img src="https://images.unsplash.com/photo-1550745165-9bc0b252726f?auto=format&q=75&fit=crop&w=600" loading="lazy" alt="Photo by Lorenzo Herrera" class="w-full h-full object-cover object-center absolute inset-0 group-hover:scale-110 transition duration-200" /> | |
| <div class="bg-gradient-to-t from-gray-800 via-transparent to-transparent opacity-50 absolute inset-0 pointer-events-none"></div> | |
| <span class="inline-block text-white text-sm md:text-lg relative ml-4 md:ml-5 mb-3">Retro</span> | |
| </a> | |
| <!-- image - end --> | |
| </div> | |
| <div class="flex justify-between items-start sm:items-center gap-8"> | |
| <p class="max-w-screen-sm text-gray-500 text-center text-sm lg:text-base">We are planning to extend our services in all domain, so that all users could get free and accessible services to all.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- gallery - end --> | |
| <!-- team - start --> | |
| <div class="bg-white py-6 sm:py-8 lg:py-12"> | |
| <div class="max-w-screen-xl px-4 md:px-8 mx-auto"> | |
| <!-- text - start --> | |
| <div class="mb-10 md:mb-16"> | |
| <h2 class="text-gray-800 text-2xl lg:text-3xl font-bold text-center mb-4 md:mb-6">Meet our Team</h2> | |
| <p class="max-w-screen-md text-gray-500 md:text-lg text-center mx-auto">We here at Cloud Storage use our team endeavour to create best quality products for everyone.</p> | |
| </div> | |
| <!-- text - end --> | |
| <div class="grid grid-cols-2 md:grid-cols-2 gap-x-4 lg:gap-x-8 gap-y-8 lg:gap-y-12"> | |
| <!-- person - start --> | |
| <div class="flex flex-col items-center"> | |
| <div class="w-24 md:w-32 h-24 md:h-32 bg-gray-100 rounded-full overflow-hidden shadow-lg mb-2 md:mb-4"> | |
| <img src="https://images.unsplash.com/photo-1567515004624-219c11d31f2e??auto=format&q=75&fit=crop&w=256" loading="lazy" alt="Photo by Radu Florin" class="w-full h-full object-cover object-center" /> | |
| </div> | |
| <div> | |
| <div class="text-indigo-500 md:text-lg font-bold text-center">Jagrat Patel</div> | |
| <p class="text-gray-500 text-sm md:text-base text-center mb-3 md:mb-4">Founder / CEO</p> | |
| </div> | |
| </div> | |
| <!-- person - end --> | |
| <!-- person - start --> | |
| <div class="flex flex-col items-center"> | |
| <div class="w-24 md:w-32 h-24 md:h-32 bg-gray-100 rounded-full overflow-hidden shadow-lg mb-2 md:mb-4"> | |
| <img src="https://i.ibb.co/8YfGzWg/Avtar-Icon-PNG-Image.jpg" loading="lazy" alt="Photo by christian ferrer" class="w-full h-full object-cover object-center" /> | |
| </div> | |
| <div> | |
| <div class="text-indigo-500 md:text-lg font-bold text-center">Jaivin Baroat</div> | |
| <p class="text-gray-500 text-sm md:text-base text-center mb-3 md:mb-4">Founder / CFO</p> | |
| </div> | |
| </div> | |
| <!-- person - end --> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- team - end --> | |
| <!-- call to action - start --> | |
| <div class="bg-white py-6 sm:py-8 lg:py-12"> | |
| <div class="max-w-screen-2xl px-4 md:px-8 mx-auto"> | |
| <div class="rounded-2xl shadow-xl h-full flex flex-col sm:flex-row bg-whiterounded-lg overflow-hidden"> | |
| <!-- image - start --> | |
| <div class="w-full sm:w-1/2 lg:w-2/5 h-48 sm:h-auto order-first sm:order-none bg-gray-300"> | |
| <img src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?auto=format&q=75&fit=crop&w=1000" loading="lazy" alt="Photo by Andras Vas" class="w-full h-full object-cover object-center" /> | |
| </div> | |
| <!-- image - end --> | |
| <div class="bg-white py-6 sm:py-8 lg:py-12 border-2 rounded-r-2xl"> | |
| <div class="w-full px-8 md:px-16 mx-auto"> | |
| <!-- text - start --> | |
| <div class="mb-10 md:mb-16"> | |
| <h2 class="text-gray-800 text-2xl lg:text-3xl font-bold text-center mb-4 md:mb-6">Get in touch</h2> | |
| <p class="max-w-screen-md text-gray-500 md:text-lg text-center mx-auto">Please fill free to contact us for any problems you have with our services. We will be happy to take input from you</p> | |
| </div> | |
| <div class="sm:col-span-2"> | |
| <label for="name" class="inline-block text-gray-800 text-sm sm:text-base mb-2">Name*</label> | |
| <input name="name" id="name" class="w-full bg-gray-50 text-gray-800 border focus:ring ring-indigo-300 rounded outline-none transition duration-100 px-3 py-2" /> | |
| </div> | |
| <div class="sm:col-span-2"> | |
| <label for="email" class="inline-block text-gray-800 text-sm sm:text-base mb-2">Email*</label> | |
| <input name="email" id="email" class="w-full bg-gray-50 text-gray-800 border focus:ring ring-indigo-300 rounded outline-none transition duration-100 px-3 py-2" /> | |
| </div> | |
| <div class="sm:col-span-2"> | |
| <label for="subject" class="inline-block text-gray-800 text-sm sm:text-base mb-2">Subject*</label> | |
| <input name="subject" id="subject" class="w-full bg-gray-50 text-gray-800 border focus:ring ring-indigo-300 rounded outline-none transition duration-100 px-3 py-2" /> | |
| </div> | |
| <div class="sm:col-span-2"> | |
| <label for="message" class="inline-block text-gray-800 text-sm sm:text-base mb-2">Message*</label> | |
| <textarea name="message" id="message" class="w-full h-64 bg-gray-50 text-gray-800 border focus:ring ring-indigo-300 rounded outline-none transition duration-100 px-3 py-2"></textarea> | |
| </div> | |
| <div class="sm:col-span-2 flex justify-between items-center"> | |
| <button onclick="sendE()" class="inline-block bg-indigo-500 hover:bg-indigo-600 active:bg-indigo-700 focus-visible:ring ring-indigo-300 text-white text-sm md:text-base font-semibold text-center rounded-lg outline-none transition duration-100 px-8 py-3">Send</button> | |
| <span class="text-gray-500 text-sm">*Required</span> | |
| </div> | |
| <p class="text-gray-400 text-xs">By signing up to our newsletter you agree to our <a class="hover:text-indigo-500 active:text-indigo-600 underline transition duration-100">Privacy Policy</a>.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- call to action - end --> | |
| <!-- footer - start --> | |
| <footer class="bg-white"> | |
| <div class="pt-12 lg:pt-16"> | |
| <div class="max-w-screen-2xl px-4 md:px-8 mx-auto"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-12 lg:gap-8 mb-16"> | |
| <div class="col-span-full lg:col-span-2"> | |
| <!-- logo - start --> | |
| <div class="lg:-mt-2 mb-4"> | |
| <a href="/" class="my-5 inline-flex items-center text-black-800 text-2xl md:text-3xl font-bold gap-2.5" aria-label="logo"> | |
| <svg class="w-[10%] text-indigo-500" id="outputsvg" xmlns="http://www.w3.org/2000/svg" style="transform: none; transform-origin: 50% 50%; cursor: move; transition: none 0s ease 0s" viewBox="0 0 3500 3500"> | |
| <g id="l5TLm6F9JGem8YOQ8A41YML" fill="rgb(100,103,241)" style="transform: none"> | |
| <g><path id="pulsHdoRs" d="M1455 3470 c-164 -30 -323 -83 -480 -160 -487 -242 -829 -689 -935 -1226 -28 -139 -37 -389 -21 -534 64 -550 390 -1040 879 -1319 170 -98 440 -186 642 -211 203 -24 460 -7 658 45 609 160 1093 651 1246 1263 120 479 34 978 -238 1387 -258 387 -641 646 -1101 745 -149 33 -495 38 -650 10z m488 -574 c37 -7 70 -15 72 -18 3 -3 -39 -24 -92 -48 -214 -94 -369 -196 -520 -343 -336 -327 -433 -761 -242 -1084 19 -31 67 -89 107 -130 40 -40 70 -73 67 -73 -15 0 -143 54 -225 95 -221 111 -505 336 -517 410 -9 55 17 270 43 362 121 418 441 719 869 818 117 28 326 33 438 11z m360 -132 c271 -152 315 -279 149 -436 -70 -67 -94 -78 -165 -78 -46 0 -61 6 -127 51 -90 62 -156 92 -258 121 -65 17 -95 20 -187 15 -153 -7 -269 -48 -381 -133 -27 -21 -44 -31 -38 -23 110 147 205 237 364 343 100 67 296 166 395 199 l70 24 55 -23 c30 -12 85 -39 123 -60z m-1463 -1370 c262 -187 520 -287 807 -314 125 -12 210 -3 313 31 81 26 86 29 188 96 128 86 196 84 296 -8 59 -54 106 -135 106 -183 -1 -41 -30 -104 -66 -139 -47 -47 -187 -136 -271 -172 -299 -129 -612 -133 -916 -10 -250 102 -488 336 -599 590 -42 96 -74 194 -83 254 l-7 44 73 -64 c41 -36 112 -92 159 -125z"></path></g> | |
| </g> | |
| </svg> | |
| Cloud Storage | |
| </a> | |
| </div> | |
| <!-- logo - end --> | |
| <p class="text-gray-500 sm:pr-8 mb-6">Our company wants to provide free and accessible storage service to everyone.</p> | |
| <!-- social - start --> | |
| <div class="flex gap-4"> | |
| <a href="https://www.instagram.com/thejagstudio/" target="_blank" class="text-gray-400 hover:text-gray-500 active:text-gray-600 transition duration-100"> | |
| <svg class="w-5 h-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" /> | |
| </svg> | |
| </a> | |
| <a href="https://github.com/TheJagStudio" target="_blank" class="text-gray-400 hover:text-gray-500 active:text-gray-600 transition duration-100"> | |
| <svg class="w-5 h-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" /> | |
| </svg> | |
| </a> | |
| </div> | |
| <!-- social - end --> | |
| </div> | |
| </div> | |
| <div class="text-gray-400 text-sm text-center border-t py-8">© 2022 - Present Cloud Storage. All rights reserved.</div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| function inB(event) { | |
| ass = document.getElementById("nav").getElementsByTagName("a"); | |
| for (let i = 0; i < ass.length; i++) { | |
| ass[i].classList.remove("hidden"); | |
| } | |
| } | |
| function outB(event) { | |
| ass = document.getElementById("nav").getElementsByTagName("a"); | |
| for (let i = 0; i < ass.length; i++) { | |
| ass[i].classList.add("hidden"); | |
| } | |
| } | |
| function sendE() { | |
| var name = document.getElementById("name").value; | |
| var email = document.getElementById("email").value; | |
| var subject = document.getElementById("subject").value; | |
| var message = document.getElementById("message").value; | |
| if (name == "" || email == "" || subject == "" || message == "") { | |
| alert("All fileds are reqiured."); | |
| } else { | |
| alert("Thank You for your reply"); | |
| } | |
| } | |
| </script> | |
| <script> | |
| $.get("https://www.cloudflare.com/cdn-cgi/trace", function (data) { | |
| data = data | |
| .trim() | |
| .split("\n") | |
| .reduce(function (obj, pair) { | |
| pair = pair.split("="); | |
| return (obj[pair[0]] = pair[1]), obj; | |
| }, {}); | |
| console.log(data["ip"]); | |
| fetch("/ip?ip=" + data["ip"]).then(function (myJson) { | |
| data["ip"]; | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> | |