Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Ajustes do código #1

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Ajustes do código #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions lapazf1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,10 @@

<body>
<ul class="navbar anta-regular">
<li><a class="anta-regular" href="#">Futebol</a></li>
<li><a href="contato.html">F1</a></li>
<li><a href="lapazmenu.html">Futebol</a></li>
<li><a href="#">F1</a></li>
<li><a href="surprise.html">NBA</a></li>
<li><a href="surprise.html">NFL</a></li>
<li><a href="lapaznfl .html">NFL</a></li>
<li><a href="surprise.html">UFC</a></li>
<li><a href="surprise.html">Tênis</a></li>
<li><a href="surprise.html">Volei</a></li>
Expand Down
10 changes: 5 additions & 5 deletions lapazmenu.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@
</head>
<body>
<ul class="navbar anta-regular">
<li><a class="anta-regular" href="#">Futebol</a></li>
<li><a href="contato.html">F1</a></li>
<li><a href="#">Futebol</a></li>
<li><a href="lapazf1.html">F1</a></li>
<li><a href="surprise.html">NBA</a></li>
<li><a href="surprise.html">NFL</a></li>
<li><a href="surprise.html">UFC</a></li>
<li><a href="lapaznfl.html">NFL</a></li>
<li><a href="lapazufc.html">UFC</a></li>
<li><a href="surprise.html">Tênis</a></li>
<li><a href="surprise.html">Volei</a></li>
<li><a href="surprise.html">Baseball</a></li>
Expand All @@ -23,7 +23,7 @@
<div class="expansão">
<i class="bi bi-list" id="btn-exp"></i>
</div>
<ul>
<ul>
<li class="item-menu ativo">
<a href="#">
<span class="icon"><i class="bi bi-house-fill"></i></span>
Expand Down
8 changes: 4 additions & 4 deletions lapaznfl.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
Expand All @@ -11,10 +11,10 @@

<body>
<ul class="navbar anta-regular">
<li><a class="anta-regular" href="#">Futebol</a></li>
<li><a href="contato.html">F1</a></li>
<li><a href="lapazmenu.html">Futebol</a></li>
<li><a href="lapazf1.html">F1</a></li>
<li><a href="surprise.html">NBA</a></li>
<li><a href="surprise.html">NFL</a></li>
<li><a href="#">NFL</a></li>
<li><a href="surprise.html">UFC</a></li>
<li><a href="surprise.html">Tênis</a></li>
<li><a href="surprise.html">Volei</a></li>
Expand Down
173 changes: 173 additions & 0 deletions lapazufc.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,173 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="https://upload.wikimedia.org/wikipedia/commons/5/5a/UFC_logo.svg">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>La Paz Sports UFC</title>

<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}

header {
background-color: #d90000;
color: white;
padding: 10px;
text-align: center;
position: relative;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.logo img {
max-width: 100px;
height: auto;
}

.ufc {
color: black;
}

h1 {
margin: 10px 0;
}

nav ul {
list-style: none;
padding: 0;
background-color: #333;
text-align: center;
margin: 0;
}

nav ul li {
display: inline;
margin-right: 20px;
}

nav a {
text-decoration: none;
color: white;
font-weight: bold;
font-size: 1.2em;
padding: 10px;
display: inline-block;
}

main {
padding: 20px;
}

section {
margin-bottom: 30px;
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

section h2 {
color: #1a1a1a;
}

.article {
margin-bottom: 20px;
}

.article img {
max-width: 100%;
height: auto;
border-radius: 8px;
}

footer {
background-color: #1a1a1a;
color: white;
text-align: center;
padding: 10px;
position: fixed;
bottom: 0;
width: 100%;
}

/* Restante do CSS permanece inalterado */

</style>
</head>

<body>
<header>
<div class="logo">
<img src="https://voxnews.com.br/wp-content/uploads/2019/01/ufc-logo-750x394.jpg">
</div>
<nav>
<ul class="navbar anta-regular">
<li><a href="#">Futebol</a></li>
<li><a href="lapazf1.html">F1</a></li>
<li><a href="surprise.html">NBA</a></li>
<li><a href="lapaznfl.html">NFL</a></li>
<li><a href="surprise.html">UFC</a></li>
<li><a href="surprise.html">Tênis</a></li>
<li><a href="surprise.html">Volei</a></li>
<li><a href="surprise.html">Baseball</a></li>
</ul>
</nav>
</header>

<main>
<section id="noticias">
<h2>TÍTULO PESO PESADO</h2>
<article class="article">
<img src="https://dmxg5wxfqgb4u.cloudfront.net/2023-03/JONES_JON_BELT_03_04.png" alt="Notícia 1">
<h3>Jon Jones</h3>
<p>Jon Jones desafia Poant para a disputa do cinturão. Jones esta com uma sequência incrívil, derrotando 5 por N.O. Será uma dureza para o atual campeão.</p>
</article>

<article class="article">
<img src="https://uploads.metropoles.com/wp-content/uploads/2022/11/14074407/gettyimages-1440831206-612x612-1.jpeg" alt="Notícia 2">
<h3>Alex Poatan</h3>
<p>Atual defensor do cinturão. Poant irá com unhas e dentes para defender contra o Jon Jones... Poant afirma que vai ser muito difícil essa luta por Jones ter uma invergadura maior, mas, Poant fala que será uma luta Historica para o UFC. Confira a entrevista abaixo!</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/P_CzJSrkgJM?si=Ye1dJ3CivwOV3TL6" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</article>
</section>

<section id="lutadores">
<h2>Lutadores</h2>
<article class="article">
<img src="https://via.placeholder.com/800x400" alt="Lutador 1">
<h3>Lutador 1</h3>
<p>Informações sobre o Lutador 1...</p>
</article>

<article class="article">
<img src="https://via.placeholder.com/800x400" alt="Lutador 2">
<h3>Lutador 2</h3>
<p>Informações sobre o Lutador 2...</p>
</article>
</section>

<section id="eventos">
<h2>Próximos Eventos</h2>
<article class="article">
<img src="https://via.placeholder.com/800x400" alt="Evento 1">
<h3>Evento 1</h3>
<p>Detalhes sobre o Evento 1...</p>
</article>

<article class="article">
<img src="https://via.placeholder.com/800x400" alt="Evento 2">
<h3>Evento 2</h3>
<p>Detalhes sobre o Evento 2...</p>
</article>
</section>
</main>

<footer>
<p>&copy; 2024 UFC - Ultimate Fighting Championship. Todos os direitos reservados.</p>
</footer>
</body>
</html>
24 changes: 24 additions & 0 deletions menu5.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
const carousel = document.querySelector('.carousel-content');
const totalItems = document.querySelectorAll('.carousel-item').length;
let currentIndex = 0;

function showSlide(index) {
if (index < 0) {
index = totalItems - 1;
} else if (index >= totalItems) {
index = 0;
}
const offset = -index * 100;
carousel.style.transform = 'translateX(' + offset + '%)';
currentIndex = index;
}

function nextSlide() {
showSlide(currentIndex + 1);
}

function prevSlide() {
showSlide(currentIndex - 1);
}

setInterval(nextSlide, 6000);
2 changes: 1 addition & 1 deletion style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -132,4 +132,4 @@ ul li.item-menu a .icon > i {
height: auto;
display: block;
margin: 0 auto;
}
}