text: import React, { Component } from 'react';
  import classes from './Education.module.css';
  import ScrollAnimation from 'react-animate-on-scroll';
  import "animate.css/animate.min.css";
  import { MdSchool } from 'react-icons/md';
  import { MdWork } from 'react-icons/md';
  import { FaSchool } from 'react-icons/fa';
  
  class Education extends Component {
      render() {
          return (
                  <div className={classes.box} id="education">
                      <ScrollAnimation offset="0" animateIn="fadeInLeft" duration='2' animateOnce="true" initiallyVisible ={true}>
                       <span  className={classes.head}>MY JOURNEY</span>
                      <section className={classes.container}>
                          <div className={classes.container_content}>
                              <div className={classes.row}>
                                  <div className={classes.row_md_12}>
                                      <div className={classes.timeline_centered}>
                                          <ScrollAnimation offset="0" animateIn="fadeInLeft" duration='2.4' animateOnce="true" initiallyVisible ={true}>
                                              <article className={classes.timeline_entry}>
                                                  <div className={`${classes.timeline_icon} ${classes.timeline_icon_2}`} >
                                                      <FaSchool />     
                                                  </div>
                                                  <div className={classes.label}>
                                                  <h2 >University of Sydney, Full-Stack Development   <span>in 2021</span></h2>
                                                  <p>Based on excellent curriculumn, USYD teaches me how to build up web-developments efficiently front-End Dev, Back-End Dev, Databases, Mobile App Dev__ 
                                                  <a href='https://www.sydney.edu.au/'>at USYD</a>
                                                  </p>
                                                  </div>
                                              </article>
                                          </ScrollAnimation>
                                         <ScrollAnimation offset="0" animateIn="fadeInLeft" duration='2.4' animateOnce="true" initiallyVisible ={true}>
                                              <article className={classes.timeline_entry}>
                                                  <div className={classes.timeline_icon} >
                                                  <MdSchool />
                                                  </div>
                                                  <div className={classes.label}>
                                                  <h2 >Undergraduation at Macquarie University, Professional Accounting <span>in 2019</span></h2>
                                                  <p>Studied Accounting <a href='https://www.mq.edu.au/'>at MQ</a>. </p>
                                                  </div>
                                              </article>
                                          </ScrollAnimation>
                                          <ScrollAnimation offset="0" animateIn="fadeInLeft" duration='2.4' animateOnce="true" initiallyVisible ={true}>
                                              <article>
                                                  <div className={`${classes.timeline_icon} ${classes.timeline_icon_4}`} >
                                                      <MdWork />     
                                                  </div>
                                                  <div className={classes.label}>
                                                  <h2 >Internship</h2>
                                                  <p>Completed one month Internship in React Js with Internity Foundation</p>
                                                  </div>
                                                  <div className={classes.timeline_entry_inner}><div  className={classes.timeline_icon_3||classes.color_none}></div></div>
                                              </article>
                                          </ScrollAnimation>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </section>
                      </ScrollAnimation>
                  </div>
       
          )
      }
  }
  
  export default Education;
  