-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsocial.html
178 lines (143 loc) · 6.98 KB
/
social.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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html>
<title>SOCIAL ACCOUNTS</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="manifest" href="images/site.webmanifest">
<link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#000000">
<link rel="shortcut icon" href="images/favicon.ico">
<meta name="apple-mobile-web-app-title" content="Vid Kuralt">
<meta name="application-name" content="Vid Kuralt">
<meta name="msapplication-TileColor" content="#00aba9">
<meta name="msapplication-TileImage" content="images/mstile-144x144.png">
<meta name="msapplication-config" content="images/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
.center {
margin-left: auto;
margin-right: auto;
}
.boxed {
background-color: white;
width:auto;
height:auto;
}
p{
margin: 35px;
}
h2 {
margin-left: 35px;
}
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0px; /* Remove scrollbar space */
background: transparent; /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
background: #FF0000;
}
div.sticky {
position: sticky;
width: 100%;
bottom: 0px;
}
</style>
<body class="w3-light-white w3-content" style="max-width:2000px">
<!-- Sidebar/menu -->
<div class="w3-sidebar w3-bar-block w3-collapse w3-card" style="width:200px;" id="mySidebar">
<button class="w3-bar-item w3-button w3-hide-large"
onclick="w3_close()">Close ×</button>
<a href="index.html"><center><img src="images/vik.png" width="144px" height="144px" style="margin-top:40px" class="w3-hover-opacity"></center><br></a>
<h4><b><center>VID KURALT</center></b></h4>
<center><q class="w3-text-grey">Never, never, never give up!" - W. Churchill</q></center><br>
<a href="project_amber.html" class="w3-bar-item w3-button"><i class="fa fa-th-large fa-fw w3-margin-right"></i>Project Amber</a>
<a href="linux_a_line.html" class="w3-bar-item w3-button"><i class="fa fa-rss fa-fw w3-margin-right"></i>Linux A-Line</a>
<a href="https://kutt.it/0m7Y1p" target="_blank" class="w3-bar-item w3-button w3-padding"><i class="fa fa-picture-o fa-fw w3-margin-right"></i>Gallery</a>
<a href="index.html#about" class="w3-bar-item w3-button w3-padding"><i class="fa fa-user fa-fw w3-margin-right"></i>ABOUT</a>
<a href="index.html#contact" class="w3-bar-item w3-button w3-padding"><i class="fa fa-envelope fa-fw w3-margin-right"></i>CONTACT</a>
<a href="shared_folder.html" class="w3-bar-item w3-button w3-padding"><i class="fa fa-folder fa-fw w3-margin-right"></i>SHARED FOLDER</a>
<a href="https://www.paypal.me/vidkuralt" target="_blank" class="w3-bar-item w3-button w3-padding"><i class="fa fa-cc-paypal fa-fw w3-margin-right"></i>DONATE</a>
</div>
<div class="w3-main" style="margin-left:200px">
<header id="portfolio">
<div class="w3-teal">
<button class="w3-button w3-teal w3-xlarge w3-hide-large" onclick="w3_open()">☰</button>
<div class="w3-container">
<h1>LIST OF AND LINKS TO MY SOCIAL ACCOUNTS.</h1>
<p class="w3-center">If the account you have stumbled upon is not on the following list, then that account is not mine. In that case, please do report the impersonator / identity theft to the moderators. Thank you!</p>
</div>
</div>
</div>
</header>
<script>
function w3_open() {
document.getElementById("mySidebar").style.display = "block";
}
function w3_close() {
document.getElementById("mySidebar").style.display = "none";
}
</script>
<body>
<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:250px"> <br><br>
<!-- First Photo Grid-->
<div class="w3-row-padding w3-center">
<div class="w3-third w3-container w3-margin-bottom">
<a href="https://www.instagram.com/vid.kuralt/"><img src="images/Instagram_icon.png" alt="Instagram" style="width:50%" class="w3-hover-opacity"><br>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="https://www.facebook.com/vid.kuralt"><img src="images/Facebook.png" alt="Facebook" style="width:50%" class="w3-hover-opacity"><br>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="https://twitter.com/vidK_"><img src="images/twitter.png" alt="Twitter" style="width:50%" class="w3-hover-opacity"><br>
</div>
</div>
<!-- Second Photo Grid-->
<div class="w3-row-padding w3-center"><br><br>
<div class="w3-third w3-container w3-margin-bottom">
<a href="https://join.skype.com/invite/brYnvKdDxty8"><img src="images/Skype.png" alt="Skype" style="width:50%" class="w3-hover-opacity"></a><br>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="https://discordapp.com/users/461972082180489227/"><img src="images/discord.png" alt="Discord" style="width:50%" class="w3-hover-opacity"></a><br>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="https://www.reddit.com/user/vidK_"><img src="images/Reddit.png" alt="Reddit" style="width:50%" class="w3-hover-opacity"><br>
</div>
</div>
<!-- Third Photo Grid-->
<div class="w3-row-padding w3-center"><br><br>
<div class="w3-third w3-container w3-margin-bottom">
<a href="https://github.com/vidkuralt"><img src="images/Github.png" alt="Github" style="width:50%" class="w3-hover-opacity"><br>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="https://www.bikemap.net/en/u/kuraltvid/"><img src="images/Bikemap.jfif" alt="Bikemap" style="width:50%" class="w3-hover-opacity"><br>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="http://en.gravatar.com/vidkuralt"><img src="images/Wordpress.png" alt="Wordpress" style="width:50%" class="w3-hover-opacity"><br>
</div>
</div>
<!-- Fourth Photo Grid-->
<div class="w3-row-padding w3-center"><br><br>
<div class="w3-third w3-container w3-margin-bottom">
<a href="https://www.youtube.com/c/KuraltVid"><img src="images/YouTube.png" alt="Youtube" style="width:50%" class="w3-hover-opacity"><br>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="https://www.twitch.tv/kuraltvid"><img src="images/Twitch.png" alt="Twitch" style="width:50%" class="w3-hover-opacity"><br>
</div>
</div>
</div>
<div class="w3-black w3-padding-24 sticky w3-center" style="margin-left:100px">Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-opacity">w3.css</a></div>
<!-- End page content -->
</body>
</html>