react typical

import React from 'react'
import './HeroSection.css'
import '../ProjectCard/ProjectCard'
import Typical from 'react-typical'

function HeroSection() {
    return (
        <section className="hero-section">
            <div class="hero-details">

                <h1 className="section-header">Hi , I am Martin !</h1>
                <div className="hero-paragraph">

                    <p>I am a <Typical loop={Infinity} steps={['Web developer', 1000, 'Student' , 1000, 'Footbaler', 1000]} /></p>
                    <p>Interested in Python and Javascript.</p>
                </div>
                <div className=".css-prop-demo .el cta-wrapper">
                    <a href="#cv" class="cta-btn">Download CV</a>

                </div>
            </div>
        </section>
    )
}

export default HeroSection;