<file_sep>
# React Portfolio

## This is my portfolio that was created using React.  It uses react-router-dom to render each page dynamically. 

## [Check out my portfolio on Heroku](https://armandos-react-portfolio.herokuapp.com/)



![image](https://drive.google.com/uc?export=view&id=1oEb3bC42DKYB0PNnOgecol7qReyZY9jg)

![Top Language](https://img.shields.io/github/languages/top/arod1207/React-Portfolio) <br>![GitHub last commit](https://img.shields.io/github/last-commit/arod1207/React-Portfolio) <br>![Follow Me](https://img.shields.io/github/followers/arod1207?label=Follow%20Me&style=social)

## IF you have any questions email: <EMAIL>
<file_sep>import React from 'react';
import './ContactMe.css';
import MyResume from '../../images/resume/my-resume.pdf';

function ContactMe() {
    return (
        <div className="contact-me">
            <div className="container">
                <div className="jumbotron">
                    <h1 className="display-4">Contact Me</h1>
                    <h2 className="lead">
                        <i class="fas fa-user fa-fw"></i><NAME>
                    </h2>
                    <hr className="my-4" />
                    <h2 className="lead">
                        <i class="fas fa-mobile-alt fa-fw"></i>210-999-1191
                    </h2>
                    <h2 className="lead">
                        <i class="fas fa-envelope fa-fw"></i>
                        <a href="mailto:<EMAIL>"><EMAIL></a>
                    </h2>
                    <div className="row">
                        <div className="col-md-4">
                            <a href="https://www.linkedin.com/in/armandorodriguez7/">
                                <i class="fab fa-linkedin fa-5x"></i>
                            </a>
                        </div>
                        <div className="col-md-4">
                            <a href="https://github.com/arod1207">
                                <i class="fab fa-github fa-5x"></i>
                            </a>
                        </div>
                        <div className="col-md-4">
                            <a href={MyResume} download="my-resume">
                                <i class="fas fa-file-download fa-5x"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    );
}

export default ContactMe;
<file_sep>import React from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import './App.css';
import NavBar from './components/NavBar/NavBar';
import Home from './components/Home/Home';
import Projects from './components/Projects/Projects';
import ContactMe from './components/ContactMe/ContactMe';
import Footer from './components/Footer/Footer';

function App() {
    return (
        <Router>
            <NavBar />
            <Route path="/" exact>
                <Home />
            </Route>
            <Route path="/projects" exact>
                <Projects />
            </Route>
            <Route path="/contact" exact>
                <ContactMe />
            </Route>
            <Footer />
        </Router>
    );
}

export default App;
<file_sep>import React from 'react';
import './Home.css';
import myImage from '../../images/mypic-noBG.png';

function Home() {
    return (
        <div className="homepage">
            <div className="container">
                <h1><NAME>.</h1>
                <h2>Full Stack Web Developer</h2>
                <div className="row home">
                    <div className="col-md ">
                        <img
                            src={myImage}
                            className="myImage img-responsive"
                            alt="<NAME>"
                        />
                    </div>
                    <div className="col-md ">
                        <p className="About-Me">
                            Super dad of three daughters by day, computer
                            efficianado by night. Growing up in Corpus Christi,
                            Texas did not quite set me on the the path for this
                            specific destination, but it did create a drive in
                            me to want more. Which led me on an unorthodox path
                            of first becoming a wireline equipment operator in
                            the oil field, then on to a field specialist.
                            However, through the strenuous work in the field,
                            and the minimal time off, I learned where my true
                            passion resides, coding. I take pride in accepting
                            the challenge of creating functional websites. In
                            this world, creations are limitless.{' '}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    );
}

export default Home;
<file_sep>import React from 'react';
import './NavBar.css';

function NavBar() {
    return (
        <div>
            <ul className="nav justify-content-center">
                <li className="nav-item">
                    <a className="nav-link" href="/">
                        Home
                    </a>
                </li>
                <li className="nav-item">
                    <a className="nav-link" href="/projects">
                        Projects
                    </a>
                </li>
                <li className="nav-item">
                    <a className="nav-link" href="/contact">
                        Contact Me
                    </a>
                </li>
            </ul>
        </div>
    );
}

export default NavBar;
