Socialify

Folder ..

Viewing index.html
76 lines (75 loc) • 2.6 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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <link rel="stylesheet" href="css/animate.css">
      <script src="js/wow.js"></script>
              <script>
              new WOW().init();
              </script>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css" crossorigin="anonymous">

    <title>BackSlash Live Chat</title>
      <style>
          body {
              background-color: #fffdf9;
          }
          .std {
              position:absolute;
              top:50%;
              left:50%;
              -ms-transform: translateX(-50%) translateY(-50%);
              -webkit-transform: translate(-50%,-50%);
              transform: translate(-50%,-50%);
              text-align: center;
          }
          .hero {
              height: 300px;
              padding: 20px;
          }
          .b {
              font-weight: lighter !important;
              
          }
          .footer {
              position: absolute;
              bottom: 0;
              text-align: center;
              left:50%;
              -ms-transform: translateX(-50%) translateY(-50%);
              -webkit-transform: translate(-50%,-50%);
              transform: translate(-50%,-50%);
          }
          .footer p {
              font-size: 10px;
              line-height: 8px;
          }
          .footer small {
              font-size: 8px;
          }
      </style>
  </head>
  <body>
    <div class="container std">
        <center>
            <img class="hero" src="img/stuck.png">
        </center>
        <h1 class="display-4 wow fadeIn">Hi, Stuck in the middle of something?</h1>
        <p class="lead wow" data-wow-delay="1s" data-wow-duration="1s">BackSlash Linux and team is here to help you out.</p>
        <center>
            <a class="btn b btn-success btn-lg" href="https://tawk.to/chat/583355d8a9a0346a52182fac/default/?$_tawk_popout=true">Connect with an Advisor Right Now</a>
            <br>
            <small>* Requires active internet connection</small>
        </center>
      </div>
      <div class="footer">
          <small>This software is implemented to use only on BackSlash Linux Sven and higher.</small>
      </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="js/jquery.js"></script>
    <script src="js/popper.js"></script>
    <script src="js/bootstrap.min.js" crossorigin="anonymous"></script>
  </body>
</html>