Proyecto Practica 1 modificado

parent aa8da958
......@@ -6,7 +6,7 @@ div.titulo1 {
position: relative;
background-color: orange;
height: 20%;
weight: 100%;
width: 100%;
top: 0%;
padding: 20px;
}
......@@ -19,7 +19,7 @@ div.titulo2 {
position: relative;
background-color: olive;
height: 20%;
weight: 100%;
width: 100%;
top: 20%;
padding: 5px;
}
......
......@@ -6,7 +6,7 @@ div.titulo1 {
position: relative;
background-color: orange;
height: 20%;
weight: 100%;
width: 100%;
top: 0%;
padding: 20px;
}
......@@ -19,7 +19,7 @@ div.titulo2 {
position: relative;
background-color: olive;
height: 20%;
weight: 100%;
width: 100%;
top: 20%;
padding: 5px;
}
......
......@@ -6,7 +6,7 @@ div.titulo1 {
position: relative;
background-color: orange;
height: 20%;
weight: 100%;
width: 100%;
top: 0%;
padding: 20px;
}
......@@ -19,7 +19,7 @@ div.titulo2 {
position: relative;
background-color: olive;
height: 20%;
weight: 100%;
width: 100%;
top: 20%;
padding: 5px;
}
......
......@@ -6,7 +6,7 @@ div.titulo1 {
position: relative;
background-color: orange;
height: 20%;
weight: 100%;
width: 100%;
top: 0%;
padding: 20px;
}
......@@ -19,7 +19,7 @@ div.titulo2 {
position: relative;
background-color: olive;
height: 20%;
weight: 100%;
width: 100%;
top: 20%;
padding: 5px;
}
......
......@@ -6,7 +6,7 @@ div.titulo1 {
position: relative;
background-color: orange;
height: 20%;
weight: 100%;
width: 100%;
top: 0%;
padding: 20px;
}
......@@ -19,7 +19,7 @@ div.titulo2 {
position: relative;
background-color: olive;
height: 20%;
weight: 100%;
width: 100%;
top: 20%;
padding: 5px;
}
......
......@@ -6,7 +6,7 @@ div.titulo1 {
position: relative;
background-color: orange;
height: 20%;
weight: 100%;
width: 100%;
top: 0%;
padding: 20px;
}
......@@ -19,7 +19,7 @@ div.titulo2 {
position: relative;
background-color: olive;
height: 20%;
weight: 100%;
width: 100%;
top: 20%;
padding: 5px;
}
......
......@@ -6,7 +6,7 @@ div.titulo1 {
position: relative;
background-color: orange;
height: 20%;
weight: 100%;
width: 100%;
top: 0%;
padding: 20px;
}
......@@ -19,7 +19,7 @@ div.titulo2 {
position: relative;
background-color: olive;
height: 20%;
weight: 100%;
width: 100%;
top: 20%;
padding: 5px;
}
......
......@@ -6,7 +6,7 @@ div.titulo1 {
position: relative;
background-color: orange;
height: 20%;
weight: 100%;
width: 100%;
top: 0%;
padding: 20px;
}
......@@ -19,7 +19,7 @@ div.titulo2 {
position: relative;
background-color: olive;
height: 20%;
weight: 100%;
width: 100%;
top: 20%;
padding: 5px;
}
......
......@@ -6,10 +6,16 @@ div.titulo1 {
position: relative;
background-color: orange;
height: 20%;
weight: 100%;
width: 100%;
top: 0%;
padding: 20px;
}
div.formulario {
position: relative;
background-color: orange;
width: 10%;
left: 85%;
}
img.logouja {
position: relative;
width: 150px;
......@@ -19,7 +25,7 @@ div.titulo2 {
position: relative;
background-color: olive;
height: 20%;
weight: 100%;
width: 100%;
top: 20%;
padding: 5px;
}
......@@ -82,6 +88,13 @@ div.articulo4 {
<body background="agricultura.jpg" style="background-size: cover">
<div class="titulo1">
<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 class="titulo2">
<h2><center>Blog - Datos de Interés</center></h2>
......
......@@ -6,10 +6,16 @@ div.titulo1 {
position: relative;
background-color: orange;
height: 20%;
weight: 100%;
width: 100%;
top: 0%;
padding: 20px;
}
div.formulario {
position: relative;
background-color: orange;
width: 10%;
left: 85%;
}
img.logouja {
position: relative;
width: 150px;
......@@ -19,7 +25,7 @@ div.titulo2 {
position: relative;
background-color: olive;
height: 20%;
weight: 100%;
width: 100%;
top: 20%;
padding: 5px;
}
......@@ -82,6 +88,13 @@ div.articulo4 {
<body background="agricultura.jpg" style="background-size: cover">
<div class="titulo1">
<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 class="titulo2">
<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