Apache
tcp/443 tcp/80
Open service 108.179.241.250:443 · www.formatura18-12-2024.olecramti.com.br
2026-01-12 22:59
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 22:59:19 GMT
Server: Apache
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Thu, 13 Mar 2025 12:18:28 GMT
Accept-Ranges: bytes
Content-Length: 7744
Vary: Accept-Encoding
Content-Type: text/html
Page title: Formatura 2024
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Formatura 2024</title>
<!-- Favicons -->
<link href="assets/img/icon.png" rel="icon">
<link href="assets/img/icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Raleway:300,400,500,600,700" rel="stylesheet">
<!-- Bootstrap CSS -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<!-- Estilos personalizados -->
<style>
/* Layout da galeria */
.portfolio-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.portfolio-item {
padding: 10px;
}
.portfolio-wrap {
position: relative;
overflow: hidden;
border-radius: 8px;
background: #000;
cursor: pointer; /* Cursor vira mãozinha */
transition: transform 0.3s ease-in-out;
}
.portfolio-wrap img {
width: 100%;
height: auto;
display: block;
transition: transform 0.3s ease-in-out;
}
/* Quando a imagem estiver ampliada */
.portfolio-wrap.ampliada {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1.4); /* Reduzi de 1.8 para 1.4 */
z-index: 9999;
background: rgba(0, 0, 0, 0.8);
border-radius: 10px;
padding: 10px;
max-width: 80vw; /* Ajustado para evitar que fique muito grande */
max-height: 80vh;
}
/* Garante que a ampliação funcione corretamente */
.portfolio-wrap img {
transition: transform 0.3s ease-in-out;
}
.portfolio-wrap.ampliada img {
max-width: 100%;
max-height: 100%;
}
/* Header */
.logo {
font-size: 24px;
font-weight: bold;
}
/* Garante que o texto "Formatura 2023" fique vermelho */
.logo a {
color: red;
text-decoration: none; /* Remove o sublinhado do link */
font-weight: bold;
}
.logo a:hover {
color: darkred; /* Muda a cor ao passar o mouse */
}
/* Ícone flutuante */
.image-container {
position: fixed;
bottom: 20px;
left: 20px;
width: 100px;
z-index: 9999;
}
.image-container img {
width: 100%;
height: auto;
cursor: pointer;
}
/* Garante que "Formatura 2023" fique vermelho */
.logo a {
color: red !important; /* Força a cor vermelha */
text-decoration: none; /* Remove sublinhado */
font-weight: bold;
}
/* Muda a cor ao passar o mouse */
.logo a:hover {
color: darkred !important;
}
</style>
</head>
<body>
<!-- Ícone flutuante -->
<div class="image-container">
<a href="solicitar_fotos.html">
<img src="assets/img/msg.webp" alt="Solicitar Fotos">
</a>
</div>
<!-- Header -->
<header id="header" class="fixed-top">
<div class="container d-flex justify-content-between align-items-center">
<h1 class="logo"><a href="index.html">Formatura 18-12-2024</a></h1>
<nav id="navbar">
<ul style="list-style: none; padding: 0; margin: 0;"> <!-- Remove os marcadores da lista -->
<li style="display: inline-block;">
<a href="solicitar_fotos.html" class="btn btn-danger">Solicitar Fotos</a>
</li>
</ul>
</nav>
</div>
</header>
<!-- Hero Section -->
<section id="hero" class="d-flex align-items-center" style="background-image: url('assets/img/slide/formatura2023.webp'); background-size: cover; height: 300px;">
<div class="container text-center text-white">
<!-- <h2>SEJAM BEM-VINDOS</h2> -->
</div>
</section>
<!-- Galeria de fotos -->
<main id="main">
<section id="portfolio" class="portf
Open service 108.179.241.250:80 · www.formatura18-12-2024.olecramti.com.br
2026-01-12 22:59
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 22:59:36 GMT
Server: Apache
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Thu, 13 Mar 2025 12:18:28 GMT
Accept-Ranges: bytes
Content-Length: 7744
Vary: Accept-Encoding
Content-Type: text/html
Page title: Formatura 2024
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Formatura 2024</title>
<!-- Favicons -->
<link href="assets/img/icon.png" rel="icon">
<link href="assets/img/icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Raleway:300,400,500,600,700" rel="stylesheet">
<!-- Bootstrap CSS -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<!-- Estilos personalizados -->
<style>
/* Layout da galeria */
.portfolio-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.portfolio-item {
padding: 10px;
}
.portfolio-wrap {
position: relative;
overflow: hidden;
border-radius: 8px;
background: #000;
cursor: pointer; /* Cursor vira mãozinha */
transition: transform 0.3s ease-in-out;
}
.portfolio-wrap img {
width: 100%;
height: auto;
display: block;
transition: transform 0.3s ease-in-out;
}
/* Quando a imagem estiver ampliada */
.portfolio-wrap.ampliada {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1.4); /* Reduzi de 1.8 para 1.4 */
z-index: 9999;
background: rgba(0, 0, 0, 0.8);
border-radius: 10px;
padding: 10px;
max-width: 80vw; /* Ajustado para evitar que fique muito grande */
max-height: 80vh;
}
/* Garante que a ampliação funcione corretamente */
.portfolio-wrap img {
transition: transform 0.3s ease-in-out;
}
.portfolio-wrap.ampliada img {
max-width: 100%;
max-height: 100%;
}
/* Header */
.logo {
font-size: 24px;
font-weight: bold;
}
/* Garante que o texto "Formatura 2023" fique vermelho */
.logo a {
color: red;
text-decoration: none; /* Remove o sublinhado do link */
font-weight: bold;
}
.logo a:hover {
color: darkred; /* Muda a cor ao passar o mouse */
}
/* Ícone flutuante */
.image-container {
position: fixed;
bottom: 20px;
left: 20px;
width: 100px;
z-index: 9999;
}
.image-container img {
width: 100%;
height: auto;
cursor: pointer;
}
/* Garante que "Formatura 2023" fique vermelho */
.logo a {
color: red !important; /* Força a cor vermelha */
text-decoration: none; /* Remove sublinhado */
font-weight: bold;
}
/* Muda a cor ao passar o mouse */
.logo a:hover {
color: darkred !important;
}
</style>
</head>
<body>
<!-- Ícone flutuante -->
<div class="image-container">
<a href="solicitar_fotos.html">
<img src="assets/img/msg.webp" alt="Solicitar Fotos">
</a>
</div>
<!-- Header -->
<header id="header" class="fixed-top">
<div class="container d-flex justify-content-between align-items-center">
<h1 class="logo"><a href="index.html">Formatura 18-12-2024</a></h1>
<nav id="navbar">
<ul style="list-style: none; padding: 0; margin: 0;"> <!-- Remove os marcadores da lista -->
<li style="display: inline-block;">
<a href="solicitar_fotos.html" class="btn btn-danger">Solicitar Fotos</a>
</li>
</ul>
</nav>
</div>
</header>
<!-- Hero Section -->
<section id="hero" class="d-flex align-items-center" style="background-image: url('assets/img/slide/formatura2023.webp'); background-size: cover; height: 300px;">
<div class="container text-center text-white">
<!-- <h2>SEJAM BEM-VINDOS</h2> -->
</div>
</section>
<!-- Galeria de fotos -->
<main id="main">
<section id="portfolio" class="portf