main page avançada

8 years ago · 51cfdd523a
2 changed files with 74 additions and 5 deletions
--- a/index.html
+++ b/index.html
@ -21,10 +21,26 @@
    <![endif]-->
  </head>
  <body onload='OnLoadIndex();'>
      <img class='own-indexBackgroundImage' src='http://placehold.it/1920x1080' />
      <div class='own-menu'>
        <img class='own-overImage-logo' src='http://placehold.it/200x50' />
        <div class='own-menu'
      <div class='own-container'>
        <img class='own-indexBackgroundImage' src='http://placehold.it/1920x1080' />
        <div class='own-menu'>
          <img class='own-overImage-logo' src='http://placehold.it/200x50' />
          <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 class='temp-marge1'>-</div>
      <div class='own-caixaDescripcioIndex'>
--- a/own.css
+++ b/own.css
@ -14,7 +14,8 @@ a:active {
   color: #C85127;
 }*/


 .own-container{
 }
 .own-indexBackgroundImage{
  width: 100%;
  /*height: 100%;*/
@ -23,9 +24,61 @@ a:active {
  left: 0px;
  top: 0px;
 }

 .own-menu{
  margin-top: 5%;
 }
 .own-overImage-logo{
  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{
  margin-top: 50%;
 }