-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (129 loc) · 6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="images/UI/T3AMPO.png">
<link type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor"
crossorigin="anonymous">
<link type="text/css" rel="stylesheet" href="css/default.css">
<link type="text/css" rel="stylesheet" href="css/home.css">
<title>T3AMPO</title>
</head>
<body>
<header></header>
<nav class="navbar navbar-expand-md">
<a href="index.html"><img id="logoimg" src="images/UI/logo_T3AMPO_Color-14.png" alt="Logo"></a>
<div class="container-fluid">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="html/games.html">Games</a>
</li>
<li class="nav-item">
<a class="nav-link" href="html/contact.html">Contact us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="html/team.html">Meet the team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="html/history.html">Our history</a>
</li>
</ul>
</div>
</nav>
<main>
<article>
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<a href="html/games/duotopia.html"><img src="images/Anouncements/DuotopiaCarousel.jpg"
class="d-block w-100" alt="Duotopia for global game jam 2022">
</a>
</div>
<div class="carousel-item">
<a href="html/team.html">
<img src="images/Anouncements/TeamCarousel.jpg" class="d-block w-100" alt="Meet the team">
</a>
</div>
<div class="carousel-item">
<a href="https://www.youtube.com/watch?v=eflTrKDxYTc">
<img src="images/Anouncements/PodcastCarousel.jpg" class="d-block w-100" alt="...">
</a>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div id="fillText">
<p>
Our latest news!
</p>
</div>
</article>
<aside>
<h2>Welcome to our T3AMPO website!</h2>
<br>
<p>
Here you will find information about our games, news, team, future plans and more! Also,
there is a contact page in case you want to report something or send your CV.
</p>
<br>
<p>
Each game has a page, where you can find a link at the bottom which directs you to a hosting service
where you can test a demo or purchase the game and it's future updates.
</p>
</aside>
</main>
<footer class="text-center text-black">
<div class="container p-4">
<section class="mb-4">
<!-- Facebook -->
<a target="_blank" class="btn"
href="https://m.facebook.com/T3ampo-106151445111147/?ref=py_c" role="button">
<img src="images/UI/FB.png" class="socicon"></img>
</a>
<!-- Twitter -->
<a target="_blank" class="btn" href="https://twitter.com/t3ampo"
role="button">
<img src="images/UI/TW.png" class="socicon"></img>
</a>
<!-- Youtube -->
<a target="_blank" class="btn"
href="https://www.youtube.com/channel/UCcgW5WmG7lioDTAoCYI4mRA?app=desktop" role="button">
<img src="images/UI/YT.png" class="socicon"></img>
</a>
<!-- Instagram -->
<a target="_blank" class="btn"
href="https://www.instagram.com/t3ampo/" role="button">
<img src="images/UI/IG.png" class="socicon"></img>
</a>
</section>
<!-- Section: Text -->
<section class="mb-4">
<a class="foot-link" href="html/games.html">Games</a>
<a class="foot-link" href="html/contact.html">Contact us</a>
<a class="foot-link" href="html/team.html">Meet the team</a>
</section>
<!-- Section: Text -->
</div>
<!-- Copyright -->
<div class="text-center p-3">
© 2022 Copyright: T3AMPO
</div>
<!-- Copyright -->
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
crossorigin="anonymous"></script>
</body>
</html>