<!DOCTYPE html>

<html lang="en">

<head>
    <title>Xenolda</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="css/styles.css" type="text/css">
<style>
	* {
			margin: 0;
			padding: 0;
		}
		body {
			background-color: #000C20;
		}
		.bg {
			width: 100%;
			height: 100vh;
			background-image: linear-gradient(45deg, #000C20 0%, #2E6FAD 46%, #37EEE8 100%);
		}
		.glass {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		.glass li {
			position: absolute;
			display: block;
			list-style: none;
			width: 20px;
			height: 20px;
			background: rgba(255, 255, 255, 0.1);
			border: 1px solid rgba(255, 255, 255, 0.18);
			animation: spin 5s linear infinite;
			bottom: -150px;
		}
		.glass li:nth-child(1){
			left: 35%;
			width: 150px;
			height: 150px;
			animation-delay: 0s;
		}
		.glass li:nth-child(2){
			left: 10%;
			width: 20px;
			height: 20px;
			animation-delay: 2s;
			animation-duration: 12s;
		}
		.glass li:nth-child(3){
			left: 70%;
			width: 20px;
			height: 20px;
			animation-delay: 4s;
		}
		.glass li:nth-child(4){
			left: 40%;
			width: 60px;
			height: 60px;
			animation-delay: 0s;
			animation-duration: 18s;
		}
		.glass li:nth-child(5){
			left: 65%;
			width: 20px;
			height: 20px;
			animation-delay: 0s;
		}
		.glass li:nth-child(6){
			left: 75%;
			width: 110px;
			height: 110px;
			animation-delay: 3s;
		}
		.glass li:nth-child(7){
			left: 35%;
			width: 150px;
			height: 150px;
			animation-delay: 7s;
		}
		.glass li:nth-child(8){
			left: 50%;
			width: 25px;
			height: 25px;
			animation-delay: 15s;
			animation-duration: 45s;
		}
		.glass li:nth-child(9){
			left: 20%;
			width: 15px;
			height: 15px;
			animation-delay: 2s;
			animation-duration: 35s;
		}
		.glass li:nth-child(10){
			left: 85%;
			width: 150px;
			height: 150px;
			animation-delay: 0s;
			animation-duration: 11s;
		}
		@keyframes spin {
			0% {
				transform: translateY(0) rotate(0deg);
				opacity: 1;
				border-radius: 0;
			}
			100% {
				transform: translateY(-1000px) rotate(720deg);
				opacity: 0;
				border-radius: 50%;
			}
		}
</style>
</head>

<body>
<div class="bg">
<ul class="glass">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>

      <h1>Xenolda bot Discord for your server</h1>
             <a class="logo" href="index.html">
       </a>
      <h2>Xenolda bot of Security</h2>
      <p>Xenolda is equipped with protection command: Sentinel; Self-moderation; Antiraid; lock / unlock. It also has full moderation control.</p>
      <h2>Xenolda IA assistant</h2>
      <p>It is equipped with an "ia" capable of answering your problems or your questions. Ask anything, she will answer you! of course, it's not over, there will be daily updates</p>
      <h2>Other command and future command?</h2>
      <p>It also has info, avatar, fun controls, and more. I announce that for a future update, there will be the addition of a fun image.</p>
<p href="https://docs.google.com/document/d/1-ZDNmvcx_UVYOepMVcn4bNmlDomcVRDzmhfD11vngjs/edit?usp=sharing">Privacy  Policy : https://docs.google.com/document/d/1-ZDNmvcx_UVYOepMVcn4bNmlDomcVRDzmhfD11vngjs/edit?usp=sharing</p>
             <a class="logo" href="index.html">
       </a>
</div>
    <footer>
        <p>
            <small>  &copy; Dhypse 2020. All rights reserved. </small>
        </p>
        <ul>
            <a href="#">Website panel</a>
            <a href="#">    Server Support</a>
            <a href="#">    Commands</a>
        </ul>
      
    </footer>

</body>

</html>

Xenolda

Specializing in security and fun mainly, Xenolda is an AI assistant to meet your needs [FR / EN]

Voting for Xenolda

Möchtest du uns unterstützen?