Proyecto Practica 1 modificado

parent aa8da958
...@@ -6,7 +6,7 @@ div.titulo1 { ...@@ -6,7 +6,7 @@ div.titulo1 {
position: relative; position: relative;
background-color: orange; background-color: orange;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 0%; top: 0%;
padding: 20px; padding: 20px;
} }
...@@ -19,7 +19,7 @@ div.titulo2 { ...@@ -19,7 +19,7 @@ div.titulo2 {
position: relative; position: relative;
background-color: olive; background-color: olive;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 20%; top: 20%;
padding: 5px; padding: 5px;
} }
......
...@@ -6,7 +6,7 @@ div.titulo1 { ...@@ -6,7 +6,7 @@ div.titulo1 {
position: relative; position: relative;
background-color: orange; background-color: orange;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 0%; top: 0%;
padding: 20px; padding: 20px;
} }
...@@ -19,7 +19,7 @@ div.titulo2 { ...@@ -19,7 +19,7 @@ div.titulo2 {
position: relative; position: relative;
background-color: olive; background-color: olive;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 20%; top: 20%;
padding: 5px; padding: 5px;
} }
......
...@@ -6,7 +6,7 @@ div.titulo1 { ...@@ -6,7 +6,7 @@ div.titulo1 {
position: relative; position: relative;
background-color: orange; background-color: orange;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 0%; top: 0%;
padding: 20px; padding: 20px;
} }
...@@ -19,7 +19,7 @@ div.titulo2 { ...@@ -19,7 +19,7 @@ div.titulo2 {
position: relative; position: relative;
background-color: olive; background-color: olive;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 20%; top: 20%;
padding: 5px; padding: 5px;
} }
......
...@@ -6,7 +6,7 @@ div.titulo1 { ...@@ -6,7 +6,7 @@ div.titulo1 {
position: relative; position: relative;
background-color: orange; background-color: orange;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 0%; top: 0%;
padding: 20px; padding: 20px;
} }
...@@ -19,7 +19,7 @@ div.titulo2 { ...@@ -19,7 +19,7 @@ div.titulo2 {
position: relative; position: relative;
background-color: olive; background-color: olive;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 20%; top: 20%;
padding: 5px; padding: 5px;
} }
......
...@@ -6,7 +6,7 @@ div.titulo1 { ...@@ -6,7 +6,7 @@ div.titulo1 {
position: relative; position: relative;
background-color: orange; background-color: orange;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 0%; top: 0%;
padding: 20px; padding: 20px;
} }
...@@ -19,7 +19,7 @@ div.titulo2 { ...@@ -19,7 +19,7 @@ div.titulo2 {
position: relative; position: relative;
background-color: olive; background-color: olive;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 20%; top: 20%;
padding: 5px; padding: 5px;
} }
......
...@@ -6,7 +6,7 @@ div.titulo1 { ...@@ -6,7 +6,7 @@ div.titulo1 {
position: relative; position: relative;
background-color: orange; background-color: orange;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 0%; top: 0%;
padding: 20px; padding: 20px;
} }
...@@ -19,7 +19,7 @@ div.titulo2 { ...@@ -19,7 +19,7 @@ div.titulo2 {
position: relative; position: relative;
background-color: olive; background-color: olive;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 20%; top: 20%;
padding: 5px; padding: 5px;
} }
......
...@@ -6,7 +6,7 @@ div.titulo1 { ...@@ -6,7 +6,7 @@ div.titulo1 {
position: relative; position: relative;
background-color: orange; background-color: orange;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 0%; top: 0%;
padding: 20px; padding: 20px;
} }
...@@ -19,7 +19,7 @@ div.titulo2 { ...@@ -19,7 +19,7 @@ div.titulo2 {
position: relative; position: relative;
background-color: olive; background-color: olive;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 20%; top: 20%;
padding: 5px; padding: 5px;
} }
......
...@@ -6,7 +6,7 @@ div.titulo1 { ...@@ -6,7 +6,7 @@ div.titulo1 {
position: relative; position: relative;
background-color: orange; background-color: orange;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 0%; top: 0%;
padding: 20px; padding: 20px;
} }
...@@ -19,7 +19,7 @@ div.titulo2 { ...@@ -19,7 +19,7 @@ div.titulo2 {
position: relative; position: relative;
background-color: olive; background-color: olive;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 20%; top: 20%;
padding: 5px; padding: 5px;
} }
......
...@@ -6,10 +6,16 @@ div.titulo1 { ...@@ -6,10 +6,16 @@ div.titulo1 {
position: relative; position: relative;
background-color: orange; background-color: orange;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 0%; top: 0%;
padding: 20px; padding: 20px;
} }
div.formulario {
position: relative;
background-color: orange;
width: 10%;
left: 85%;
}
img.logouja { img.logouja {
position: relative; position: relative;
width: 150px; width: 150px;
...@@ -19,7 +25,7 @@ div.titulo2 { ...@@ -19,7 +25,7 @@ div.titulo2 {
position: relative; position: relative;
background-color: olive; background-color: olive;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 20%; top: 20%;
padding: 5px; padding: 5px;
} }
...@@ -82,6 +88,13 @@ div.articulo4 { ...@@ -82,6 +88,13 @@ div.articulo4 {
<body background="agricultura.jpg" style="background-size: cover"> <body background="agricultura.jpg" style="background-size: cover">
<div class="titulo1"> <div class="titulo1">
<h1><img class="logouja" src="logouja.png"><center><font size=7>AGROUJA</font></center></h1> <h1><img class="logouja" src="logouja.png"><center><font size=7>AGROUJA</font></center></h1>
<div class="formulario"><form action="#">
<label for="fname">Usuario:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">Contraseña:</label><br>
<input type="password" id="lname" name="lname"><br><br>
<input type="button" value="Login">
</form></div>
</div> </div>
<div class="titulo2"> <div class="titulo2">
<h2><center>Blog - Datos de Interés</center></h2> <h2><center>Blog - Datos de Interés</center></h2>
......
...@@ -6,10 +6,16 @@ div.titulo1 { ...@@ -6,10 +6,16 @@ div.titulo1 {
position: relative; position: relative;
background-color: orange; background-color: orange;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 0%; top: 0%;
padding: 20px; padding: 20px;
} }
div.formulario {
position: relative;
background-color: orange;
width: 10%;
left: 85%;
}
img.logouja { img.logouja {
position: relative; position: relative;
width: 150px; width: 150px;
...@@ -19,7 +25,7 @@ div.titulo2 { ...@@ -19,7 +25,7 @@ div.titulo2 {
position: relative; position: relative;
background-color: olive; background-color: olive;
height: 20%; height: 20%;
weight: 100%; width: 100%;
top: 20%; top: 20%;
padding: 5px; padding: 5px;
} }
...@@ -82,6 +88,13 @@ div.articulo4 { ...@@ -82,6 +88,13 @@ div.articulo4 {
<body background="agricultura.jpg" style="background-size: cover"> <body background="agricultura.jpg" style="background-size: cover">
<div class="titulo1"> <div class="titulo1">
<h1><img class="logouja" src="logouja.png"><center><font size=7>AGROUJA</font></center></h1> <h1><img class="logouja" src="logouja.png"><center><font size=7>AGROUJA</font></center></h1>
<div class="formulario"><form action="#">
<label for="fname">Usuario:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">Contraseña:</label><br>
<input type="password" id="lname" name="lname"><br><br>
<input type="button" value="Login">
</form></div>
</div> </div>
<div class="titulo2"> <div class="titulo2">
<h2><center>Blog - Datos de Interés</center></h2> <h2><center>Blog - Datos de Interés</center></h2>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment