-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathnews.html
More file actions
60 lines (57 loc) · 5.79 KB
/
news.html
File metadata and controls
60 lines (57 loc) · 5.79 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>News - SLICE</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,600,600i">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aldrich">
<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/baguettebox.js/1.10.0/baguetteBox.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
<link href = "fav.png"
rel = "icon">
</head>
<body>
<main class="text-center page landing-page" style="height: 1471px;">
<nav class="navbar navbar-light navbar-expand-lg text-white bg-white clean-navbar" style="background-color: rgba(255,255,255,0);background-image: url("assets/img/Black.png");background-repeat: no-repeat;background-size: cover;background-position: center;opacity: 1;">
<div class="container-fluid"><a class="navbar-brand logo" href="index.html" style="height: 78px;width: 116px;"><img src="assets/img/sliceinteractive2.png" data-bs-hover-animate="rubberBand" style="width: 123px;"></a><button class="navbar-toggler" data-toggle="collapse" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div
class="collapse navbar-collapse" id="navcol-1">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item" role="presentation" style="color: rgb(255,255,255);"><a class="nav-link" href="index.html" data-bs-hover-animate="pulse" style="color: rgba(135,135,135,0.9);">Welcome</a></li>
<li class="nav-item" role="presentation" style="color: rgb(255,255,255);"><a class="nav-link" href="games.html" data-bs-hover-animate="pulse" style="color: rgba(255,255,255,0.5);">Games</a></li>
<li class="nav-item" role="presentation" style="color: rgb(255,255,255);"><a class="nav-link active" href="news.html" data-bs-hover-animate="pulse" style="color: rgba(255,255,255,0.5);">News</a></li>
<li class="nav-item" role="presentation" style="color: rgb(255,255,255);"><a class="nav-link" href="about-us.html" data-bs-hover-animate="pulse" style="color: rgba(52,52,52,0.7);">Community</a></li>
<li class="nav-item" role="presentation" style="color: rgb(255,255,255);"><a class="nav-link" href="contact-us.html" data-bs-hover-animate="pulse" style="color: rgba(52,52,52,0.7);">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
<div class="parallax" style="opacity: 1;height: 1362px;">
<h1 style="color: rgb(255,255,255);font-size: 34px;font-family: Aldrich, sans-serif;"><br>Latest news is available on the corresponding Discord servers!</h1>
<div class="container-fluid text-center d-flex justify-content-center align-items-center parallax-content" style="height: 148vh;width: 1157px;">
<div class="col-auto align-self-center" style="padding-left: 0px;height: 747px;padding-right: 0px;margin-bottom: 251px;">
<div class="row justify-content-center align-items-center" style="height: 532px;width: 353px;">
<div class="col align-self-center">
<h2 class="text-center" style="font-size: 20px;font-family: Aldrich, sans-serif;">Bikini Bottom Tales</h2><a class="btn btn-primary text-center" role="button" href="https://discord.gg/yMvG7DC" style="width: 159px;">Join the Discord!</a></div>
<div class="col align-self-center">
<h2 class="text-center" style="font-size: 20px;font-family: Aldrich, sans-serif;"><br>The SpongeBob Movie Game: Reabsorbed</h2><a class="btn btn-primary text-center" role="button" href="https://discord.gg/KFCUTBW" style="width: 159px;">Join the Discord!</a></div>
<div class="col align-self-center">
<h2 class="text-center" style="font-size: 20px;font-family: Aldrich, sans-serif;"><br>SpongeBob Town: Rebuilt</h2><a class="btn btn-primary text-center" role="button" href="https://discord.gg/eDXHRTa" style="width: 159px;">Join the Discord!</a></div>
<div class="col align-self-center">
<h2 class="text-center" style="font-size: 20px;font-family: Aldrich, sans-serif;"><br>SLICEY DUNGEON</h2><a class="btn btn-primary text-center" role="button" href="https://discord.gg/28gSUmU" style="width: 159px;">Join the Discord!</a></div>
</div>
</div>
</div><video autoplay="" muted="" loop="" class="parallax-background" style="filter: blur(20px) brightness(50%) contrast(120%) grayscale(27%);"><source src="https://github.com/knowlife4/SLICE-Interactive/blob/master/BackFootage.mp4?raw=true" type="video/mp4" wp-acf="[{'type':'url','name':'video','label':'Video','wrapper':{'width':25}},{'type':'text','name':'video_css','label':'Video CSS (eg. filters)','wrapper':{'width':25}}]" wp-attr="[{'target':'src','replace':'%1'},{'target':'parent_style','replace':'%2'}]"></video>
<div
class="parallax-placeholder" style="background-image: url("assets/img/Black.png");"></div>
</div>
</main>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>