Dateien hochladen nach „“
parent
40b1bb8ada
commit
572bfcc374
@ -0,0 +1,61 @@
|
|||||||
|
<html lang="de-de">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
|
||||||
|
<title>Elias| Links </title>
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!--Profil-Bild -->
|
||||||
|
<img src="pro.jpg" alt="pro.jpg" class="Profil-Bild">
|
||||||
|
<!--Prifil-Name-->
|
||||||
|
<div class="Profil-Name">Elias John</div>
|
||||||
|
<!--Text-->
|
||||||
|
<div class="text"> Thats ist my Page </div>
|
||||||
|
|
||||||
|
<!--Links-->
|
||||||
|
<a href="Webseite" target=_blank class="links">Link </a>
|
||||||
|
<a href="#" target="_blank"class="links"> link </a>
|
||||||
|
<a href="im" class="links">Twitter </a>
|
||||||
|
<a href="mailto:eliasjohhnn@gmail.com" class="links" > Mail </a>
|
||||||
|
<a href="https://t.me/elia_john" target="_blank"class="links">Telegram</a>
|
||||||
|
<!--social-media links -->
|
||||||
|
<div class="social-media">
|
||||||
|
<!--Instagram logo-->
|
||||||
|
|
||||||
|
<div class="instagram"></div>
|
||||||
|
<a href="https://www.instagram.com/elia.joh" target="_blank"> <svg class="logo-img" class="so" width="40" height="40" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="m75 512h362c41.355469 0 75-33.644531 75-75v-362c0-41.355469-33.644531-75-75-75h-362c-41.355469 0-75 33.644531-75 75v362c0 41.355469 33.644531 75 75 75zm-45-437c0-24.8125 20.1875-45 45-45h362c24.8125 0 45 20.1875 45 45v362c0 24.8125-20.1875 45-45 45h-362c-24.8125 0-45-20.1875-45-45zm0 0"></path>
|
||||||
|
<path d="m256 391c74.4375 0 135-60.5625 135-135s-60.5625-135-135-135-135 60.5625-135 135 60.5625 135 135 135zm0-240c57.898438 0 105 47.101562 105 105s-47.101562 105-105 105-105-47.101562-105-105 47.101562-105 105-105zm0 0"></path>
|
||||||
|
<path d="m406 151c24.8125 0 45-20.1875 45-45s-20.1875-45-45-45-45 20.1875-45 45 20.1875 45 45 45zm0-60c8.269531 0 15 6.730469 15 15s-6.730469 15-15 15-15-6.730469-15-15 6.730469-15 15-15zm0 0"></path>
|
||||||
|
</svg> </a>
|
||||||
|
|
||||||
|
<!--Tiktok logo -->
|
||||||
|
<div class="tiktok" >
|
||||||
|
<a href="https://www.tiktok.com/@elias_john"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="35" fill="#ff715b" viewBox="0 0 2859 3333" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd">
|
||||||
|
<path d="M2081 0c55 473 319 755 778 785v532c-266 26-499-61-770-225v995c0 1264-1378 1659-1932 753-356-583-138-1606 1004-1647v561c-87 14-180 36-265 65-254 86-398 247-358 531 77 544 1075 705 992-358V1h551z"></path>
|
||||||
|
</svg> </a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!--Impressum-->
|
||||||
|
<div class="footer2-logo-wrapper"><a href="impressum.html" target="_blank" class="link-dark">Impressum</a></div>
|
||||||
|
|
||||||
|
<!--bottom text-->
|
||||||
|
<a href="#" class="link-dark">Gebaut mit ❤️ in Flensburg</a></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,95 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
body{
|
||||||
|
background:#12141d;
|
||||||
|
font-family: 'Open Sans',sans-serif ;
|
||||||
|
font-size: 14px;
|
||||||
|
letter-spacing: 2px;}
|
||||||
|
|
||||||
|
img{ border-radius: 50% ;
|
||||||
|
border-color: coral;
|
||||||
|
border: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.Profil-Bild{
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-top: 3%;
|
||||||
|
height:auto;
|
||||||
|
max-width: 100px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.Profil-Name{
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
color: rgba(255, 255, 255, 0.808);
|
||||||
|
|
||||||
|
}
|
||||||
|
.text{
|
||||||
|
text-align: center;
|
||||||
|
padding: 10x;
|
||||||
|
color: rgba(255, 255, 255, 0.808);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.links{
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
padding:20px;
|
||||||
|
border: 10px solid #ff715b;
|
||||||
|
border-width: 2px;
|
||||||
|
border-radius: 40px;
|
||||||
|
width: 290px;
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
color: white;
|
||||||
|
transition:color 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.Links:hover{
|
||||||
|
|
||||||
|
background: #ff715b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-media {
|
||||||
|
padding-top: 40px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.link-dark {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
padding-top: 40px;
|
||||||
|
padding-bottom: 40px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.logo-img {
|
||||||
|
|
||||||
|
fill:#ff715b;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-img :hover {
|
||||||
|
fill:#ff715b;
|
||||||
|
animation: 7s ;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.8 KiB |
Loading…
Reference in New Issue