Zildith-Website/index.html at master · ZildithNetwork/Zildith-Website · 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
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
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Zildith Network - Minecraft PvP Server</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/custom-styles.css" rel="stylesheet">


    <! -- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

  </head>

  <body>

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
      <div class="container">
        <a class="navbar-brand" href="#">Zildith Network</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item active">
              <a class="nav-link" href="#">Home
                <span class="sr-only">(current)</span>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="news.html">News</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="rules.html">Rules</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="staff.html">Staff</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="shop.html">Shop</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- Page Content -->
    <div class="container container-main">

      <!-- Jumbotron Header -->
      <header class="jumbotron my-4 home-jumbo">
        <h1 class="display-3">Zildith Network Open Beta</h1>
        <h2><strong><span data-cdt-id="2092226">--:--:--:--</span></strong></h2>
        <p class="lead">Established in late 2017, Zildith is the unofficial continuation of the Avicus Network! True to form, our server provides quality Minecraft PvP with a large emphasis on community.</p>
        <p class="lead">The Zildith Network is going open beta on <strong>March 3rd</strong> at 2PM EST.</p>
        <script src="https://w2.countingdownto.com/2092226.js"></script>
        <button type="button" class="btn btn-success btn-lg" data-toggle="modal" data-target="#playPop">&raquo; Play</button>
      </header>

      <!-- Page Features -->
      <div class="row text-center">

        <div class="col-lg-3 col-md-6 mb-4">
          <div class="card card-home">
            <img class="card-img-top" src="assets/die.png" alt="">
            <div class="card-body">
              <h4 class="card-title">Selection</h4>
              <p class="card-text">Play the way that you wish to play with your friends. With a voting system in place that allows users to select their favorite maps after every match, you will be left feeling overwhelmed with our variety of PvP maps!</p>
            </div>
            <div class="card-footer">
              <a href="maps.html" class="btn btn-primary">&raquo; Maps</a>
            </div>
          </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-4">
          <div class="card card-home">
            <img class="card-img-top" src="assets/trophy.png" alt="">
            <div class="card-body">
              <h4 class="card-title">Competition</h4>
              <p class="card-text">Our server offers tournaments and events ran by experienced tournament directors frequently for you to take your experience to a new level with an exciting competitive edge! We are prided in offering unique events!</p>
            </div>
            <div class="card-footer">
              <a href="competitive.html" class="btn btn-primary">&raquo; Tournament</a>
            </div>
          </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-4">
          <div class="card card-home">
            <img class="card-img-top" src="assets/global.png" alt="">
            <div class="card-body">
              <h4 class="card-title">Community</h4>
              <p class="card-text">We are community driven and love to hear from everyone! With Discord and our forums, we give everyone a platform to their preference that you can be heard from. Do you have any exciting new ideas? Let us know!</p>
            </div>
            <div class="card-footer">
              <a href="forums.html" class="btn btn-primary">&raquo; Forums</a>
            </div>
          </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-4">
          <div class="card card-home">
            <img class="card-img-top" src="assets/speaker.png" alt="">
            <div class="card-body">
              <h4 class="card-title">Conversation</h4>
              <p class="card-text">Discord is the perfect place to have voice chat with friends you have met on the server. You'll surely be able to find a room to hang out in and have loads of fun!</p>
            </div>
            <div class="card-footer">
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#discordPop">&raquo; Discord</button>
            </div>
          </div>
        </div>

        <!-- Discord Popup -->
        <div id="discordPop" class="modal fade" role="dialog">
        <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                        <h4 class="modal-title">Discord</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>

      </div>
      <div class="modal-body">
        <iframe src="https://discordapp.com/widget?id=393549574758727710&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>
      </div>
      <div class="modal-footer">
        <a href="https://discord.gg/GEYfNM4" class="btn btn-primary">&raquo; Join Discord</a>
      </div>
    </div>

  </div>
</div>
                  <!-- Play Popup -->
        <div id="playPop" class="modal fade" role="dialog">
        <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                        <h4 class="modal-title">Play now!</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>

      </div>
      <div class="modal-body">
        <p>Connect to our servers using the IP address below:</p>
          <div class="form-group">
            <input autofocus="autofocus" onFocus="this.select()" id="ip" type="text" class="form-control disabled" readonly value="play.zildith.net">

        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

      </div>
      <!-- /.row -->

    </div>
    <!-- /.container -->

    <!-- Footer -->
    <footer class="py-3 bg-dark">
      <div class="container">
        <p class="m-0 text-center text-white">Copyright &copy; Zildith 2017</p>
      </div>
      <!-- /.container -->
    </footer>

    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  </body>

</html>