git-svn-id: https://192.168.0.254/svn/Proyectos.GrupoArdeco_Web/trunk@2 f3e42445-bc5e-4746-be46-0918cadaadb9
234
src/estilos.css
Normal file
@ -0,0 +1,234 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
html, body {
|
||||
height:100%;
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-family: Verdana,Arial,Helvetica,sans-serif;
|
||||
color:#808080;
|
||||
font-size: 80%;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
font-weight: normal;
|
||||
line-height: 170%;
|
||||
}
|
||||
|
||||
body{
|
||||
background-color: #fff;
|
||||
background-image: url('images/fondo.gif');
|
||||
background-repeat: repeat-x;
|
||||
background-position: center center;
|
||||
text-align: center;
|
||||
min-width: 960px;
|
||||
min-height: 550px;
|
||||
}
|
||||
|
||||
p, h1, h2, h3, h4 {
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
font-family: Helvetica,Verdana,Arial,Helvetica,sans-serif;
|
||||
font-stretch: normal;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-weight: normal;
|
||||
font-size:195%;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: normal;
|
||||
font-size:180%;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size:120%;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #E46825;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a:hover, a:active {
|
||||
color: #666666;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
p {
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-image:none;
|
||||
list-style-position:outside;
|
||||
list-style-type:square;
|
||||
margin:15px 0 15px 20px;
|
||||
}
|
||||
|
||||
li {
|
||||
}
|
||||
|
||||
|
||||
#vertical{
|
||||
float: left;
|
||||
height: 50%;
|
||||
margin-top: -270px;/* half vertical height*/
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#layout {
|
||||
width:960px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
height: 545px;
|
||||
overflow: auto; /* allow content to scroll inside element */
|
||||
text-align:left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#cabecera {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
width: 960px;
|
||||
height: 110px;
|
||||
text-align: left;
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
#logotipo {
|
||||
background-image: url('images/logotipo.gif');
|
||||
background-repeat: no-repeat;
|
||||
width: 380px;
|
||||
height: 75px;
|
||||
float: left;
|
||||
}
|
||||
#cabecera h1, #cabecera h2 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#principal {
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
#principal p {
|
||||
}
|
||||
|
||||
#inicio_izquierda {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 500px;
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
#inicio_derecha {
|
||||
float: right;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 360px;
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
#foto {
|
||||
padding: 6px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.clear {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#pie_layout {
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-image:url(images/fondo-pie.gif);
|
||||
background-repeat:repeat-x;
|
||||
background-position: top;
|
||||
height: 283px;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
#pie {
|
||||
line-height: normal;
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
padding: 12px 0 0 0;
|
||||
color: #CABA9F;
|
||||
font-family: Verdana, Geneva, sans-serif;
|
||||
}
|
||||
|
||||
#pie_izquierda {
|
||||
text-align: left;
|
||||
margin: 0 0 0 15px;
|
||||
padding: 0;
|
||||
width: 460px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#pie_derecha {
|
||||
text-align: right;
|
||||
margin: 0 15px 0 0;
|
||||
padding: 60px 0 0 0;
|
||||
width: 460px;
|
||||
float:right;
|
||||
}
|
||||
|
||||
#pie a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
#pie h3 {
|
||||
text-transform:none;
|
||||
background: none;
|
||||
margin: 0 0 10px 0;
|
||||
font-size: medium;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
#pie strong {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
#pie p {
|
||||
margin: 0 0 15px 0;
|
||||
padding: 0;
|
||||
font-size:x-small;
|
||||
}
|
||||
|
||||
#pie a img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
.divisor {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
clear: both;
|
||||
height: 1px;
|
||||
margin: 15px 0;
|
||||
}
|
||||
BIN
src/fotos/NH ARGUELLES 1.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
src/fotos/NH ARGUELLES 2.jpg
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
src/fotos/NH ARGUELLES 3.jpg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
src/fotos/NH EMBAJADA 1.jpg
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
src/fotos/NH EMBAJADA 2.jpg
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
src/fotos/NH EMBAJADA 3.jpg
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
src/fotos/NH EUROBUILDING 1.jpg
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
src/fotos/NH EUROBUILDING 2.jpg
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
src/fotos/NH LA GASCA 1.jpg
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
src/fotos/NH LA GASCA 2.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
src/fotos/NH LA GASCA 3.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
src/fotos/NH LA HABANA 1.jpg
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
src/fotos/NH PRADO 2.jpg
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
src/fotos/NH PRADO 3.jpg
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
src/fotos/NH PRADO.jpg
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
src/fotos/VIA 66-3.jpg
Normal file
|
After Width: | Height: | Size: 49 KiB |
BIN
src/fotos/VIA 66-4.jpg
Normal file
|
After Width: | Height: | Size: 53 KiB |
BIN
src/images/fondo.gif
Normal file
|
After Width: | Height: | Size: 366 B |
BIN
src/images/logotipo.gif
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
58
src/index.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>CYVACSA</title>
|
||||
<link rel="stylesheet" type="text/css" href="reset.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="estilos.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="menu.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="vertical"></div>
|
||||
<div id="layout">
|
||||
<div id="cabecera">
|
||||
<div id="logotipo">
|
||||
<h1>Grupo Ardeco</h1>
|
||||
<h2>Decoración de interiores</h2>
|
||||
</div>
|
||||
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<li class="current">Inicio</li>
|
||||
<li><a href="servicios.html">Servicios</a></li>
|
||||
<li><a href="">Proyectos</a></li>
|
||||
<li><a href="contacto.html">Contacto</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="principal">
|
||||
<div id="inicio_izquierda">
|
||||
<div id="foto">
|
||||
<img src="fotos/VIA 66-3.jpg" width="485px" height="283px"/>
|
||||
<p><strong>Hotel Vincci Via 66</strong><br/>Madrid</p>
|
||||
<p><a href="servicios.html">Ver más...</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="inicio_derecha">
|
||||
<h3>Proyectos singulares</h3>
|
||||
<p><img src="fotos/proyecto2.jpg" /><br/>
|
||||
Donec eleifend turpis at risus volutpat tempus. Vestibulum eget urna vitae metus venenatis porttitor eu sit amet nunc.
|
||||
</p>
|
||||
<hr class="divisor"/>
|
||||
<h3>Áreas principales de actuación</h3>
|
||||
<ul><li>Líneas eléctricas</li><li>Parques eólicos y solares</li><li>Gaseoductos y oleoductos</li><li>Obras lineales</li><li>Carreteras y autopistas</li><li>Conducciones de agua y embalses</li></ul>
|
||||
</div>
|
||||
<div class="clear"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="clear"> </div>
|
||||
<div id="pie_layout">
|
||||
<div id="pie">
|
||||
<p><a href="">Aviso legal</a> | <a href="" title="">Política de privacidad</a></p>
|
||||
<p>Diseñado por <a href="http://www.rodax-software.com" title="Rodax Software S.L.">Rodax Software S.L.</a> - 2009</p>
|
||||
</div >
|
||||
</div> -->
|
||||
</body>
|
||||
</html>
|
||||
41
src/menu.css
Normal file
@ -0,0 +1,41 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* CSS Document */
|
||||
#menu {
|
||||
float: right;
|
||||
margin:0;
|
||||
padding:0;
|
||||
width:579px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#menu ul {
|
||||
list-style-type:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#menu ul li {
|
||||
float:left;
|
||||
margin:0;
|
||||
padding:0;
|
||||
width:90px;
|
||||
}
|
||||
|
||||
#menu ul li a {
|
||||
display:block;
|
||||
height:42px;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#menu ul li a:hover {
|
||||
|
||||
}
|
||||
|
||||
#menu ul li.active a {
|
||||
|
||||
}
|
||||
|
||||
.current{
|
||||
background-color: #aaa;
|
||||
}
|
||||
50
src/reset.css
Normal file
@ -0,0 +1,50 @@
|
||||
@charset "utf-8";
|
||||
|
||||
html, body, div, span, applet, object, iframe, table, caption,
|
||||
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
|
||||
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
|
||||
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend {
|
||||
vertical-align: baseline;
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
font-style: inherit;
|
||||
font-size: 100%;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background: white;
|
||||
line-height: 1;
|
||||
color: black;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
caption, th, td {
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after, q:before, q:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes: "" "";
|
||||
}
|
||||