-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
75 lines (71 loc) · 3.17 KB
/
index.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
---
layout: default
scrolljs: true
---
<body style="margin: auto; width: 100%">
<section class="sec1 jumbotron welcome" style="background-image: url('{{site.baseurl}}/assets/images/Scene1.png'); background-size: cover; width: 100% ">
<div class="container">
<div class="row justify-content-between align-items-bottom">
<div class="col-lg-5 text-center text-lg-left pb-10">
<div class="content" style="align-content: center">
<h1>Cops And Robbers by Deranged Senators</h1>
<p>A free-to-play multiplayer Cops And Robbers Game, Developed for the Aston University Computing Team Project Module</p>
<a class="btn btn-primary text-primary" href="{{site.baseurl}}/download/download-options/">{% include svg/download.svg %} Download</a>
<a class="btn btn-link text-white" href="https://github.com/derangedsenators/copsandrobbers">Source Code</a>
</div>
</div>
</div>
</div>
</section>
<div id="maintenance-div">
<section class="blog container">
<div class="post">
<div>
<h2>Server Maintenance Information</h2>
<p id="maintenance-info">Nothing</p>
</div>
</div>
</section>
</div>
<section class="game-desc" >
<div class="container">
<p>
Set in America 2020, a country full of opportunities, people, and wealth. Having an abundance of wealth means more than ever. Nice cars a nice mansion and most importantly FAME!</p><p> It is time for The Robbers to come out of their hideouts and acquire some fame for themselves. On the other hand, The Cops’ numbers and their ways of suppressing criminals are now more tremendous than ever.
</p>
</div>
</section>
<!-- CAROUSEL -->
<section class="carousel">
<div class="container">
<script type="text/javascript" src="{{site.baseurl}}/assets/js/carousel.js"></script>
<section class="carousel-main " id="carousel" style="
height: 50vh;
display: flex;
background-size: cover !important;
width: 100%;">
<div class="item active">
<img src="{{site.baseurl}}/assets/images/ScreenMap1.PNG" alt="Gameplay1">
</div>
<div class="item">
<img src="{{site.baseurl}}/assets/images/ScreenMap2.PNG" alt="Gameplay1">
</div>
<div class="item">
<img src="{{site.baseurl}}/assets/images/ScreenMap3.PNG" alt="Gameplay1">
</div>
<div class="item">
<img src="{{site.baseurl}}/assets/images/ScreenMap4.PNG" alt="Gameplay1">
</div>
<!-- width="100%" height="100%" style="object-fit: contain"-->
</section>
</div>
</section>
<!-- game desc -->
<section class="choose-side" >
<div class="container">
<p>
IN THIS CARDINAL BATTLE BETWEEN THE COPS AND THE ROBBERS, WHOSE SIDE WILL YOU CHOOSE?
</p>
</div>
</section>
</body>
<script src="{{site.baseurl}}/assets/js/maintenance-check.js"></script>