coditechOld · ezdev-git · Dec 11, 2017
diff --git a/images/110x110.png b/images/110x110.png
diff --git a/images/90x90.png b/images/90x90.png
diff --git a/images/email.png b/images/email.png
diff --git a/images/facebook.png b/images/facebook.png
diff --git a/images/github.png b/images/github.png
diff --git a/images/phone.png b/images/phone.png
diff --git a/index.html b/index.html
@@ -15,7 +15,7 @@
   <!-- /Stylesheets -->
 </head>
 <body>
-  <div id="#wrapper">
+  <div id="wrapper">
     <header>
       <div>
         <hgroup>

diff --git a/readme.md b/readme.md
diff --git a/style/normalize.css b/style/normalize.css
diff --git a/style/style.css b/style/style.css
@@ -0,0 +1,192 @@
+
+
+body { 
+
+     margin: 0 auto;
+
+
+}
+
+
+header > div, .content  {
+    max-width:960px;
+    margin:0 auto;
+    height:160px ;
+}
+
+.content {
+    padding-right: 10px; /* 3 */
+    padding-left:  10px; /* 3 */
+}
+
+section{
+    float:left;
+    min-height:300px;
+    width:100%;
+
+}
+
+header{
+    width:100%;
+    background: rgb(153, 151, 151);
+
+}
+
+h1{
+    margin-top:0;
+}
+
+
+dl,dt,dd{
+    margin:0;
+}
+
+
+
+#about p {
+    margin-bottom: 0;
+}
+
+
+figure {
+    float: left; margin-top: 20px;
+}
+
+hgroup {
+    color: red; float: left; margin-right: 10px; margin-top: 40px;
+
+}
+.content dl {
+    margin-top: -25px;
+}
+
+#contact > h3 {
+    display: none;
+}
+
+
+
+dd { width: 75%;
+    font-size: 20px;
+    position: relative;
+    left: 170px;
+    top: -24px;
+    color: red;
+     background-color: black;
+}
+
+
+.contacts a { 
+    font-size: 20px;
+    color:red;
+    background-color: black;
+    text-decoration: none;
+}
+
+
+dt {
+    font-size: 20px;
+    color: white; 
+    background-color: red;
+}
+
+
+
+
+.skill {
+    margin: 5px;
+    height: 25px;
+    position: relative;
+}
+
+
+[data-skill] {
+    color: white;
+    font-size: 14px;
+    background: rgb(228, 228, 228);
+    font-family: sans-serif;
+}
+
+
+
+    .skills-primary
+    [data-skill="5"] span , [data-skill="3"] span, [data-skill="1"] span { 
+        background-color: red; 
+        width: 50%; height: 18px; 
+        display: block;
+        position: absolute;
+        top: 2.5px; left: 2.5px; }
+
+    .skills-secondary
+    [data-skill="5"] span, [data-skill="7"] span, [data-skill="9"] span{
+        background-color: rgb(255, 67, 67); 
+        width: 88%; height: 18px; 
+        display: block;
+        position: absolute; 
+        top: 2.5px; left: 2.5px;
+
+    }
+
+
+.skills-primary::before {
+    content: "Main"
+}
+
+.skills-secondary::before {
+    content: "Other"
+}
+
+
+
+
+     h3 { 
+         /* font-weight: normal; */
+         font-family: Helvetica ;
+         border-bottom: 1px solid rgb(184, 184, 184);
+         width: 500px } 
+
+     h3::before { 
+         content: ''; display: inline-block;
+         margin-right: 5px;
+         background-color: red; 
+         border-radius: 50%; 
+         width: 20px; height: 20px;
+         }
+
+
+         .experience-date-separator, h4 {
+            color: red;
+        }
+
+
+
+
+
+        span.experience-institution,
+        span.experience-institution::before {
+            content: '@ ';
+            font-weight: normal;
+        }
+
+
+
+        @media screen and (min-width:700px){
+            section{
+                width:50%;
+            }
+            #contact{
+                position: absolute;
+                top:50px;
+                right:0;
+            }
+            #contact h3{
+                display:none;
+
+            }
+
+        }
+
+
+
+
+
diff --git a/style1-mobile.png b/style1-mobile.png
diff --git a/style1.png b/style1.png
diff --git a/style2-mobile.png b/style2-mobile.png
diff --git a/style2.png b/style2.png