{"size": 1607, "ext": "js", "max_stars_repo_path": "src/components/contactme.js", "max_stars_repo_name": "UuqV/My-Gatsby-Blog-", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/contactme.js", "max_issues_repo_name": "UuqV/My-Gatsby-Blog-", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/contactme.js", "max_forks_repo_name": "UuqV/My-Gatsby-Blog-", "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": 32.7959183673, "max_line_length": 82, "alphanum_fraction": 0.4897324207}
import React, { Component } from "react";
import Img from "gatsby-image";
import Layout from "../components/layout";
import SEO from "../components/seo";
import ReactGA from "react-ga";
import blogpost from "../styles/contactme.module.scss";
import { Link, graphql } from "gatsby";

class contactme extends Component {
  render() {
    return (
      <div id={blogpost.content}>
        <div id={blogpost.content__main}>
          {this.props.about.edges.map(edges => (
            <div id={blogpost.about}>
              <div className={blogpost["about-box__header-container"]}>
                <h3 style={{ color: "black" }}>E: krlovell017 at gmail</h3>
                <h3 style={{ color: "black" }}>P: 718~578~5005</h3>
                <div className={blogpost.socmedia}>
                  <a href="https://www.instagram.com/kalendulacy/">
                    <img
                      src={require("../images/icons/instagram-icon.svg")}
                      alt="Instagram Icon"
                    />
                  </a>
                  <a href="https://www.linkedin.com/in/kathryn-lovell-688845112/">
                    <img
                      src={require("../images/icons/linkedin-icon.svg")}
                      alt="Linkedin Profile"
                    />
                  </a>
                </div>
              </div>
              <Img
                sizes={edges.node.image.sizes}
                className={blogpost.aboutImage}
              />
            </div>
          ))}
        </div>
      </div>
    );
  }
}

contactme.propTypes = {};

export default contactme;
