-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
136 lines (136 loc) · 5.75 KB
/
index.html
File metadata and controls
136 lines (136 loc) · 5.75 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
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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Phoenix Network - Home</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="assets/css/index.css">
<link rel="icon" type="image/png" href="assets/img/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="The official website for the phoenix network !">
<link href="https://fonts.googleapis.com/css?family=Montserrat:500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<a class="logo" href="index.html"><img src="assets/img/logo.png" alt="logo"></a>
<nav>
<ul class="nav__links">
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="changlog.html">ChangeLog</a></li>
<li><a href="FAQ.html">FAQ</a></li>
<li><a href="support.html">Support</a></li>
</ul>
</nav>
<a class="cta" href="#">Login</a>
<p class="menu cta">Menu</p>
</header>
<font color ="white">
<div class="overlay">
<a class="close">×</a>
<div class="overlay__content">
<a href="index.html">Home</a>
<a href="blog.html">Blog</a>
<a href="gallery.html">Gallery</a>
<a href="changelog.html">ChangeLog</a>
<a href="FAQ.html">FAQ</a>
<a href="support.html">Support</a>
<a href="#">Login</a>
</div>
</div>
<div class="slider-main-container">
<div class="controls">
<div class="next"><i class="fa fa-chevron-circle-left" style="font-size: 34px;"></i></div>
<div class="prev"><i class="fa fa-chevron-circle-right" style="font-size: 34px;"></i></div>
</div>
<div class="indicator"></div>
<div class="slider-inner-container">
<div class="slide active">
<div class="image-container">
<img src="assets/img/slide1.png">
</div>
<div class="caption-container">
<div class="caption">
<h1>Mindustry</h1>
<p>Mindustry is a hybrid tower-defense sandbox factory game. Create elaborate supply chains of conveyor belts to feed ammo into your turrets, produce materials to use for building, and defend your structures from waves of enemies. Features include a map editor, 24 built-in maps, cross-platform multiplayer and large-scale PvP unit battles.</p>
<a href="https://anuke.itch.io/mindustry">Learn More <i class="fa fa-angle-double-right"></i></a>
</div>
</div>
</div>
<div class="slide">
<div class="image-container">
<img src="assets/img/slide2.png">
</div>
<div class="caption-container">
<div class="caption">
<h1>Our story</h1>
<p>How did phoenix start and why</p>
<a href="Phoenix.html">Learn More <i class="fa fa-angle-double-right"></i></a>
</div>
</div>
</div>
<div class="slide">
<div class="image-container">
<img src="assets/img/team.png">
</div>
<div class="caption-container">
<div class="caption">
<h1>Our Team</h1>
<p>Our new team will allow you a good atmosphere and an updated game, and an active community!</p>
<a href="team.html">More <i class="fa fa-angle-double-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="features">
<ul class="cards">
<li class="cards_item">
<div class="card">
<div class="card_image"><img src="assets/img/features1.png"></div>
<div class="card_content">
<h2 class="card_title"><center>Mixed server</center></h2>
<p class="card_text"><center>Our joint Survival and attack server.So you never have to leave!</center></p>
<button onclick="window.location.href='v7.html'" class="btnfeatures card_btn">Learn More <i class="fa fa-angle-double-right"></i></button>
</div>
</div>
</li>
<li class="cards_item">
<div class="card">
<div class="card_image"><img src="assets/img/features2.png"></div>
<div class="card_content">
<h2 class="card_title"><center>PVP</center></h2>
<p class="card_text"><center>Fight other players to the death.</center></p>
<button onclick="window.location.href='pvp.html'" class="btnfeatures card_btn">Learn More <i class="fa fa-angle-double-right"></i></button>
</div>
</div>
</li>
<li class="cards_item">
<div class="card">
<div class="card_image"><img src="assets/img/features3.png"></div>
<div class="card_content">
<h2 class="card_title"><center>Modded</center></h2>
<p class="card_text"><center>Our custom modded server</center></p>
<button onclick="window.location.href='modded.html'" class="btnfeatures card_btn">Learn More <i class="fa fa-angle-double-right"></i></button>
</div>
</div>
</li>
</ul>
</div>
</font>
<script type="text/javascript" src="assets/js/slider.js"></script>
<script type="text/javascript" src="assets/js/mobile.js"></script>
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/61bfb957c82c976b71c22f1c/1fnaenvit';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
</body>
</html>