{"size": 1597, "ext": "js", "max_stars_repo_path": "src/components/Views/Home2/BioCardInfo.js", "max_stars_repo_name": "Coffey-May/dev_sitev2", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Views/Home2/BioCardInfo.js", "max_issues_repo_name": "Coffey-May/dev_sitev2", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Views/Home2/BioCardInfo.js", "max_forks_repo_name": "Coffey-May/dev_sitev2", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 39.925, "max_line_length": 114, "alphanum_fraction": 0.499686913}
import React from 'react';
const h1Style = { color: 'white', margin: '0 auto', fontWeight: 'bolder', textAlign: 'center' }

export const BioCardInfo = ({ pic }) => {
    return (
        <div id="about" style={{
            borderTop: '5px solid goldenrod', padding: '1em', backgroundColor: 'rgba(0, 0, 0, 0.5)'

        }}>
            <div className="picOfMe" style={{
                borderRadius: '50%',
                width: '7em',
                height: '7em',
                backgroundColor: '#2badd9',
                float: 'left',
                shapeOutside: 'inset(1% round 50%)',
                padding: '1em',
                margin: '1em'
            }} ></div>
            <h2 style={h1Style} > ABOUT ME</h2>
            <hr />
            <p style={{
                color: 'white',
                fontSize: '1.5em'
            }}>
                &nbsp; &nbsp; &nbsp; &nbsp; As a recent graduate of the Nashville Software School, I am
                eager to apply my training as a Full Stack Software
                Developer. As an entry-level or junior programmer, I hope to
                hone, refine, and expand the skills that I have been
                cultivating in the two years of experience that I have with
                coding. I am also eager to join a team and further develop
                my experience with agile methodologies, larger codebases,
                and emerging technologies.
            </p>

            {pic ? <img style={{ width: '95% ', border: '1px solid goldenrod' }} src={pic} alt=" website" /> : ''}
        </div>
    )
}
