SLICE.github.io/games.html at master · knowlife4/SLICE.github.io · GitHub

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
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Games - 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">
        <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(&quot;assets/img/Black.png&quot;);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(136,136,136,0.9);">Welcome</a></li>
                        <li class="nav-item" role="presentation" style="color: rgb(255,255,255);"><a class="nav-link active" 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" 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: rgba(52,52,52,0.7);"><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;">
            <div class="container-fluid d-flex justify-content-center align-items-center parallax-content" style="height:100vh;">
                <div class="row text-center justify-content-center align-items-center" style="width: 1211px;height: 487px;">
                    <div class="col-12 col-md-10 col-lg-8 d-flex justify-content-center flex-column" style="height: 412px;">
                        <h1 style="font-family: Aldrich, sans-serif;">Spongy Collection</h1>
                        <p style="font-family: Aldrich, sans-serif;">The games you never knew you needed.</p>
                        <div class="row">
                            <div class="col"><img src="assets/img/BBT_COVER-Recovered.png" data-bs-hover-animate="swing" style="width: 185px;margin-right: 0px;"><img src="assets/img/SpongebobTownRebuiltPoster-Recovered.png" data-bs-hover-animate="swing" style="width: 185px;margin-right: 0;margin-left: 20px;"><img src="assets/img/TSSMRPosterV2.png"
                                    data-bs-hover-animate="swing" style="width: 185px;margin-left: 20px;"></div>
                        </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(&quot;assets/img/Black.png&quot;);"></div>
        </div>
        <div class="parallax" style="opacity: 1;">
            <div class="container-fluid d-flex justify-content-center align-items-center parallax-content" style="height:100vh;">
                <div class="row text-center justify-content-center align-items-center" style="width: 1211px;height: 487px;">
                    <div class="col-12 col-md-10 col-lg-8 d-flex justify-content-center flex-column" style="height: 412px;">
                        <h1 style="font-family: Aldrich, sans-serif;">Expansive games...<br>On The Go!</h1>
                        <p style="font-family: Aldrich, sans-serif;">Large games, pocket size.<br></p>
                        <div class="row">
                            <div class="col"><img src="assets/img/Ques.png" data-bs-hover-animate="swing" style="width: 185px;margin-right: 0px;"><img src="assets/img/SDPOSTER.png" style="width: 185px;margin-right: 0;margin-left: 20px;"><img src="assets/img/Ques.png" data-bs-hover-animate="swing"
                                    style="width: 185px;margin-left: 20px;"></div>
                        </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/Editor.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(&quot;assets/img/Black.png&quot;);"></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>