Skip to content

Commit

Permalink
ajustes na estrutura
Browse files Browse the repository at this point in the history
  • Loading branch information
RoodneyMoraes committed Jun 30, 2024
1 parent 9319fca commit b74ae26
Show file tree
Hide file tree
Showing 18 changed files with 207 additions and 117 deletions.
43 changes: 12 additions & 31 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,34 +1,14 @@
<!DOCTYPE html>
<html lang="pt">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simulados para as Certificações da Microsoft Azure</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<style>
.card {
transition: transform 0.3s ease-in-out;
}
.card:hover {
transform: scale(1.05);
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.card-body a {
color: #007bff;
text-decoration: none;
font-weight: bold;
}
.card-body a:hover {
text-decoration: none;
}

@media (max-width: 768px) {
h1 {
font-size: 1.5rem;
}
}
</style>
<link href="src/css/custom-index.css" rel="stylesheet">
</head>

<body>
<div class="container mt-5">
<h1 class="text-center">Simulados para as Certificações da Microsoft Azure</h1>
Expand All @@ -37,56 +17,56 @@ <h1 class="text-center">Simulados para as Certificações da Microsoft Azure</h1
<div class="col-lg-3 col-md-4 col-sm-6 mb-4">
<div class="card h-100">
<div class="card-body text-center">
<a href="https://example.com" class="stretched-link">AZ-900</a>
<a href="src/page/az-900.html" class="stretched-link">AZ-900</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 mb-4">
<div class="card h-100">
<div class="card-body text-center">
<a href="https://example.com" class="stretched-link">DP-900</a>
<a href="src/page/dp-900.html" class="stretched-link">DP-900</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 mb-4">
<div class="card h-100">
<div class="card-body text-center">
<a href="https://example.com" class="stretched-link">SC-900</a>
<a href="src/page/sc-900.html" class="stretched-link">SC-900</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 mb-4">
<div class="card h-100">
<div class="card-body text-center">
<a href="https://example.com" class="stretched-link">AI-900</a>
<a href="src/page/ai-900.html" class="stretched-link">AI-900</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 mb-4">
<div class="card h-100">
<div class="card-body text-center">
<a href="src/pages/az-104.html" class="stretched-link">AZ-104</a>
<a href="src/page/az-104.html" class="stretched-link">AZ-104</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 mb-4">
<div class="card h-100">
<div class="card-body text-center">
<a href="https://example.com" class="stretched-link">AZ-204</a>
<a href="src/page/az-204.html" class="stretched-link">AZ-204</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 mb-4">
<div class="card h-100">
<div class="card-body text-center">
<a href="https://example.com" class="stretched-link">AZ-400</a>
<a href="src/page/az-400.html" class="stretched-link">AZ-400</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 mb-4">
<div class="card h-100">
<div class="card-body text-center">
<a href="https://example.com" class="stretched-link">AZ-305</a>
<a href="src/page/az-305.html" class="stretched-link">AZ-305</a>
</div>
</div>
</div>
Expand All @@ -96,4 +76,5 @@ <h1 class="text-center">Simulados para as Certificações da Microsoft Azure</h1
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.2/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>

</html>
24 changes: 24 additions & 0 deletions src/css/custom-index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
.card {
transition: transform 0.3s ease-in-out;
}

.card:hover {
transform: scale(1.05);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.card-body a {
color: #007bff;
text-decoration: none;
font-weight: bold;
}

.card-body a:hover {
text-decoration: none;
}

@media (max-width: 768px) {
h1 {
font-size: 1.5rem;
}
}
57 changes: 57 additions & 0 deletions src/css/custom-page.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
header {
position: fixed;
top: 0;
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
height: auto;
z-index: 1000;
background-color: #fff;
}

footer {
position: fixed;
bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
height: auto;
z-index: 1000;
background-color: #fff;
}

.topicos {
margin-top: 130px;
margin-bottom: 130px;
}

@media (max-width: 768px) {
h1 {
font-size: 1.5rem;
}

header,
footer {
padding-top: 10px;
padding-bottom: 10px;
}

.topicos {
margin-top: 120px;
margin-bottom: 170px;
}

footer .d-flex>div {
flex: 0 0 100%;
margin-bottom: 10px;
}

footer .d-flex {
flex-direction: column;
align-items: center;
}

footer .d-flex>div:last-child {
margin-bottom: 0;
}
}
Empty file added src/data/ai-900.json
Empty file.
Empty file added src/data/az-204.json
Empty file.
Empty file added src/data/az-305.json
Empty file.
Empty file added src/data/az-400.json
Empty file.
Empty file added src/data/az-900.json
Empty file.
Empty file added src/data/dp-900.json
Empty file.
Empty file added src/data/sc-900.json
Empty file.
12 changes: 12 additions & 0 deletions src/page/ai-900.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Em Construção</title>
</head>
<body>
<h1>Estamos ainda em construção!</h1>
<a href="../../index.html">Voltar à página principal</a>
</body>
</html>
116 changes: 30 additions & 86 deletions src/pages/az-104.html → src/page/az-104.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,93 +6,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simulado da Microsoft Azure AZ-104</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<style>
.topicos {
margin-top: 130px;
margin-bottom: 130px;
}

header {
position: fixed;
top: 0;
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
height: auto;
z-index: 1000;
background-color: #fff;
}

footer {
position: fixed;
bottom: 0;
padding-top: 10px;
padding-bottom: 20px;
width: 100%;
height: auto;
z-index: 1000;
background-color: #fff;
}

@media (max-width: 768px) {
h1 {
font-size: 1.5rem;
}

header,
footer {
padding-top: 10px;
padding-bottom: 10px;
}

.topicos {
margin-top: 120px;
margin-bottom: 170px;
}

footer .d-flex>div {
flex: 0 0 100%;
margin-bottom: 10px;
}

footer .d-flex {
flex-direction: column;
align-items: center;
}

footer .d-flex>div:last-child {
margin-bottom: 0;
}
}
</style>
<link href="../css/custom-page.css" rel="stylesheet">
</head>
<header>
<div class="container">
<h1 id="tituloPagina"></h1>
<h6 id="descricaoProgresso"></h6>
</div>
</header>
<footer>
<div class="container">
<div class="d-flex justify-content-between mt-3">
<div>
<button id="btnLimpar" class="btn btn-danger" onclick="limparLocalStorage()">Reiniciar o
Progresso</button>
</div>
<div>
<button id="btnAnterior" class="btn btn-primary" onclick="paginaAnterior()">Anterior</button>
<!-- Botão Home adicionado aqui -->
<button id="btnHome" class="btn btn-primary" onclick="confirmarVoltarHome()">Home</button>
<button id="btnProxima" class="btn btn-primary" onclick="proximaPagina()">Próxima</button>
</div>
<div>
<div id="infoPagina" class="text-right"></div>
</div>
</div>
</div>
</footer>

<body>
<header>
<div class="container">
<h1 id="tituloPagina"></h1>
<h6 id="descricaoProgresso"></h6>
</div>
</header>

<div class="container topicos mt-6">
<div id="topicos" class="list-group mt-3"></div>
</div>
Expand Down Expand Up @@ -205,15 +129,15 @@ <h6 id="descricaoProgresso"></h6>
descricaoProgresso.textContent = textoDescricao;
}

window.limparLocalStorage = function() {
window.limparLocalStorage = function () {
$('#confirmacaoModal').modal('show');
};

window.proximaPagina = proximaPagina;
window.paginaAnterior = paginaAnterior;

// Função para confirmar volta ao menu principal
window.confirmarVoltarHome = function() {
window.confirmarVoltarHome = function () {
$('#voltarHomeModal').modal('show');
};

Expand Down Expand Up @@ -271,6 +195,26 @@ <h5 class="modal-title" id="voltarHomeModalLabel">Voltar ao Menu Principal</h5>

iniciar();
</script>

<footer>
<div class="container">
<div class="d-flex justify-content-between mt-3">
<div>
<button id="btnLimpar" class="btn btn-danger" onclick="limparLocalStorage()">Reiniciar o
Progresso</button>
</div>
<div>
<button id="btnAnterior" class="btn btn-primary" onclick="paginaAnterior()">Anterior</button>
<!-- Botão Home adicionado aqui -->
<button id="btnHome" class="btn btn-primary" onclick="confirmarVoltarHome()">Home</button>
<button id="btnProxima" class="btn btn-primary" onclick="proximaPagina()">Próxima</button>
</div>
<div>
<div id="infoPagina" class="text-right"></div>
</div>
</div>
</div>
</footer>
</body>

</html>
12 changes: 12 additions & 0 deletions src/page/az-204.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Em Construção</title>
</head>
<body>
<h1>Estamos ainda em construção!</h1>
<a href="../../index.html">Voltar à página principal</a>
</body>
</html>
12 changes: 12 additions & 0 deletions src/page/az-305.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Em Construção</title>
</head>
<body>
<h1>Estamos ainda em construção!</h1>
<a href="../../index.html">Voltar à página principal</a>
</body>
</html>
12 changes: 12 additions & 0 deletions src/page/az-400.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Em Construção</title>
</head>
<body>
<h1>Estamos ainda em construção!</h1>
<a href="../../index.html">Voltar à página principal</a>
</body>
</html>
Loading

0 comments on commit b74ae26

Please sign in to comment.