Archived
0
0
Fork 0
This repository has been archived on 2024-02-06. You can view files and clone it, but cannot push or open issues or pull requests.
links/index.html

77 lines
1.7 KiB
HTML
Raw Normal View History

2021-10-16 19:57:47 +00:00
<!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">
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
html {
font-family: 'Roboto', sans-serif;
}
body {
background: linear-gradient(45deg, #ff0000, #ffa500, #ffff00, #008000, #0000ff, #4b0082, #ee82ee);
background-size: 2000% 2000%;
height: 100vh;
animation: Gradient 25s ease infinite;
}
button {
border: none;
border-radius: 100px;
width: 60vh;
height: 5vh;
margin: 1%;
font-size: 25px;
color: white;
cursor: pointer;
}
button:hover {
filter: brightness(85%);
box-shadow: 0 10px 10px rgb(0 0 0 / 0.2);
}
#github {
background-color: black;
}
#main {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#twitter {
background-color: #1DA1F2;
}
@keyframes Gradient {
0%{ background-position:0% 100% }
50%{ background-position:100% 0% }
100%{ background-position:0% 100% }
}
</style>
<title>Relms' Links</title>
</head>
<body>
<div id="main">
<h1>Relms</h1>
<br />
<h5 style="font-size: 25px;">Relms is a fullstack Developer working on several projects. Below you can find some links to her socials :3</h5>
<br />
<a href="https://github.com/Relms12345" target="_blank"><button id="github"> <img src="./assets/github.png" alt="github" width="20px" height="20px"> GitHub</button></a>
<a href="https://twitter.com/relms12345" target="_blank"><button id="twitter"> <img src="./assets/twitter.svg" alt="twitter" width="20px" height="20px"> Twitter</button></a>
</div>
</body>
</html>