<!
DOCTYPE html>
<html lang="es">
<head>
<style>
body {
background-image: url("donald-duck-cartoon-free-
[Link]"); /* Nombre de tu imagen */
background-size: cover; /* Ajusta la imagen
a la pantalla */
background-position: center; /* Centra la
imagen */
background-repeat: no-repeat; /* No se repite */
background-attachment: fixed; /* Efecto de fondo
fijo */
margin: 20px;
padding:0;
font-family: Arial;
}
.contenido {
background: rgba(216, 208, 208, 0.7); /* Fondo blanco
semitransparente */
padding: 20px;
margin: 40px;
border-radius: 10px;
}
body {
background-color: #3a3b3b; /* Un gris claro */
}
</style>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-
scale=1.0" />
<title>"Mi Proyecto Web"</title>
<link rel="stylesheet" href="[Link]" />
</head>
<body>
<header>
<div style="text-align: center;">
<h1>Bienvenido a Mi Proyecto</h1>
<p>Ejemplo completo para Visual Studio Code</p>
<div style="position: relative; width: 100%; height: 0;
padding-top: 50.0000%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16);
margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;">
<iframe loading="lazy" style="position: absolute; width: 100%;
height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
src="[Link]
Q/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
</iframe>
</div>
<a
href="https://[Link]/design/DAF7wT4wsEs&
#x2F;zDyathVjJsx8jIc0stU8sQ/view?
utm_content=DAF7wT4wsEs&utm_campaign=designshare&utm_medium
=embeds&utm_source=link" target="_blank" rel="noopener"></a>
</div>
</header>
<nav class="navbar">
<div style="text-align: center;">
<a href="#Inicio">Inicio</a>
<a href="[Link]"> Pagina 2</a>
<a href="#contacto">Contacto</a>
</div>
</nav>
<section id="inicio" class="section">
<div style="text-align: center;">
<h2>Inicio</h2>
<p>
Este es un ejemplo básico de un proyecto web que incluye
HTML, CSS y
JavaScript.
</p>
<a href="[Link]
v=GKlpL4FhzUs&list=RDMMLsoLEjrDogU&index=8" target="_blank">
<button id="btnMensaje" class="btn">Haz clic aquí</button>
</a>
</div>
</section>
<section id="servicios" class="section">
<h2>Servicios</h2>
<div class="cards">
<div class="card">
<h3>Diseño Web</h3>
<p>Creación de interfaces modernas y adaptables.</p>
</div>
<div class="card">
<h3>Desarrollo</h3>
<p>Programación de aplicaciones web completas.</p>
</div>
<div class="card">
<h3>Asesoría</h3>
<p>Acompañamiento en tus proyectos digitales.</p>
</div>
</div>
</section>
<section id="contacto" class="section">
<h2>Contacto</h2>
<form id="formulario">
<label>Nombre:</label>
<input type="text" id="nombre" required />
<label>Mensaje:</label>
<textarea id="mensaje" required></textarea>
<button type="submit" class="btn">Enviar</button>
</form>
</section>
<footer>
<p>© 2025 Mi Proyecto Web - Creado en Visual Studio
Code</p>
</footer>
<script src="[Link]"></script>
</body>
</html>