Ajout des moyens de contact

+ Corrections diverses

src/App.js

@@ -4,6 +4,7 @@ import './_sass/index.scss';
 import MenuComponent from './components/MenuComponent/index';
 import MainCard from './components/MainCard/MainCard';
 import ProjectsCard from './components/ProjectsCard';
+import ContactCard from './components/ContactCard';
 
 function App() {
   return (
@@ -11,6 +12,7 @@ function App() {
       <MenuComponent/>
       <MainCard/>
       <ProjectsCard/>
+      <ContactCard/>
     </div>
   );
 }

src/components/ContactButton/ContactButton.js

@@ -0,0 +1,26 @@
+import React, {Component} from '../../../node_modules/react';
+import './ContactButton.scss'
+// import { connect } from "react-redux";
+// import { bindActionCreators } from "redux";
+// import * as contactButtonActions from "../../store/contactButton/actions";
+export default class ContactButton extends Component {
+    // constructor(props) {
+    //     super(props);
+    //     this.state = {};
+    // }
+    render() {
+      return <div class="column is-3">
+              <a target="_blank" rel="noreferrer noopener" href={this.props.link} class="hide button is-large is-fullw-mobile"
+                  title={this.props.title}>
+                  <span class="icon">
+                      <i class={"fab " + this.props.icon}></i>
+                  </span>
+                  <span>{this.props.name}</span>
+              </a>
+          </div>;
+    }
+  }
+// export default connect(
+//     ({ contactButton }) => ({ ...contactButton }),
+//     dispatch => bindActionCreators({ ...contactButtonActions }, dispatch)
+//   )( contactButton );

src/components/ContactButton/ContactButton.scss

@@ -0,0 +1,4 @@
+
+.component-contact-button{
+    
+}

src/components/ContactButton/index.js

@@ -0,0 +1,2 @@
+import ContactButton from "./ContactButton"
+export default ContactButton;

src/components/ContactCard/ContactCard.js

@@ -0,0 +1,51 @@
+import React, {Component} from '../../../node_modules/react';
+import './ContactCard.scss'
+
+import ContactButton from '../ContactButton/index';
+
+// import { connect } from "react-redux";
+// import { bindActionCreators } from "redux";
+// import * as contactCardActions from "../../store/contactCard/actions";
+export default class ContactCard extends Component {
+    // constructor(props) {
+    //     super(props);
+    //     this.state = {};
+    // }
+    render() {
+      return <section class="hero is-info dontPrint" id="contact">
+      <div class="hero-body">
+          <div class="container">
+              <h1 class="title">
+                  Contact
+              </h1>
+              <h2 class="subtitle">
+                  Vous pouvez me contacter de nombreuses façons !
+              </h2>
+              <div class="columns">
+                <ContactButton
+                  name="Courriel"
+                  title="Contactez moi par mail a anthony arobase dumas point cc !"
+                  link="mailto:anthony@dumas.cc"
+                  icon="icon-envelope-open"/>
+
+                <ContactButton
+                name="LinkedIn"
+                title="Page LinkedIn"
+                link="https://www.linkedin.com/in/anthonyyvondumas/"
+                icon="icon-linke-square"/>
+
+                <ContactButton
+                name="Telegram"
+                title="Contactez moi via Telegram!"
+                link="https://t.me/adamas_FR"
+                icon="icon-teleg"/>
+              </div>
+          </div>
+      </div>
+  </section>;
+    }
+  }
+// export default connect(
+//     ({ ContactCard }) => ({ ...contactCard }),
+//     dispatch => bindActionCreators({ ...contactCardActions }, dispatch)
+//   )( contactCard );

src/components/ContactCard/ContactCard.scss

@@ -0,0 +1,4 @@
+
+.component-contact-card{
+    
+}

src/components/ContactCard/index.js

@@ -0,0 +1,2 @@
+import ContactCard from "./ContactCard"
+export default ContactCard;

src/components/MainCard/MainCard.js

@@ -26,7 +26,7 @@ export default class MainCard extends Component {
                       <div class="card">
                           <div class="card-image">
                               <figure id="photoProfil" class="image">
-                                  <img src={photoProfil} alt="Une Photo de moi"/>
+                                  <img src={photoProfil} alt="Anthony Dumas"/>
                               </figure>
                           </div>
                           <div class="card-content">