index.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Home - Sv443 Network</title>
  5. <!-- #SECTION meta -->
  6. <meta charset="UTF-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <meta name="HandheldFriendly" content="true">
  9. <!-- page name -->
  10. <meta name="pagename" content="Sv443 Network">
  11. <meta property="og:title" content="Sv443 Network">
  12. <meta name="application-name" content="Sv443 Network">
  13. <meta name="description" content="A small network offering free to use and open source applications and services">
  14. <meta name="twitter:card" content="A small network offering free to use and open source applications and services">
  15. <meta property="og:description" content="A small network offering free to use and open source applications and services">
  16. <!-- other -->
  17. <meta name="copyright" content="Sv443 - MIT license ( https://sv443.net/LICENSE )">
  18. <meta name="author" content="Sv443 ([email protected])">
  19. <meta name="google-site-verification" content="_oYMGw_A8atIEi97sffInQNpEVrgp25lgCH2uDZ9WUs">
  20. <meta name="msvalidate.01" content="E7F67DC0A96E1B4B82A133B38600F151">
  21. <meta property="og:url" content="https://sv443.net/">
  22. <meta property="og:image" content="https://sv443.net/favicon.png">
  23. <meta property="og:type" content="profile">
  24. <meta property="og:locale" content="en_US">
  25. <meta property="og:locale:alternate" content="en_GB">
  26. <meta property="og:locale:alternate" content="de_DE">
  27. <meta property="og:locale:alternate" content="de_CH">
  28. <meta property="og:locale:alternate" content="de_AT">
  29. <!-- icon -->
  30. <link rel="apple-touch-icon" sizes="180x180" href="/resources/icons/apple-touch-icon.png">
  31. <link rel="icon" type="image/png" sizes="32x32" href="/resources/icons/favicon-32x32.png">
  32. <link rel="icon" type="image/png" sizes="16x16" href="/resources/icons/favicon-16x16.png">
  33. <link rel="manifest" href="/resources/icons/site.webmanifest">
  34. <link rel="mask-icon" href="/resources/icons/safari-pinned-tab.svg" color="#000000">
  35. <link rel="shortcut icon" href="/resources/icons/favicon.ico">
  36. <meta name="msapplication-TileColor" content="#000000">
  37. <meta name="msapplication-config" content="/resources/icons/browserconfig.xml">
  38. <meta name="theme-color" content="#000000">
  39. <!-- #SECTION scripts -->
  40. <script src="./js/index.js"></script>
  41. <!-- #SECTION styles -->
  42. <link rel="stylesheet" href="./css/global.css">
  43. <link rel="stylesheet" href="./css/index.css">
  44. </head>
  45. <body data-lang="en">
  46. <header>
  47. <h1 class="flexItem">Sv443 Network</h1>
  48. <nav id="menu" class="flexItem">
  49. <ul class="menuOptionContainer">
  50. <div class="menuOption menuMainOption"><a>MainOpt</a></div>
  51. <li class="menuOption menuSubOption"><a>Opt 1</a></li>
  52. <li class="menuOption menuSubOption"><a>Opt 2</a></li>
  53. </ul>
  54. </nav>
  55. <select id="switchLang" class="flexItem" value="en" onchange="switchLang(this.value)">
  56. <option value="en" selected>English</option>
  57. <option value="de">Deutsch</option>
  58. </select>
  59. </header>
  60. <main>
  61. Ipsum consequat mollit ea Lorem ea est et ea dolore do aliqua. Dolor nisi esse mollit Lorem. Eiusmod dolor minim laborum ex dolor minim pariatur quis reprehenderit adipisicing velit laboris do. Pariatur pariatur ut proident amet aute irure veniam ipsum officia tempor dolor. Dolor enim proident quis amet non sit sit do pariatur duis excepteur amet labore. Amet non nulla reprehenderit ea duis enim tempor nulla. Ex aute veniam proident nisi excepteur consectetur pariatur commodo aliquip nostrud irure.<br>
  62. Ipsum consequat mollit ea Lorem ea est et ea dolore do aliqua. Dolor nisi esse mollit Lorem. Eiusmod dolor minim laborum ex dolor minim pariatur quis reprehenderit adipisicing velit laboris do. Pariatur pariatur ut proident amet aute irure veniam ipsum officia tempor dolor. Dolor enim proident quis amet non sit sit do pariatur duis excepteur amet labore. Amet non nulla reprehenderit ea duis enim tempor nulla. Ex aute veniam proident nisi excepteur consectetur pariatur commodo aliquip nostrud irure.<br>
  63. Ipsum consequat mollit ea Lorem ea est et ea dolore do aliqua. Dolor nisi esse mollit Lorem. Eiusmod dolor minim laborum ex dolor minim pariatur quis reprehenderit adipisicing velit laboris do. Pariatur pariatur ut proident amet aute irure veniam ipsum officia tempor dolor. Dolor enim proident quis amet non sit sit do pariatur duis excepteur amet labore. Amet non nulla reprehenderit ea duis enim tempor nulla. Ex aute veniam proident nisi excepteur consectetur pariatur commodo aliquip nostrud irure.<br>
  64. </main>
  65. </body>
  66. </html>