Menu items added

coder-log · coder-log · commit 5f34f6b9b8cd · 2018-11-04T08:22:52.000+01:00
diff --git a/elements.html b/elements.html
@@ -9,4 +9,17 @@
 </li>
 
 #LOGO IMAGE
-<img class="nav-menu-left_logo" src="https://coder-log.github.io/images/coderlog-logo.png" alt="Coderlog Logo">
+<img class="nav-menu-left_logo" src="https://coder-log.github.io/images/coderlog-logo.png" alt="Coderlog Logo">
+
+
+#ABOUT ME
+<div class="coderlog-keys"> 
+        <ul>
+            <li>Name: "Xavier"</li>
+            <li>Alias: "Coderlog"</li>
+            <li>Motto: "Keep going"</li>
+            <li>Main target: "Getting a fullstack developer job before Dic 2019"</li>
+
+
+        </ul>
+    </div> 
diff --git a/index.html b/index.html
@@ -22,20 +22,38 @@
         </div>
         <div class="nav">
             <ul class="nav-menu">
-                <li class="nav-menu_item"><a href="#">Hire Me!</a></li>
-                <li class="nav-menu_item"><a href="#">Portfolio</a></li>
-                <li class="nav-menu_item"><a href="#">About</a></li>
+                <li class="nav-menu_item"><a href="#">{ Hire Me! }</a></li>
+                <li class="nav-menu_item"><a href="#">{ Portfolio }</a></li>
+                <li class="nav-menu_item"><a href="#">{ About }</a></li>
+                <li class="nav-menu_item"><a href="#">{ Resources }</a></li>
+                <li class="nav-menu_item"><a href="#">{ Journey }</a></li>
             </ul>
         </div>
     </header>
         <div class="main">
-            <div>
-                
+                <h1>"A man's journey learning to code and trying to thrive"</h1>
+            <div class="coderlog-obj">
+                <div class="coderlog-mustache"> { </div>
+                <div class="coderlog-keys"> 
+                    <ul>
+                        <li>Web: "Coderlog.io"</li>
+                        <li>Title: "A man's journey learning to code a trying to thrive."</li>
+                        <li>Nav_bar: [</li>
+                            <ul>
+                                <li>"About Me" ,</li>
+                                <li>"Portfolio" ,</li>
+                                <li>"Hire Me!!!"</li>
+
+                            </ul>
+                        <li>]</li>
+        
+                    </ul>
+                </div> 
+                <div class="coderlog-mustache"> } </div>  
             </div>
             <div> 
-                <h1>"A man's journey learning to code and trying to thrive"</h1>
-                <br>
-                <p>Underconstruction. Thanks for your patience.</p>
+                
+                
             </div>
             
             
diff --git a/main.css b/main.css
@@ -46,7 +46,7 @@ body{
     font-size: 36px;
 }
 
-/*TODO make animation in logo */
+
 #logo-beat{
     animation-name: logo-beat;
     animation-duration: 1s;
@@ -81,6 +81,7 @@ body{
 
 .nav-menu_item {
     font-family:inconsolata;
+    display:inline;
     color: #fff;
     margin: 10px;
     padding: 10px;
@@ -113,6 +114,23 @@ body{
     flex-direction: column;
 }
 
+.coderlog-obj {
+    display:flex;
+    flex-direction:row;
+    align-items: center;
+}
+.coderlog-mustache {
+    font-size: 10em;
+    color: #fff;
+    /*background-color: grey;*/
+}
+
+.coderlog-keys ul {
+    color:#fff;
+    /*background-color: #333333;*/
+    list-style-type: none;
+}
+
 footer {
     display: flex;
     justify-content: center;
