-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsocialmedia.html
140 lines (113 loc) · 6.03 KB
/
socialmedia.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
<!--
Not everything here's actual social media, more just accounts that I have and wanna share.
The name "social media" just sounds better in my opinion
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="The official social media webpage of WazzaP, also known as ItsWazzaP.">
<meta name="keywords" content="WazzaP, ItsWazzaP, Roblox, gaming, YouTube, horror games, challenges, Pressure, personal website">
<meta name="author" content="WazzaP">
<title>Social Media</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
<link rel="icon" href="assets/favicon.png" type="image/png">
<script src="assets/script.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9G5W4YSQGD"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-9G5W4YSQGD');
</script>
</head>
<body>
<!--=============NAVIGATION BAR============================================-->
<nav class="navbar">
<div class="logo" id="LogoDiv">
<a href="https://www.youtube.com/@ItsWazzaP/" target="_blank">
<img src="assets/WazzaP.png" alt="Logo" id="LogoImg">
</a>
</div>
<div class="nav-links">
<a href="index.html" class="nav-button">Home</a>
<span></span>
<a href="content.html" class="nav-button">Content</a>
<span></span>
<a href="announcements.html" class="nav-button">Announcements</a>
<span></span>
<a href="socialmedia.html" class="nav-button-viewing">Social Media</a>
<span></span>
<a href="contact.html" class="nav-button">Contact</a>
</div>
</nav>
<!--=============PAGE CONTENTS 1============================================-->
<div class="mobile-navbar-separation"></div>
<section>
<p class="social-media-title"><b>My social media</b></p>
<div class="social-media-row">
<!--FIRST-->
<div class="social-media-row-one" data-delay="1">
<div>
<img src="assets/social_media/youtube.png" width="100" height="100" class="social-media-images" alt="YouTube">
<p class="social-media-text">YouTube</p>
<a href="https://www.youtube.com/@ItsWazzaP/" target="_blank" class="social-media-button">Visit</a>
</div>
<div>
<img src="assets/social_media/x.png" width="100" height="100" class="social-media-images" alt="Twitter/X">
<p class="social-media-text">Twitter/X</p>
<a href="https://x.com/ItsWazzaP/" target="_blank" class="social-media-button">Visit</a>
</div>
<div>
<img src="assets/social_media/roblox.png" width="100" height="100" class="social-media-images" alt="Roblox">
<p class="social-media-text">Roblox</p>
<a href="https://www.roblox.com/users/3270523528/profile/" target="_blank" class="social-media-button">Visit</a>
</div>
</div>
<!--SECOND-->
<div class="social-media-row-two" data-delay="2">
<div>
<img src="assets/social_media/twitch.png" width="100" height="100" class="social-media-images" alt="Twitch">
<p class="social-media-text">Twitch</p>
<a href="https://www.twitch.tv/itswazzap/" target="_blank" class="social-media-button">Visit</a>
</div>
<div>
<img src="assets/social_media/bluesky.png" width="100" height="100" class="social-media-images" alt="BlueSky">
<p class="social-media-text">BlueSky</p>
<a href="https://bsky.app/profile/wazzap.org/" target="_blank" class="social-media-button">Visit</a>
</div>
<div>
<img src="assets/social_media/steam.png" width="100" height="100" class="social-media-images" alt="Steam">
<p class="social-media-text">Steam</p>
<a href="https://steamcommunity.com/id/itswazzap/" target="_blank" class="social-media-button">Visit</a>
</div>
</div>
<!--THIRD-->
<div class="social-media-row-three" data-delay="3">
<div>
<img src="assets/social_media/github.png" width="100" height="100" class="social-media-images" alt="GitHub">
<p class="social-media-text">GitHub</p>
<a href="https://github.com/ItsWazzaP/" target="_blank" class="social-media-button">Visit</a>
</div>
<div>
<img src="assets/social_media/reddit.png" width="100" height="100" class="social-media-images" alt="Reddit">
<p class="social-media-text">Reddit</p>
<a href="https://www.reddit.com/user/ItsWazzaPPlaysYT/" target="_blank" class="social-media-button">Visit</a>
</div>
<div>
<img src="assets/social_media/epic_games.png" width="100" height="100" class="social-media-images" alt="Epic Games">
<p class="social-media-text">Epic Games</p>
<a href="https://store.epicgames.com/en-US/u/948f8434f957427893cd885eee88bff0/" target="_blank" class="social-media-button">Visit</a>
</div>
</div>
</div>
</section>
<div class="footer-separation-padding"></div>
<!--=============FOOTER============================================-->
<footer id="IndexFooter">
<p>Copyright © 2025 <a href="https://wazzap.org" target="_blank" id="FooterHyperlink">wazzap.org</a><!-- | Powered by <a href="https://www.youtube.com/@ItsWazzaP/" id="FooterHyperlink" target="_blank">WazzaP</a></p>-->
</footer>
</body>
</html>