M index.html → index.html

@@ -23,6 +23,11 @@ </head>
   <body onload='OnLoadIndex();'>
       <div class='own-container'>
         <img class='own-indexBackgroundImage' src='http://placehold.it/1920x1080' />
+        <div class='own-lang'>
+          <a href="#">CAT</a>
+          <a href='#'>CAST</a>
+          <a href='#'>ENG</a>
+        </div>
         <div class='own-menu'>
           <img class='own-overImage-logo' src='http://placehold.it/200x50' />
           <div class='own-menuButtons'>
@@ -40,6 +45,9 @@ <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 class='own-teaser'>
+          TEASER
         </div>
       </div>
       <div class='temp-marge1'>-</div>

M own.css → own.css

@@ -24,9 +24,23 @@ position: absolute;
   left: 0px;
   top: 0px;
 }
-
+.own-lang{
+  text-align: right;
+  margin-right: 50px;
+  display: block;
+}
+.own-lang a:link{
+  text-decoration: none;
+  color: #ffffff;
+  font-weight: bold;
+  display: inline-block;
+  margin: 10px;
+}
+.own-lang a:visited{
+  color: #ffffff;
+}
 .own-menu{
-  margin-top: 5%;
+  display: block;
 }
 .own-overImage-logo{
   border: 1px solid #000000;
@@ -53,7 +67,7 @@ color: #C85127;
 }
 .own-mainTitleBox{
   left: 0;
-  margin-top: 14%;
+  margin-top: 10%;
   width: 100%;
   text-align: center;
 }
@@ -73,14 +87,21 @@ }
 .own-socialNetworks{
   margin-left: 2%;
   margin-top: 5%;
+  display: inline-block;
 }
 .own-socialNetwork{
   display: inline-block;
   border: 1px solid #000000;
 }
+.own-teaser{
+  float: right;
+  margin-right: 2%;
+  margin-top: calc(6% + 10px);
+}
 
 .temp-marge1{
-  margin-top: 50%;
+  display: inline-block;
+  margin-top: 10%;
 }
 .own-caixaDescripcioIndex{
   margin-top: 50px;
@@ -91,8 +112,8 @@ min-width: 320px;
 }
 .own-caixaImatgesIndex{
   margin-top: 50px;
-  margin-left: auto;
-  margin-right: auto;
+  width: 100%;
+  text-align: center;
   margin-bottom: 100px;
 }
 .own-imatgeIndex{
@@ -101,10 +122,9 @@ margin: 2%;
 }
 
 .own-footer{
-  margin-top: auto;
-  margin-left: auto;
+  width: 100%;
+  text-align: center;
   background: #262626;
-  width: 100%;
   height: 250px;
   padding: 2%;
 }