-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (118 loc) · 4.87 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
<!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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<link rel="stylesheet" href="../css/cards.css">
<link rel="stylesheet" href="./css/header.css">
<script src="./js/onlyLoggedOut.js" type="module"></script>
<title>Página Principal</title>
</head>
<body id="top">
<nav class="navbar navbar-expand-lg p-1 header-navbar" id="header">
<a class="navbar-brand" href="#">
<img id="logo-header" src="./assets/logo_white.png" height="40">
</a>
<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#responsive-navbar">
<span class="navbar-toggler-icon">
<svg viewBox="0 0 24 24" id="burger-icon" xmlns="http://www.w3.org/2000/svg">
<path d="M4 18L20 18" stroke-width="2" stroke-linecap="round"/>
<path d="M4 12L20 12" stroke-width="2" stroke-linecap="round"/>
<path d="M4 6L20 6" stroke-width="2" stroke-linecap="round"/>
</svg>
</span>
</button>
<div class="collapse navbar-collapse text-center" id="responsive-navbar">
<ul class="navbar-nav ms-auto">
<li class="nav-item active">
<a class="nav-link item-nav" href="#top">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link item-nav" href="#niveis">Niveis</a>
</li>
<li class="nav-item active" >
<a class="nav-link item-nav" href="#sobre">Sobre</a>
</li>
<li class="nav-item active button-header">
<a class="nav-link" href="./html/login.html">Login</a>
</li>
<li class="nav-item active item-icon">
<img class="icon-header" id="theme-homepage">
</li>
</ul>
</div>
</nav>
<div class="container-fluid p-0 top-header">
<div class="container main-header w-50">
<h1>Cine Scape</h1>
<br>
<h4>Um jovem curioso se encontra
preso num cinema abandonado.
Resolva enigmas enquantos aprendes
sobre a historia dos anos 90’ nesse
Escape Room educacional.</h4>
<br>
<a href="./html/login.html"><button id="button-main" >Login</button></a>
</div>
</div>
<div class="container-fluid p-0 levels" id="niveis">
<div class="container-fluid w-75 container-cards">
<div class="row">
<div class="col">
<a class="card m-2" href="./s_bilheteira.html">
<img class="card-img-top" src="../assets/cards/bilheteira.png">
<div class="card-body">
<h5 class="card-title">Bilheteira</h5>
</div>
</a>
</div>
<div class="col">
<a class="card m-2" href="./s_cinema1.html">
<img class="card-img-top" src="../assets/cards/cinema.png">
<div class="card-body">
<h5 class="card-title">Sala de Cinema</h5>
</div>
</a>
</div>
<div class="col">
<a class="card m-2" href="./s_projecao.html">
<img class="card-img-top" src="../assets/cards/projetor.png">
<div class="card-body">
<h5 class="card-title">Sala de Projeção</h5>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="container-fluid p-0 top-header" id="sobre">
<div class="container main-header w-50">
<h1>Sobre</h1>
<br>
<h4>
O Cine Scape é um projeto escolar que consiste em
criar um Scape Room educacional
como projeto final do 1º ano no curso de Tecnologias
e Sistemas de Informação para a Web (TSIW) no Instituto
Politécnico do Porto (IPP).
</h4>
<br>
<h4>
O Scape Room se tem como tema o cinema dos anos 90’ onde
tenta atraves de enigmas passar uma cultura geral ao publico
um pouco mais jovem que não experenciou o cinema da epoca.
</h4>
</div>
</div>
<div class="container-fluid p-0 levels">
<iframe src="./html/group.html" frameborder="0" id="html-group"></iframe>
</div>
</div>
<span class="spacer"></span>
<script src="./js/themes/theme_homepage.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
</body>
</html>