Scribd
Cargar
2 vistas4 páginas

Pagina HTML

El documento es una página web que presenta la empresa AGROAPAZA y sus productos agrícolas. Incluye un diseño con estilo CSS y una sección de productos que muestra insecticidas y herbicidas, así como enlaces a sus redes sociales. La estructura es sencilla y está orientada a la promoción de productos para el cuidado de cultivos.

Cargado por

Luis
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 PDF, TXT o lee en línea desde Scribd
2 vistas4 páginas

Pagina HTML

El documento es una página web que presenta la empresa AGROAPAZA y sus productos agrícolas. Incluye un diseño con estilo CSS y una sección de productos que muestra insecticidas y herbicidas, así como enlaces a sus redes sociales. La estructura es sencilla y está orientada a la promoción de productos para el cuidado de cultivos.

Cargado por

Luis
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 PDF, TXT o lee en línea desde Scribd

<!

DOCTYPE html>

<html lang="es">

<HTML>

<HEAD>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<TITLE> Mi segunda pagina Web</TITLE>

<style>

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 0;

background-color: #f4f4f4;

header {

background-color: #333;

color: rgb(20, 201, 35);

padding: 1rem;

text-align: center;

.producto-container {

display: flex;

flex-wrap: wrap;

justify-content: center;

padding: 2rem;

.producto {

background-color: white;

border: 1px solid #ccc;


border-radius: 5px;

width: 300px;

margin: 1rem;

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

transition: transform 0.2s;

.producto:hover {

transform: scale(1.03);

.producto img {

width: 80%;

border-top-left-radius: 5px;

border-top-right-radius: 5px;

.producto h3 {

margin: 0.5rem;

text-align: center;

.producto p {

padding: 0 1rem 1rem;

color: #555;

</style>

</HEAD>

<body>

<header>

<H1>AGROAPAZA</H1>

</header>
<div>

<center><IMG SRC="[Link]"></center>

<div class="producto-container">

<div class="producto">

<img src="ABAMEX [Link]" alt="Producto 1">

<h3>Abamex Plus</h3>

<p>Es un producto insectisida, que elimina las plagas.</p>

</div>

<div class="producto">

<img src="ACIDO [Link]" alt="Producto 1">

<h3>Acido Giberilico</h3>

<p>Herbisida protege los cultivos.</p>

</div>

<div class="producto">

<img src="[Link]" alt="Producto 1">

<h3>Activa</h3>

<p>Es un regulador de crecimiento vegetal.</p>

</div>

<div class="producto">

<img src="ANIMO [Link]" alt="Producto 1">

<h3>Animo Nature</h3>

<p>Para aplicación foliar.</p>

</div>

</div>

<center>

<HR><B>Estas son nuestras redes sociales:</B></HR>


<P><A HREF="[Link]

<BR> <A HREF="[Link]

<BR> <A HREF="[Link]

<BR> <A HREF="[Link]

</center>

</div>

</body>

</HTML>

También podría gustarte