mirror of
https://github.com/arnaucube/ivardiaweb.git
synced 2026-02-07 03:46:40 +01:00
main page avançada
This commit is contained in:
18
index.html
18
index.html
@@ -21,10 +21,26 @@
|
|||||||
<![endif]-->
|
<![endif]-->
|
||||||
</head>
|
</head>
|
||||||
<body onload='OnLoadIndex();'>
|
<body onload='OnLoadIndex();'>
|
||||||
|
<div class='own-container'>
|
||||||
<img class='own-indexBackgroundImage' src='http://placehold.it/1920x1080' />
|
<img class='own-indexBackgroundImage' src='http://placehold.it/1920x1080' />
|
||||||
<div class='own-menu'>
|
<div class='own-menu'>
|
||||||
<img class='own-overImage-logo' src='http://placehold.it/200x50' />
|
<img class='own-overImage-logo' src='http://placehold.it/200x50' />
|
||||||
<div class='own-menu'
|
<div class='own-menuButtons'>
|
||||||
|
<a href="#">Inici</a>
|
||||||
|
<a href='#'>Nosaltres</a>
|
||||||
|
<a href='#'>Contacte</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='own-mainTitleBox'>
|
||||||
|
<div class='own-mainTitle'>El Sol del Nord</div>
|
||||||
|
<div class='own-subTitle'>-construint l'autonomia a Bakur-</div>
|
||||||
|
<img class='own-verkami' src='http://placehold.it/200x50' />
|
||||||
|
</div>
|
||||||
|
<div class='own-socialNetworks'>
|
||||||
|
<img class='own-socialNetwork' src='http://placehold.it/40x40' />
|
||||||
|
<img class='own-socialNetwork' src='http://placehold.it/40x40' />
|
||||||
|
<img class='own-socialNetwork' src='http://placehold.it/40x40' />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class='temp-marge1'>-</div>
|
<div class='temp-marge1'>-</div>
|
||||||
<div class='own-caixaDescripcioIndex'>
|
<div class='own-caixaDescripcioIndex'>
|
||||||
|
|||||||
55
own.css
55
own.css
@@ -14,7 +14,8 @@ a:active {
|
|||||||
color: #C85127;
|
color: #C85127;
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
|
.own-container{
|
||||||
|
}
|
||||||
.own-indexBackgroundImage{
|
.own-indexBackgroundImage{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
/*height: 100%;*/
|
/*height: 100%;*/
|
||||||
@@ -23,9 +24,61 @@ a:active {
|
|||||||
left: 0px;
|
left: 0px;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.own-menu{
|
||||||
|
margin-top: 5%;
|
||||||
|
}
|
||||||
.own-overImage-logo{
|
.own-overImage-logo{
|
||||||
border: 1px solid #000000;
|
border: 1px solid #000000;
|
||||||
|
margin-left: 30px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.own-menuButtons{
|
||||||
|
float: right;
|
||||||
|
margin-right: 50px;
|
||||||
|
}
|
||||||
|
.own-menuButtons a:link{
|
||||||
|
text-decoration: none;
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: bold;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 10px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.own-menuButtons a:visited{
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.own-menuButtons a:hover{
|
||||||
|
color: #C85127;
|
||||||
|
}
|
||||||
|
.own-mainTitleBox{
|
||||||
|
left: 0;
|
||||||
|
margin-top: 14%;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.own-mainTitle{
|
||||||
|
color: #ffffff;
|
||||||
|
background: #C85127;
|
||||||
|
font-size: 45px;
|
||||||
|
}
|
||||||
|
.own-subTitle{
|
||||||
|
color: #ffffff;
|
||||||
|
font-style: italic;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
.own-verkami{
|
||||||
|
border: 1px solid #000000;
|
||||||
|
}
|
||||||
|
.own-socialNetworks{
|
||||||
|
margin-left: 2%;
|
||||||
|
margin-top: 5%;
|
||||||
|
}
|
||||||
|
.own-socialNetwork{
|
||||||
|
display: inline-block;
|
||||||
|
border: 1px solid #000000;
|
||||||
|
}
|
||||||
|
|
||||||
.temp-marge1{
|
.temp-marge1{
|
||||||
margin-top: 50%;
|
margin-top: 50%;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user