-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
socials.html
132 lines (129 loc) · 11.1 KB
/
socials.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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MS2KT2M');</script>
<!-- End Google Tag Manager -->
<script src="https://cdn.jsdelivr.net/gh/virae/[email protected]/badge.js" async></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>nikander100's Socials</title>
<meta name="twitter:image" content="https://nikander100.tk/assets/img/Assets/logos/logoNew.png">
<meta name="twitter:title" content="nikander100's Socials">
<meta property="og:title" content="nikander100's Socials">
<meta property="og:image" content="">
<meta property="og:type" content="">
<meta name="description" content="This is where all nikander100 his social links live!
if you need to find me online this is the best place to be!">
<meta property="og:description" content="This is where all nikander100 his social links live!
if you need to find me online this is the best place to be!">
<meta name="twitter:card" content="">
<meta name="twitter:description" content="This is where all nikander100 his social links live!
if you need to find me online this is the best place to be!">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="assets/css/Contact-Form-Clean.css">
<link rel="stylesheet" href="assets/css/CustomBS.css">
<link rel="stylesheet" href="assets/css/Footer-with-social-media-icons.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<link rel="stylesheet" href="assets/css/socials.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon16x16.png">
<link rel="manifest" href="/assets/favicons/site.webmanifest">
<link rel="mask-icon" href="/assets/favicons/safari-pinned-tab.svg" color="#aa00ff">
<link rel="shortcut icon" href="/assets/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#aa00ff">
<meta name="msapplication-TileImage" content="/assets/favicons/mstile-144x144.png">
<meta name="msapplication-config" content="/assets/favicons/browserconfig.xml">
<meta name="theme-color" content="#aa00ff">
</head>
<body id="page-top" style="min-width: 400px;"><!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MS2KT2M"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<nav class="navbar navbar-light navbar-expand-lg fixed-top bg-secondary text-uppercase" id="mainNav">
<div class="container"><a class="navbar-brand js-scroll-trigger" href="index.html">nikander100</a><button data-toggle="collapse" data-target="#navbarResponsive" class="navbar-toggler text-white bg-primary navbar-toggler-right text-uppercase rounded" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fa fa-bars"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="index.html">Home</a></li>
<li class="nav-item mx-0 mx-lg-1"></li>
<li class="nav-item mx-0 mx-lg-1"></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" data-toggle="modal" href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<header class="text-center text-white bg-primary masthead" style="padding-top: 0px;"></header>
<section class="text-white bg-primary mb-0" id="socials">
<div class="container socButtonContainer" style="max-width: 680px;">
<h2 class="text-uppercase text-center text-white">My Socials</h2>
<hr class="star-light mb-5">
<div class="row socButtonRow" style="padding-top: 0px;">
<div class="col-md-12 pulse animated infinite socButtonCollum"><button class="btn btn-primary socButton" data-bss-hover-animate="tada" id="button-1" type="button" style="box-shadow: 0px 0px 12px rgba(255,255,255,0.75);"><i class="fab fa-twitch socButtonIcon"></i><a class="stretched-link" href="https://www.twitch.tv/nikander100" target="_blank">Twitch</a></button></div>
</div>
<div class="row socButtonRow">
<div class="col-md-12 socButtonCollum"><button class="btn btn-primary socButton" data-bss-hover-animate="tada" id="button-2" type="button" style="box-shadow: 0px 0px 12px rgba(255,255,255,0.75);"><i class="fab fa-youtube socButtonIcon"></i><a class="stretched-link" href="https://www.youtube.com/nikander100" target="_blank">Youtube</a></button></div>
</div>
<div class="row socButtonRow">
<div class="col-md-12 socButtonCollum"><button class="btn btn-primary socButton" data-bss-hover-animate="tada" id="button-3" type="button" style="box-shadow: 0px 0px 12px rgba(255,255,255,0.75);"><i class="fab fa-github socButtonIcon"></i><a class="stretched-link" href="https://github.com/nikander100" target="_blank">Github</a></button></div>
</div>
<div class="row socButtonRow">
<div class="col-md-12 socButtonCollum"><button class="btn btn-primary socButton" data-bss-hover-animate="tada" id="button-4" type="button" style="box-shadow: 0px 0px 12px rgba(255,255,255,0.75);"><i class="fab fa-instagram socButtonIcon"></i><a class="stretched-link" href="https://www.instagram.com/nikander100" target="_blank">Instagram</a></button></div>
</div>
<div class="row socButtonRow">
<div class="col-md-12 socButtonCollum"><button class="btn btn-primary socButton" data-bss-hover-animate="tada" id="button-5" type="button" style="box-shadow: 0px 0px 12px rgba(255,255,255,0.75);"><i class="fab fa-discord socButtonIcon"></i><a class="stretched-link" href="https://discord.gg/z5hd6mbyEf" target="_blank">Discord</a></button></div>
</div>
<div class="row socButtonRow">
<div class="col-md-12 socButtonCollum"><button class="btn btn-primary socButton" data-bss-hover-animate="tada" id="button-6" type="button" style="box-shadow: 0px 0px 12px rgba(255,255,255,0.75);"><i class="fab fa-reddit-alien socButtonIcon"></i><a class="stretched-link" href="https://www.reddit.com/r/nikander100" target="_blank">Reddit</a></button></div>
</div>
<div class="row socButtonRow">
<div class="col-md-12 socButtonCollum"><button class="btn btn-primary socButton" data-bss-hover-animate="tada" id="button-7" type="button" style="box-shadow: 0px 0px 12px rgba(255,255,255,0.75);"><i class="fas fa-coffee socButtonIcon"></i><a class="stretched-link" href="https://ko-fi.com/nikander100" target="_blank">Ko-Fi</a></button></div>
</div>
</div>
</section>
<div class="text-center text-white copyright py-4" id="footer">
<footer id="footerpad" style="padding: 0px;">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-8 mx-auto">
<ul class="list-inline text-center">
<li class="list-inline-item"><a href="https://www.facebook.com/nikander100"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-facebook fa-stack-1x fa-inverse"></i></span></a></li>
<li class="list-inline-item"><a href="https://twitter.com/nikander100_"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-twitter fa-stack-1x fa-inverse"></i></span></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com/nikander100/"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-instagram fa-stack-1x fa-inverse"></i></span></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/nikander100"><span class="fa-stack fa-lg"><span class="fa fa-circle fa-stack-2x"></span><i class="fa fa-youtube-play fa-stack-1x fa-inverse"></i></span></a></li>
<li class="list-inline-item"><a href="https://www.codam.nl"><span class="fa-stack fa-lg"><span class="fa fa-circle fa-stack-2x"></span><img class="fa-stack-1x fa-inverse" style="width: 42px;height: 42px;margin-left: 1px;" src="assets/img/Assets/logos/codam.svg"></span></a></li>
</ul>
<p class="copyright text-monospace">Copyright © Nikander "nikander100" van der Schee - 2024<br>Web Design by - nikander100</p>
</div>
</div>
</div>
</footer>
</div>
<div class="d-lg-none scroll-to-top position-fixed rounded"><a class="text-center text-white d-block js-scroll-trigger rounded" href="#page-top"><i class="fa fa-chevron-up"></i></a></div>
<div class="modal text-center" role="dialog" tabindex="-1" id="contact">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
<h3 style="margin-bottom: 0px;font-family: Montserrat, sans-serif;">Contact me!<br><br>through Discord:<br>@nikander100<br><br>by email:<br>[email protected]</h3>
<div class="modal-footer pb-5"><a class="btn btn-primary btn-lg mx-auto rounded-pill portfolio-modal-dismiss" role="button" data-dismiss="modal"><i class="fa fa-close"></i> Close</a></div>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="assets/js/freelancer.js"></script>
</body>
</html>