NavigateX/static/Home.html

170 lines
7.2 KiB
HTML

<!DOCTYPE html>
<link rel="stylesheet" href="LOOK/Start.css">
<link rel="stylesheet" href="LOOK/Menu.css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="description" content="..">
<meta name="mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" sizes="192x192" href="IMGS/X.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Sozial">
<link rel="apple-touch-icon-precomposed" href="IMGS/X.png">
<meta name="msapplication-TileImage" content="IMGS/X.png">
<meta name="msapplication-TileColor" content="#3372DF">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="shortcut icon" href="IMGS/X.png">
<script src="SCRIPTS/Search.js"></script>
<head>
<title>NavigateX</title>
<img id="rotateImage" src="IMGS/X.png" alt="Bild" width="20" height="20" onclick="toggleImage()">
<div id="menu">
<button class="menu-button" data-page="Home.html">
<img class="Sicon" src="IMGS/Startseite.png" alt="Avatar" width="18" height="18">
<div class="Stext">Start</div></button>
<button class="menu-button" data-page="Narichten.html">
<img class="Nicon" src="IMGS/Neuigkeiten.png" alt="Avatar" width="20" height="20">
<div class="Ntext">News</div></button>
<button class="menu-button" data-page="Entwicklung.html">
<img class="Wicon" src="IMGS/Web-entwicklung.png" alt="Avatar" width="20" height="20">
<div class="Wtext">Dev</div></button>
</div>
<script src="SCRIPTS/Menu.js"></script>
<img src="IMGS/NavigateX.png" id="XTitle" class="XTitle">
</head>
<body>
<input type="text" id="searchBox" placeholder="NavigateX durchsuchen...">
<button class="clear-button" id="clear-button" onclick="clearSearchBox()">
<img src="IMGS/Eraser.png" class="search-icon" alt="Lupe" width="30" height="30">
</button>
<button class="search-button" id="search-button" onclick="searchGoogle()">
<img src="IMGS/Search.png" class="search-icon" alt="Lupe" width="30" height="30">
</button>
<div class="separator"></div>
<div class="element"></div>
<div class="box-container">
<div class="box">
<div class="image-container">
<a href="https://youtube.com" target="_blank"><img src="IMGS/ICONS/youtube.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://tiktok.com" target="_blank"><img src="IMGS/ICONS/tiktok.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://twitch.com" target="_blank"><img src="IMGS/ICONS/twitch.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://x.com" target="_blank"><img src="IMGS/ICONS/twitter.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://snapchat.com" target="_blank"><img src="IMGS/ICONS/snapchat.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://instagram.com" target="_blank"><img src="IMGS/ICONS/instagram.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://web.telegram.org" target="_blank"><img src="IMGS/ICONS/telegramm.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://whatsapp.com" target="_blank"><img src="IMGS/ICONS/whatsapp.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://facebook.com" target="_blank"><img src="IMGS/ICONS/facebook.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://netflix.com" target="_blank"><img src="IMGS/ICONS/netflix.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://m.vk.com" target="_blank"><img src="IMGS/ICONS/vk.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://reddit.com" target="_blank"><img src="IMGS/ICONS/reddit.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://pinterest.com" target="_blank"><img src="IMGS/ICONS/pinterest.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://skype.com" target="_blank"><img src="IMGS/ICONS/skype.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://spotify.com" target="_blank"><img src="IMGS/ICONS/spotify.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://soundcloud.com" target="_blank"><img src="IMGS/ICONS/soundcloud.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://paypal.com" target="_blank"><img src="IMGS/ICONS/paypal.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://dropbox.com" target="_blank"><img src="IMGS/ICONS/dropbox.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://github.com" target="_blank"><img src="IMGS/ICONS/github.png" alt="" width="40" height="40"></a>
</div>
</div>
<div class="box">
<div class="image-container">
<a href="https://linkedin.com" target="_blank"><img src="IMGS/ICONS/linkedin.png" alt="" width="40" height="40"></a>
</div>
</div>
</body>
</html>