React markup done

src/App.js

@@ -8,26 +8,26 @@ const NavItemName = ({NavLink, NavLinkName, title}) =>
     </>
 
 const SkillName = ({children}) =>
-<>
-       <div className="skills-item">
-        <span className="skill-title">{children}</span>
-        <div className="skill-wrap">
-          <div className="skill"></div>
-        </div>
+    <>
+        <div className="skills-item">
+            <span className="skill-title">{children}</span>
+            <div className="skill-wrap">
+            <div className="skill"></div>
+            </div>
         </div>
-</>
+    </>
 
 const ProjectName = ({value, project, classIconFont}) => 
-<>
+    <>
 
-<li className="project-item">
-    <i className={classIconFont}></i>
-    <div className="project-text">
-        <p className="project-num">{value}</p>
-        <span>{project}</span>
-    </div>
-</li>
-</>
+        <li className="project-item">
+            <i className={classIconFont}></i>
+            <div className="project-text">
+                <p className="project-num">{value}</p>
+                <span>{project}</span>
+            </div>
+        </li>
+    </>
 
 const ImageBox = ({img}) =>
     <>