diff --git a/css/main2.css b/css/main2.css
new file mode 100644
index 0000000..bdc5e8f
--- /dev/null
+++ b/css/main2.css
@@ -0,0 +1,105 @@
+* {
+  padding: 0;
+  margin: 0;
+}
+
+body{
+  font-family:"Bangers", serif;
+  width: 100%;
+  height: auto;
+}
+.grid-container {
+}
+
+/************ SECTIONS */
+.item1 {
+  background-color: white;
+}
+.item2 {
+
+  background-color: black;
+  padding-bottom: 2em;
+  }
+.item3 {
+  display: flex;
+  flex-wrap: nowrap;
+  background-color: #4d4d4d;
+  width: 100%;
+}
+.item5 {
+
+  background-color: #595959;
+}
+.item6 {
+
+  background-color: #a6a6a6;
+}
+
+/************* NAVMENU */
+.nav {
+  display: flex;
+  height: 3em;
+  margin:1% 0 1% 75%;
+  list-style-type: none;
+}
+.nav > li {
+    flex: 1;
+    }
+li > a {
+  color:black;
+}
+/************* MAINSECTION */
+.mainSection{
+  color : white;
+  }
+.presentation {
+  margin-left: 50%;
+  padding-top: 6em;
+  padding-right: 4em;
+  letter-spacing: .3em;
+  }
+.mainImage {
+}
+.mainText {
+  margin-top: 2em;
+}
+
+/************* PORTFOLIO */
+.portfolio{
+}
+.myWork {
+}
+.img-responsive {
+  max-width: 95%;
+  padding:1%;
+}
+.text-center {}
+
+
+
+
+
+  /************* contact */
+  .contact {
+    text-align: center;
+}
+
+.social {
+  display: flex;
+  height: 3em;
+  margin:0 auto;
+  padding-top: 2em;
+
+}
+.social > li {
+    flex: 1;
+    list-style-type: none;
+}
+
+
+
+  /**************** footer */
+
+  .footer {
+    text-align: center;
+  }
diff --git a/index2.html b/index2.html
new file mode 100644
index 0000000..075990b
--- /dev/null
+++ b/index2.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Jose C. Sanchez</title>
+    <link rel="stylesheet" href="css/main2.css">
+    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Bangers">
+    <link rel="stylesheet" src="//normalize-css.googlecode.com/svn/trunk/normalize.css">
+</head>
+
+<body>
+
+<div class="grid-container col-12 item1">
+
+    <div class="navMenu col-12">
+        <ul class = "nav">
+          <li><a href="#">Home</a></li>
+          <li><a href="#">Portfolio</a></li>
+          <li><a href="#">Contact</a></li>
+        </ul>
+    </div>
+
+
+    <div class="mainSection col-12 item2">
+      <div class = "presentation">
+          <h1 class = "name">Jose C Sanchez</h1>
+          <h4 class = "role">Full Stack Ninja Developer (...on the making)</h4>
+          <p class = "mainText">Barcelondoner. Sea Addict. Motorbike tourer enthusiast. Siesta Lover. Offering creative design solutions to solve business problems is what I do best.
+          Barely speaking English but on the process to master HTML, CSS , JavaScript and React. I also speak Catalan.<br>
+
+          <br> I like working on scalability, performance, design, and great user experiences. As a designer and a developer, I am confident that my combination of skills, solid educational experience and good sense of humour has prepared me to make a significant contribution to any project I potentially embark on.</p>
+        </div>
+    </div>
+
+    <div class ="portfolio col-12 item3">
+        <h1 class = "text-center"></h1>
+          <div class="myWork col-4">
+              <img class = "img-responsive img-thumbnail"  src= "https://goo.gl/9kSFve" id ="portfolio1"><p class ="text-center"></p></a>
+          </div>
+          <div class="myWork col-4">
+              <img class = "img-responsive img-thumbnail"  src= "https://goo.gl/9kSFve" id ="portfolio2"><p class ="text-center"></p></a>
+        </div>
+          <div class="myWork col-4">
+              <img class = "img-responsive img-thumbnail"  src= "https://goo.gl/9kSFve" id ="portfolio3"><p class ="text-center"></p></a>
+        </div>
+    </div>
+
+    <div class="contact col-12 item5">
+        <h1>Get in Touch</h1>
+        <ul class = "social">
+              <li class = "git">
+                    <a href="https://github.com/0750kosse">GitHub</a>
+              </li>
+              <li class = "lkdin">
+                    <a href="https://goo.gl/3gL8Zz">Linkedin</a>
+              </li>
+              <li class = "em@il">
+                    <a href="mailto:sanchezmartinezjosecarlos@gmail.com">Email</a>
+              </li>
+          </ul>
+    </div>
+
+    <div class = "footer item6">
+      <h4 class = "text-center">Developed and coded by melaptop @2018</h4>
+    </div>
+</div>
+</body>
