Also use scroll effect for link in skills.

@@ -70,7 +70,9 @@ class Page extends Component {
           <About />
         </div>
         <div id="section2" ref="2" className="section">
-          <Skills />
+          <Skills
+            onClick={(section) => this.handleShow.bind(this, section)}
+          />
         </div>
         <div id="section3" ref="3" className="section">
           <Vitae />

@@ -8,3 +8,7 @@
   transform: translate(-50%, 0);
   position: relative;
 }
+
+#skills a {
+  cursor: pointer;
+}

@@ -35,9 +35,9 @@ class Skills extends Component {
             </p>
             <p>
               If you are really interested in a skill profile look on one of
-              my&nbsp;<a href="#section4">social profiles</a>. They might be
-              not bleeding edge, but they are a good starting point. If you
-              need to know more just send me a mail.
+              my&nbsp;<a onClick={this.props.onClick(4)}>social profiles</a>.
+              They might be not bleeding edge, but they are a good starting
+              point. If you need to know more just send me a mail.
             </p>
             <p>
               In summary, I have done much and I know a little of something