-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
39 lines (36 loc) · 2.69 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/all.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<!-- <link rel="stylesheet" href="css/site.css"> -->
<link rel="stylesheet" href="css/site.min.css">
<title>Your title</title>
</head>
<body>
<div id="masthead">
<div>
<div>
<h1 class="font-weight-light animate__animated animate__fadeInUp">root@bonn333.eu</h1>
<p class="lead animate__animated animate__fadeInUp animate__delay-1s">Lorem ipsum dolor sit amet consectetur.</p>
<p class="lead">
<a target="_blank" href="#" style="animation-delay: 2s" class="btn btn-lg btn-outline-light animate__animated animate__fadeInUp fab fa-telegram"></a>
<a target="_blank" href="#" style="animation-delay: 2.15s" class="btn btn-lg btn-outline-light animate__animated animate__fadeInUp fab fa-twitter"></a>
<a target="_blank" href="#" style="animation-delay: 2.30s" class="btn btn-lg btn-outline-light animate__animated animate__fadeInUp fab fa-github"></a>
<a target="_blank" href="#" style="animation-delay: 2.45s" class="btn btn-lg btn-outline-light animate__animated animate__fadeInUp fab fa-gitlab"></a>
<a target="_blank" href="#" style="animation-delay: 2.60s" class="btn btn-lg btn-outline-light animate__animated animate__fadeInUp fas fa-envelope"></a>
</p>
</div>
</div>
</div>
<script src="js/popper.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/tsparticles.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>$(window).scroll(function(){$('nav').toggleClass('scrolled', $(this).scrollTop() > 512);});</script>
<script>particlesJS("masthead",{particles:{number:{value:170,density:{enable:!1,value_area:700}},color:{value:["#fff","#6361ac","#bebf28","#c905d6"]},opacity:{value:.5,random:!1,anim:{enable:!0,speed:2,opacity_min:0,sync:!1}},size:{value:6,random:!1,anim:{enable:!0,speed:5,size_min:0,sync:!1}},line_linked:{enable:!0,distance:100,color:"#ffffff",opacity:.2,width:1},move:{enable:!0,speed:9,direction:"none",random:!0,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:600,rotateY:1200}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"grab"},onclick:{enable:!1,mode:"grab"},resize:!0},modes:{grab:{distance:150,line_linked:{opacity:1}},bubble:{distance:400,size:40,duration:2,opacity:8,speed:3},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},fpsLimit: 120});</script>
</body>
</html>