-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathteam.html
More file actions
154 lines (132 loc) · 6.34 KB
/
team.html
File metadata and controls
154 lines (132 loc) · 6.34 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!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="preload" href="BebasNeue-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<title>Guiding Feather Team | Tale of Balance</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark sticky-top bbn-font shadow rounded-bottom-4">
<div class="container-fluid">
<a class="nav-link" href="./index.html"><u>Guiding Feather Team</u></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav justify-content-end">
<li class="nav-item">
<a class="nav-link" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="join.html">Unisciti</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./team.html">Gruppi del Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./position.html">Posizioni aperte</a>
</li>
</ul>
</div>
</div>
</nav>
<!--container totale-->
<div class="container text-white mt-5 rounded-4 clv-rg-font">
<!--container titolo principale-->
<div class="my-container d-grid justify-content-center mt-5">
<div class="row team-title text-center">
<h1 class="bbn-font"><u>Gruppi del Team</u></h1>
</div>
<!--container gruppo creativo-->
<img class="chop-img chop-right" id="rich-chop" src="assets/img/chop/rich.webp">
<div class="row mt-5">
<h1 class="bbn-font"><u>Creativo</u></h1>
</div>
<div class="content row">
In questo gruppo viene ideato il gioco in tutti<br>
i suoi aspetti: personaggi, ambientazioni e<br>
meccaniche di gioco.<br>
Questo gruppo fa per te se hai una fervida<br>
immaginazione o una passione per la scrittura!<br>
</div>
<!--container gruppo concept art-->
<div class="row mt-5">
<h1 class="bbn-font"><u>Concept Art</u></h1>
</div>
<div class="content row">
Nel gruppo concept art si dà una prima forma<br>
ai personaggi e alle ambientazioni ideate dal<br>
gruppo creativo, in modo da spianare la strada <br>
al gruppo pixelart, che trasforma i disegni in <br>
sprite di gioco. Se hai la passione per il <br>
disegno saresti perfetto per questo gruppo!<br>
Sottogruppi:<br>
- Character design<br>
- World building<br>
</div>
<!--container pixel-art-->
<img class="chop-img chop-left" id="mammaMia-chop" src="assets/img/chop/mammaMia.webp">
<div class="row mt-5">
<h1 class="bbn-font"><u>Pixel-Art</u></h1>
</div>
<div class="content row">
Nel gruppo pixel-art vengono realizzati gli <br>
sprite, animati e non, che faranno parte del <br>
gioco finale; tutto creato nel software "Aseprite"<br>
Sottogruppi:<br>
- Animazioni<br>
- Ambientazioni<br>
- Icone e props semplici<br>
</div>
<!--container gruppo suono-->
<div class="row">
<h1 class="bbn-font mt-5"><u>Suono</u></h1>
</div>
<div class="content row">
In questo gruppo vengono prodotti sia la <br>
musica che gli effetti sonori del gioco, senza <br>
sarebbe molto silenzioso!<br>
Sottogruppi:<br>
- Musica<br>
- Effetti sonori<br>
</div>
<!--container programmazione-->
<img class="chop-img chop-right" id="classic-chop" src="assets/img/chop/classic.webp">
<div class="row mt-5">
<h1 class="bbn-font"><u>Programmazione</u></h1>
</div>
<div class="content row">
Qui si riuniscono gli sforzi di tutto il team per <br>
dare vita al gioco, tramite l'uso del software di <br>
programmazione gratuito Unity!<br>
</div>
</div>
</div>
<footer class="text-center text-lg-start mt-5 rounded-top-4 my-shadow">
<div class="container d-flex justify-content-center py-5">
<button type="button" class="btn btn-primary btn-lg btn-floating mx-2" style="background-color: rgba(0, 0, 0, 0.2);" onclick="window.open('https://www.youtube.com/@guidingfeatherteam', '_blank')">
<i class="fab fa-youtube"></i>
</button>
<button type="button" class="btn btn-primary btn-lg btn-floating mx-2" style="background-color: rgba(0, 0, 0, 0.2);" onclick="window.open('https://www.instagram.com/guidingfeatherteam/', '_blank')">
<i class="fab fa-instagram"></i>
</button>
<button type="button" class="btn btn-primary btn-lg btn-floating mx-2" style="background-color: rgba(0, 0, 0, 0.2);" onclick="window.open('https://twitter.com/GuidingFeather', '_blank')">
<i class="fab fa-twitter"></i>
</button>
</div>
<div class="text-center text-white p-3" style="background-color: rgba(0, 0, 0, 0.2);">
<a class="nav-link" href="mailto:uniscitiaguidingfeatherteam@gmail.com">Contattaci a uniscitiaguidingfeatherteam@gmail.com</a>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
<script src="script.js"></script>
</body>
</html>