-
Notifications
You must be signed in to change notification settings - Fork 232
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
39253c6
commit 2b6567c
Showing
7 changed files
with
234 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,182 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>METAVERSE</title> | ||
|
|
||
| <!-- Primary Meta Tags --> | ||
| <title></title> | ||
| <meta name="title" content="METAVERSE" /> | ||
| <meta name="description" | ||
| content="Welcome to the Metaverse Front-End Playground – your gateway to the future of web development in the metaverse! 🌐🚀 Metaverse Front-End Playground is an open-source repository created to empower developers to explore, innovate, and collaborate in the metaverse space. Whether you're a seasoned developer looking to showcase your metaverse projects or a newcomer eager to dive into the virtual realm, you're invited to join our dynamic community!" /> | ||
| <meta name="language" content="English"> | ||
| <meta name="keywords" | ||
| content="METAVERSE, Frontend Projects, Coding, Web Development, Projects, Stopwatch, Calculator."> | ||
|
|
||
|
|
||
| <!-- | ||
| - favicon | ||
| --> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <link rel="shortcut icon" href="./images/metaverse.png" type="image/x-icon"> | ||
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| <script src="https://kit.fontawesome.com/1a1ffb78ee.js" crossorigin="anonymous"></script> | ||
|
|
||
| <!-- | ||
| - custom css link | ||
| --> | ||
| <link rel="stylesheet" href="./assets/css/style.css"> | ||
| <link rel="stylesheet" href="./assets/css/scroll.css"> | ||
| <link rel="stylesheet" href="./assets/css/contributors.css"> | ||
| <link rel="stylesheet" href="./assets/css/cursor_transition.css"> | ||
|
|
||
| <!-- | ||
| - google font link | ||
| --> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet"> | ||
| <link rel="stylesheet" | ||
| href="https://fonts.googleapis.com/css?family=Sofia&effect=neon|outline|emboss|shadow-multiple"> | ||
| <!-- <script src="https://cdn.tailwindcss.com"></script> --> | ||
| </head> | ||
| <!-- Light-Dark theme SWITCH --> | ||
|
|
||
|
|
||
| <!-- <p class="invert-color" style="position: sticky; top: 30px; z-index:100; margin-left: 30px;">Theme :</p> --> | ||
| <label class="theme-toggle" for="themeToggle" style="position: fixed; top: 28px; z-index: 100; margin-left: 30px"> | ||
|
|
||
| <input type="checkbox" id="themeToggle" onclick="toggleTheme()" checked aria-label="Switch theme mode"> | ||
| <span class="slider"></span> | ||
| </label> | ||
|
|
||
| <body> | ||
| <div class="cursor"></div> | ||
|
|
||
| <div class="main"> | ||
| <div class="container"> | ||
| <div class="radio-wrapper"> | ||
|
|
||
| <div class="btn"> | ||
| <a id="aid" class="nav-link" href="index.html">Home</a> | ||
| <label class="number"></label> | ||
| </div> | ||
| </div> | ||
| <div class="radio-wrapper"> | ||
|
|
||
| <!-- <input type="radio" checked="true" id="value-2" name="btn" class="input"> --> | ||
| <div class="btn"> | ||
|
|
||
| <a id="aid" class="nav-link" href="about.html">About</a> | ||
| <!-- <span aria-hidden=""></span> --> | ||
| <!-- <span aria-hidden="" class="btn__glitch">ABOUT</span> --> | ||
|
|
||
| <label class="number"></label> | ||
| </div> | ||
|
|
||
| </div> | ||
| <div class="radio-wrapper"> | ||
| <!-- <input type="radio" id="value-2" name="btn" class="input"> --> | ||
| <!-- <input type="radio" id="value-3" name="btn" class="input"> --> | ||
| <div class="btn"> | ||
| <a id="aid" class="nav-link" href="contact.html">Contact</a> | ||
| <!-- <span aria-hidden=""></span> --> | ||
| <!-- <span aria-hidden="" class="btn__glitch">CONTACT</span> --> | ||
| <label class="number"></label> | ||
| </div> | ||
| </div> | ||
| <div class="radio-wrapper"> | ||
| <!-- <input type="radio" id="value-2" name="btn" class="input"> --> | ||
| <!-- <input type="radio" id="value-3" name="btn" class="input"> --> | ||
| <div class="btn" style="width: 115% !important;"> | ||
| <a id="aid" class="nav-link" href="contributor.html">Contributor</a> | ||
| <!-- <span aria-hidden=""></span> --> | ||
| <!-- <span aria-hidden="" class="btn__glitch">CONTACT</span> --> | ||
| <label class="number"></label> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="heading1"> | ||
| <div class="heading"> | ||
| <span>C</span><span>O</span><span>N</span><span>T</span><span>R</span><span>I</span><span>B</span><span>U</span><span>T</span><span>O</span><span>R</span><span>S</span> | ||
| </div> | ||
| <label class="theme-toggle" for="themeToggle" style="z-index: 100; margin-top: -270px; "> | ||
|
|
||
| <input type="checkbox" id="themeToggle" onclick="toggleTheme()" checked aria-label="Switch theme mode"> | ||
| </label> | ||
| </div> | ||
| <main style="width: 90vw;display: flex;flex-wrap: wrap;justify-content: center;"> | ||
|
|
||
| <div id="contributor" ></div> | ||
|
|
||
| </main> | ||
| <div class="main" id="footer"> | ||
| <div> | ||
| <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" | ||
| viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto"> | ||
| <defs> | ||
| <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" /> | ||
| </defs> | ||
| <g class="wave-creation"> | ||
| <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,133,0.9)" /> | ||
| <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(153,51,255,0.5)" /> | ||
| <use xlink:href="#gentle-wave" x="48" y="5" fill="rgb(238,106,220,0.3)" /> | ||
| <use xlink:href="#gentle-wave" x="48" y="7" fill="#B616C7" /> | ||
| </g> | ||
| </svg> | ||
| </div> | ||
|
|
||
|
|
||
| <footer class="page-footer font-small unique-color-dark pt-4"> | ||
| <div class="container1"> | ||
| <div class="list-unstyled list-inline text-center py-2 text-black"> | ||
| <br> | ||
| <br> | ||
| <div class="socials-text" style="text-align: center; margin-bottom:50px"> | ||
| <h7>Developed with ❤️ by <b>METAVERSE</b> Collaborators</h7> | ||
| <br> | ||
| <br> | ||
| <a href="https://github.com/apu52/METAVERSE" target="_blank" | ||
| style="font-size: 20px; font-style:cursive;color: rgb(215, 213, 85);">Make sure you | ||
| checkout our socials and also ⭐ <b class="METAVERSE" style="cursor: pointer;">METAVERSE</b> on github</a> | ||
| </div> | ||
|
|
||
| <ul class="socials"> | ||
| <li><a href="https://github.com/apu52/METAVERSE" aria-label="Follow me on Github" title="Github (External Link)" | ||
| rel="noopener noreferrer" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a></li> | ||
| <li><a href="https://twitter.com/ArpanCh40193288" aria-label="Follow me on Twitter" title="Twitter (External Link)" | ||
| rel="noopener noreferrer" target="_blank"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i></a></li> | ||
| <li><a href="https://www.linkedin.com/in/arpan-chowdhury-775294251" aria-label="Follow me on Linkedin" | ||
| title="Linkedin (External Link)" rel="noopener noreferrer" target="_blank"><i | ||
| class="fa fa-linkedin-square" aria-hidden="true"></i></a></li> | ||
| </ul> | ||
| </div> | ||
| <div class="policy"> | ||
| <a href="privacynotice.html" target="_blank" | ||
| style="font-size: 20px; font-style:cursive;color: rgb(215, 213, 85);"> Privacy Notice</a> | ||
| <a href="copyright.html" target="_blank" | ||
| style="font-size: 20px; font-style:cursive;color: rgb(215, 213, 85);"> Copyright Policy</a> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
| </div> | ||
| <!-- SCROLL TO TOP BUTTON --> | ||
| <div id="progress"> | ||
| <span id="progress-value">🠕</span> | ||
| </div> | ||
|
|
||
| <!-- | ||
| - custom js link | ||
| --> | ||
| <script src="./assets/js/index.js"></script> | ||
| <script src="./assets/js/script.js"></script> | ||
| <script src="./assets/js/scroll.js"></script> | ||
| <script src="./assets/js/contributors.js"></script> | ||
| <script src="./assets/js/mouse_transition.js"></script> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters