forked from ASEAN-Build-The-Earth/AseanBTE-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
176 lines (168 loc) · 8.33 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>ASEAN-BTE</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Meta tags -->
<meta name="title" content="ASEAN Build The Earth">
<meta name="description" content="Official Website for ASEAN BTE">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html">
<meta property="og:type" content="website">
<meta property="og:url" content="https://asean-build-the-earth.github.io/AseanBTE-Website/">
<meta property="og:title" content="ASEAN Build The Earth">
<meta property="og:description" content="Official Website for ASEAN BTE">
<meta property="og:image" content="./Assets/Images/background/AseanBanner.jpeg">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://asean-build-the-earth.github.io/AseanBTE-Website/">
<meta property="twitter:title" content="ASEAN Build The Earth">
<meta property="twitter:description" content="Official Website for ASEAN BTE">
<meta property="twitter:image" content="./Assets/Images/background/AseanBanner.jpeg">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org//face/minecraftia" type="text/css" />
<link rel="stylesheet" href="./main.css">
<link rel="icon" href="./Assets/Images/icons/aseanbte_logo.png">
<script src="https://kit.fontawesome.com/ce6ee433fd.js" crossorigin="anonymous"></script>
<title>ASEAN</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a href="./Minecraft/index.html"><img src="./Assets/Images/icons/aseanbte_logo.gif" height="60" width="60"></a>
<a href="./index.html" class="navbar-brand"> ASEAN</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a href="./Projects/projects.html" class="nav-link p-3" style="font-size: large;">
<i class="fas fa-tasks"></i> Projects</a>
</li>
<li class="nav-item">
<a href="./Contact_Us/contact.html" class="nav-link p-3" style="font-size: large;">
<i class="fa fa-fw fa-envelope"></i> Contact Us</a>
</li>
<li class="nav-item">
<a href="./About_Us/index.html" class="nav-link p-3" style="font-size: large;">
<i class="fas fa-atlas"></i> About Us</a>
<li class="nav-item">
<a href="./Teams/index.html" class="nav-link p-3" style="font-size: large;">
<i class="fas fa-atlas"></i> Teams</a>
</li>
</ul>
</div>
</div>
</nav>
<header>
<div class="container">
<h1><img class="landingpage_logo" src="./Assets/Images/icons/aseanbte_logo.gif" height="162" width="162"> ASEAN
BTE</h1>
<h4>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Impedit et inventore maxime aut consectetur soluta
error facilis, pariatur, sunt quos iusto sed, aliquam accusantium expedita a minus consequuntur molestiae
excepturi?</h4>
<button id="scrollActivate" type="button" class="btn btn-light viewmore"><span><i class="fas fa-chevron-down"></i>
Read More</span></button>
</div>
</header>
<div class="text-center jumbotron mx-4 mt-4">
<h1 id="scrollHere" class="heading" style="text-align: center;">ASEAN Home</h1>
<p class="info lead body">Welcome to Team ASEAN! Team ASEAN is a unified team which consists of countries that are
from the South East Asia region. We will oversee the progression of Thailand, Malaysia, Singapore, Vietnam,
Philippines, Brunei, Myanmar, Cambodia, Indonesia, Laos and Timor-Leste throughout the building process. What is
ASEAN? ASEAN is an organization called Assosiation of Southeast Asian Nation that gathers all South East Asian
countries to make a unified system for the good of all participating countries. Like the ones in real life, we are
aiming to do the same with Build The Earth..</p>
<p class="lead">
<br>
<a class="btn btn-outline-secondary btn-lg my-2" role="button" href="https://discord.com/invite/tat2uggfeX"
target="_blank"><i class="fab fa-discord"></i> Join our
discord server</a>
<a class="btn btn-outline-secondary btn-lg" role="button" target="_blank"
href="https://www.youtube.com/watch?v=Kyjv-VpjSpo"><i class="fas fa-globe-americas"></i> How BuildTheEarth
works</a>
</p>
</div>
<div class="slider">
<div class="slide active">
<img src="./Assets/Images/minecraft_builds/MC_AseanHq_1.png" alt="">
<div class="info">
<h2>ASEAN HQ</h2>
<p>This is our wonderful HQ, Built in Minecraft in 1:1 scale. Very iconic!</p>
</div>
</div>
<div class="slide">
<img src="./Assets/Images/minecraft_builds/MC_Pratumtani_2.png" alt="">
<div class="info">
<h2>Pratumtani</h2>
<p>this is big and wide downtown area, with many tall skyscrapers.</p>
</div>
</div>
<div class="slide">
<img src="./Assets/Images/minecraft_builds/MC_SingaporeSkyline_1.png" alt="">
<div class="info">
<h2>Singapore Skyline</h2>
<p>The Singapore Skyline is an Opulent, Modern beautiful skyline and a sight to behold, especially at night.</p>
</div>
</div>
<div class="slide">
<img src="./Assets/Images/minecraft_builds/MC_RamkhanhaengUniversity.png" alt="">
<div class="info">
<h2>Ramkhanhaeng University</h2>
<p>The Spawnpoint of the ASEAN BTE server,where new playes spawn and start buildin'</p>
</div>
</div>
<div class="slide">
<img src="./Assets/Images/minecraft_builds/MC_SingaporeSkyline_2.png" alt="">
<div class="info">
<h2>Singapore Skyline</h2>
<p>Beautiful build, rainy day, and with shaders makes it look a even better.</p>
</div>
</div>
<div class="slide">
<img src="./Assets/Images/minecraft_builds/MC_DemonarcyMonument.png" alt="">
<div class="info">
<h2>Democracy Monument</h2>
<p>The Democracy Monument is a public monument in the city center of Bangkok, capital of Thailand.</p>
</div>
</div>
<div class="navigation">
<i class="fas fa-chevron-left prev-btn"></i>
<i class="fas fa-chevron-right next-btn"></i>
</div>
<div class="navigation-visibility">
<div class="slide-icon active"></div>
<div class="slide-icon"></div>
<div class="slide-icon"></div>
<div class="slide-icon"></div>
<div class="slide-icon"></div>
<div class="slide-icon"></div>
</div>
</div>
<div class="text-center my-3">
<a href="https://discord.gg/46Ed3UUJRD"><i class="footer_icon fab fa-discord"></i></a>
<a href="https://www.instagram.com/bte.asean/"><i class="footer_icon fab fa-instagram"></i></a>
<a href="https://github.com/ASEAN-Build-The-Earth/"><i class="footer_icon fab fa-github"></i></a>
<a href="https://www.youtube.com/c/TeamASEANBuildTheEarth/videos"><i class="footer_icon fab fa-youtube"></i></a>
<a href="https://twitter.com/bte_asean"><i class="footer_icon fab fa-twitter"></i></a>
</div>
<script src="./slidebar.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
</script>
<!-- Load jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<!-- Scroll to div animation -->
<script>
$("#scrollActivate").click(function () {
$('html, body').animate({
scrollTop: $("#scrollHere").offset().top
}, 600);
});
</script>
</body>
</html>