souzajoao99/gist:9058d273166111d45057275ceb59fb38

## gistfile1.txt
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Game Land</title>
    <style>
        body {
            font-family: sans-serif;
            margin: 0;
            background-color: #181818;
            color: #f0f0f0;
        }
        header {
            background-color: #222;
            padding: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .logo {
            font-size: 2em;
            font-weight: bold;
            color: #e53935; /* Ex: Vermelho PlayStation */
        }
        nav ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
        }
        nav li {
            margin-left: 20px;
        }
        nav a {
            text-decoration: none;
            color: #ccc;
            transition: color 0.3s ease;
        }
        nav a:hover {
            color: #fff;
        }
        .hero {
            background-image: url(url-example.jpg);
            background-size: cover;
            background-position: center;
            color: #fff;
            padding: 100px 20px;
            text-align: center;
        }
        .hero-content {
            max-width: 800px;
            margin: 0 auto;
        }
        .hero h1 {
            font-size: 3em;
            margin-bottom: 20px;
        }
        .news-section {
            background-color: #292929;
            padding: 40px 20px;
        }
        .news-section h2 {
            color: #e53935;
            margin-bottom: 20px;
            text-align: center;
        }
        .news-item {
            background-color: #333;
            padding: 20px;
            margin-bottom: 20px;
            border-radius: 5px;
        }
        .news-item h3 {
            color: #fff;
            margin-top: 0;
        }
        .news-item p {
            color: #ccc;
        }
        .featured-games {
            padding: 40px 20px;
            text-align: center;
        }
        .featured-games h2 {
            color: #e53935;
            margin-bottom: 20px;
        }
        .game-list {
            display: flex;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
        }
        .game-card {
            background-color: #333;
            border-radius: 5px;
            overflow: hidden;
            width: 300px;
        }
        .game-card img {
            width: 100%;
            display: block;
        }
        .game-card-content {
            padding: 15px;
        }
        .game-card-content h4 {
            color: #fff;
            margin-top: 0;
            margin-bottom: 5px;
        }
        .game-card-content p {
            color: #ccc;
            font-size: 0.9em;
        }
        footer {
            background-color: #222;
            color: #ccc;
            text-align: center;
            padding: 20px;
            font-size: 0.8em;
        }
    </style>
</head>
<body>
    <header>
        <div class="logo">Game Land</div>
        <nav>
            <ul>
                <li><a href="#">Notícias</a></li>
                <li><a href="#">Reviews</a></li>
                <li><a href="#">Trailers</a></li>
                <li><a href="#">Comunidade</a></li>
            </ul>
        </nav>
    </header>

    <section class="hero">
        <div class="hero-content">
            <h1>Bem-vindo ao Seu Universo Gamer!</h1>
            <p>Fique por dentro das últimas novidades, reviews e tudo sobre seus jogos favoritos.</p>
            </div>
    </section>

    <section class="news-section">
        <h2>Últimas Notícias</h2>
        <div class="news-item">
            <h3>PSN Plus de Abril Apresenta os Seguintes Games</h3>
            <p>Prepare-se para as novidades de abril no PlayStation Plus! A Sony revelou os títulos que estarão disponíveis para os assinantes neste mês. Fique ligado para descobrir quais jogos você poderá aproveitar gratuitamente...</p>
            <a href="#">Leia mais</a>
        </div>
        </section>

    <section class="featured-games">
        <h2>Jogos em Destaque</h2>
        <div class="game-list">
            <div class="game-card">
                <img src="url-example.jpg" alt="Jogo 1">
                <div class="game-card-content">
                    <h4>Título do Jogo 1</h4>
                    <p>Breve descrição do jogo 1.</p>
                    <a href="#">Saiba mais</a>
                </div>
            </div>
            <div class="game-card">
                <img src="url-example.jpg" alt="Jogo 2">
                <div class="game-card-content">
                    <h4>Título do Jogo 2</h4>
                    <p>Breve descrição do jogo 2.</p>
                    <a href="#">Saiba mais</a>
                </div>
            </div>
            </div>
    </section>

    <footer>
        <p>&copy; 2025 JoaoPDesign. Todos os direitos reservados.</p>
    </footer>
</body>
</html>
	<html lang="pt-br">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Game Land</title>
	<style>
	body {
	font-family: sans-serif;
	margin: 0;
	background-color: #181818;
	color: #f0f0f0;
	}
	header {
	background-color: #222;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
	.logo {
	font-size: 2em;
	font-weight: bold;
	color: #e53935; /* Ex: Vermelho PlayStation */
	}
	nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	}
	nav li {
	margin-left: 20px;
	}
	nav a {
	text-decoration: none;
	color: #ccc;
	transition: color 0.3s ease;
	}
	nav a:hover {
	color: #fff;
	}
	.hero {
	background-image: url(url-example.jpg);
	background-size: cover;
	background-position: center;
	color: #fff;
	padding: 100px 20px;
	text-align: center;
	}
	.hero-content {
	max-width: 800px;
	margin: 0 auto;
	}
	.hero h1 {
	font-size: 3em;
	margin-bottom: 20px;
	}
	.news-section {
	background-color: #292929;
	padding: 40px 20px;
	}
	.news-section h2 {
	color: #e53935;
	margin-bottom: 20px;
	text-align: center;
	}
	.news-item {
	background-color: #333;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 5px;
	}
	.news-item h3 {
	color: #fff;
	margin-top: 0;
	}
	.news-item p {
	color: #ccc;
	}
	.featured-games {
	padding: 40px 20px;
	text-align: center;
	}
	.featured-games h2 {
	color: #e53935;
	margin-bottom: 20px;
	}
	.game-list {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
	}
	.game-card {
	background-color: #333;
	border-radius: 5px;
	overflow: hidden;
	width: 300px;
	}
	.game-card img {
	width: 100%;
	display: block;
	}
	.game-card-content {
	padding: 15px;
	}
	.game-card-content h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 5px;
	}
	.game-card-content p {
	color: #ccc;
	font-size: 0.9em;
	}
	footer {
	background-color: #222;
	color: #ccc;
	text-align: center;
	padding: 20px;
	font-size: 0.8em;
	}
	</style>
	</head>
	<body>
	<header>
	<div class="logo">Game Land</div>
	<nav>
	<ul>
	<li><a href="#">Notícias</a></li>
	<li><a href="#">Reviews</a></li>
	<li><a href="#">Trailers</a></li>
	<li><a href="#">Comunidade</a></li>
	</ul>
	</nav>
	</header>

	<section class="hero">
	<div class="hero-content">
	<h1>Bem-vindo ao Seu Universo Gamer!</h1>
	<p>Fique por dentro das últimas novidades, reviews e tudo sobre seus jogos favoritos.</p>
	</div>
	</section>

	<section class="news-section">
	<h2>Últimas Notícias</h2>
	<div class="news-item">
	<h3>PSN Plus de Abril Apresenta os Seguintes Games</h3>
	<p>Prepare-se para as novidades de abril no PlayStation Plus! A Sony revelou os títulos que estarão disponíveis para os assinantes neste mês. Fique ligado para descobrir quais jogos você poderá aproveitar gratuitamente...</p>
	<a href="#">Leia mais</a>
	</div>
	</section>

	<section class="featured-games">
	<h2>Jogos em Destaque</h2>
	<div class="game-list">
	<div class="game-card">
	<img src="url-example.jpg" alt="Jogo 1">
	<div class="game-card-content">
	<h4>Título do Jogo 1</h4>
	<p>Breve descrição do jogo 1.</p>
	<a href="#">Saiba mais</a>
	</div>
	</div>
	<div class="game-card">
	<img src="url-example.jpg" alt="Jogo 2">
	<div class="game-card-content">
	<h4>Título do Jogo 2</h4>
	<p>Breve descrição do jogo 2.</p>
	<a href="#">Saiba mais</a>
	</div>
	</div>
	</div>
	</section>

	<footer>
	<p>© 2025 JoaoPDesign. Todos os direitos reservados.</p>
	</footer>
	</body>
	</html>