Scribd
Cargar
4 vistas4 páginas

Codigo

El documento es un código HTML para una página web titulada 'Mi Negocio Colorido'. Contiene secciones para un encabezado, un cuerpo principal con características de productos y un pie de página. Cada producto incluye una imagen, un título y una descripción breve.

Cargado por

ordonezglobal
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
4 vistas4 páginas

Codigo

El documento es un código HTML para una página web titulada 'Mi Negocio Colorido'. Contiene secciones para un encabezado, un cuerpo principal con características de productos y un pie de página. Cada producto incluye una imagen, un título y una descripción breve.

Cargado por

ordonezglobal
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

<!

DOCTYPE html>

<html>

<head>

<title>Mi Negocio Colorido</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f4f4f4;

margin: 0;

padding: 0;

header {

background-color: #333;

color: #fff;

padding: 20px;

text-align: center;

h1 {

margin: 0;

font-size: 32px;

main {

margin: 20px;

.feature {
display: flex;

justify-content: center;

align-items: center;

text-align: center;

background-color: #fff;

padding: 20px;

border-radius: 10px;

box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

margin-bottom: 20px;

.feature img {

width: 100px;

height: 100px;

margin-bottom: 10px;

.feature h2 {

font-size: 24px;

margin: 0;

.feature p {

color: #777;

footer {

background-color: #333;

color: #fff;
padding: 20px;

text-align: center;

footer p {

margin: 0;

</style>

</head>

<body>

<header>

<h1>Mi Negocio Colorido</h1>

</header>

<main>

<div class="feature">

<img src="C:\Users\USER\Downloads\descarga (22).[Link]"


alt="C:\Users\USER\Downloads\descarga (22).jpg 1">

<h2>Producto 1</h2>

<p>Descripción del producto 1.</p>

</div>

<div class="feature">

<img src="[Link]" alt="images">

<h2>Producto 2</h2>

<p>Descripción del producto 2.</p>

</div>

<div class="feature">
<img src="[Link]" alt="Imagen 3">

<h2>Producto 3</h2>

<p>Descripción del producto 3.</p>

</div>

</main>

<footer>

<p>&copy; 2024 Mi Negocio Colorido. Todos los derechos


reservados.</p>

</footer>

</body>

</html>

También podría gustarte