M index.html → index.html

@@ -21,10 +21,26 @@ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![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'>

M own.css → own.css

@@ -14,7 +14,8 @@ a:active {
    color: #C85127;
 }*/
 
-
+.own-container{
+}
 .own-indexBackgroundImage{
   width: 100%;
   /*height: 100%;*/
@@ -22,10 +23,62 @@ z-index: -1;
   position: absolute;
   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%;
 }