{"version":3,"sources":["assets/me.jpg","assets/ResumeV2.pdf","assets/cs50x.png","components/About.js","assets/freecodecamp.png","assets/codecademy.png","constants/frontend.js","components/Frontend.js","images/dragon.jpg","images/rave.jpg","assets/bikerace.jpg","assets/michaelangelo.jpg","assets/gel.jpg","assets/wowPoster.jpg","components/Graphics.js","components/Home.js","components/Navigation.js","assets/logo.png","components/Skills.js","assets/frontEnd.png","assets/digitalArt.png","assets/cgArt.png","constants/anim.js","components/Animation.js","components/Contact.js","assets/drod702QR.png","components/Footer.js","App.js","index.js"],"names":["About","className","id","src","myImage","alt","CS50x","href","target","rel","Resume","download","frontend","title","description","image","tags","source","visit","Frontend","map","project","tag","i","Graphics","state","open","open2","open3","open4","open5","open6","onOpenModal","setState","onCloseModal","onOpenModal2","onCloseModal2","onOpenModal3","onCloseModal3","onOpenModal4","onCloseModal4","onOpenModal5","onCloseModal5","onOpenModal6","onCloseModal6","this","onClick","onClose","center","Dragon","width","Rave","Bike","Hands","Gel","Poster","React","Component","Home","steps","loop","Infinity","Navigation","type","role","Skills","anim","Animation","video","url","controls","height","playIcon","light","playing","Result","init","Contact","useState","result","setResult","setTimeout","action","onSubmit","e","preventDefault","emailjs","sendForm","then","console","log","text","error","reset","required","name","placeholder","Footer","App","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.6b59d0d3.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/me.5baa24c0.jpg\";","export default __webpack_public_path__ + \"static/media/ResumeV2.573f57d4.pdf\";","export default __webpack_public_path__ + \"static/media/cs50x.774fb897.png\";","import React from 'react';\nimport './About.css';\n\nimport myImage from '../assets/me.jpg';\nimport Resume from '../assets/ResumeV2.pdf';\nimport CS50x from '../assets/cs50x.png';\nimport FCC from '../assets/freecodecamp.png';\nimport Codecademy from '../assets/codecademy.png';\n\nconst About = () => {\n    return (\n        <div className=\"about-container\" id=\"about\">\n            <div className=\"about-contents\">\n                <div className=\"header\">\n                    <h2 className=\"header-text\">\n                        ABOUT ME\n                    </h2>\n                    <div className=\"header-bar\"></div>\n                </div>\n                <div className=\"about__me\">\n                    <div className=\"about__me-img\">\n                        <img src={myImage} alt=\"myPhoto\" />\n                        <h5>Get to know me...</h5>\n                    </div>\n                    <div className=\"about__me-content\">\n                        <h5 className=\"about__me-who\">Who am I?</h5>\n                        <h4 className=\"about__me-headline\">I'm Frederico \"D'kie\" Rodriguez, a Frontend Developer, Graphic Designer and CG Artist.</h4>\n                        <p>I’m a highly creative and detail oriented Frontend Developer and Graphic Designer / CG Artist for a broad range of clients. Seeking position in a company that appreciates hard work, dedication and evolving technical skills. Please, take a look at my portfolio works.</p>\n                        <hr />\n                        <h5>Certificates from:</h5>\n                        <div className=\"about__me-certs\">\n                            <img src={CS50x} alt=\"\" />\n                            <img src={FCC} alt=\"\" />\n                            <img src={Codecademy} alt=\"\" />\n                        </div>\n                        <div className='about-social'>\n                            <a href='https://www.linkedin.com/in/drod702' target='_blank' rel='noreferrer noopener'>\n                                <i className='fab fa-linkedin fa-3x' />\n                            </a>\n                            <a href='https://github.com/drod702' target='_blank' rel='noreferrer noopener'>\n                                <i className='fab fa-github-square fa-3x' />\n                            </a>\n                            <a href='https://dribbble.com/drod702' target='_blank' rel='noreferrer noopener'>\n                                <i className='fab fa-dribbble-square fa-3x' />\n                            </a>\n                            <a href='https://www.instagram.com/drod702efx/' target='_blank' rel='noreferrer noopener'>\n                                <i className='fab fa-instagram fa-3x' />\n                            </a>\n                        </div>\n                        <div className='about__me-btn'>\n                            <a href={Resume} download>\n                                <button className='btn'>DOWNLOAD RESUME</button>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default About\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export const frontend = [\n    {\n        title: 'KAHT Beauty LV',\n        description: \"Used HTML, CSS and Javascript to build a static website for a Eyelash extension salon. KAHT Beauty LV is certified and have significant experience.\",\n        image: './images/kahtBeauty.png',\n        tags: ['HTML', 'CSS (Sass)', 'Javascript'],\n        source: 'https://kahtbeautylv.com',\n        visit: 'https://kahtbeautylv.com',\n        id: 0,\n    },\n    {\n        title: 'Budget Tracker',\n        description:\"Built in React and Javascript while using react state management, context API, Local storage. Also, implement voice capability using Speechly voice interface API.\",\n        image: './images/budget.png',\n        tags: ['React', 'JavaScript'],\n        source: 'https://mybudgettracker.netlify.app/',\n        visit: 'https://mybudgettracker.netlify.app/',\n        id: 1,\n    },\n    {\n        title: 'Asteroids Game',\n        description: \"This is a clone of one of the games that got me into gaming and design. Designed and built while learning HTML5 canvas and Javascript. Give it a try if you're bored.\",\n        image: './images/Asteroids.png',\n        tags: ['HTML 5', 'Javascript'],\n        source: 'https://drod702.com/asteroid',\n        visit: 'https://drod702.com/asteroid',\n        id: 2,\n    },\n    {\n        title: 'Personal Portfolio',\n        description: \"This is my personal portfolio website to showcase my works as a Frontend Developer, Graphic Designer and CG Artist / Animator. UI was designed with Sketch.\",\n        image: './images/portfolio.png',\n        tags: ['HTML', 'CSS', 'Javascript', 'React'],\n        source: 'https://drod702.com',\n        visit: 'https://drod702.com',\n        id: 3,\n    },\n];","import React from 'react';\nimport './Frontend.css';\nimport { frontend } from '../constants/frontend';\n\nconst Frontend = () => {\n    return (\n        <div className=\"frontend-container\" id=\"frontend\">\n            <div className=\"frontend-contents\">\n                <div className=\"header\">\n                    <h2 className=\"header-text\">\n                        Portfolio\n                    </h2>\n                    <h5> \n                        Frontend Development\n                    </h5>\n                    <div className=\"header-bar\"></div>\n                </div>\n                <div className='gridContainer'>\n                    {frontend.map((project) => (\n                        <div className='blogCard' key={project.id}>\n                            <img className='portImg' src={project.image} alt='' />\n                            <div className='titleContent'>\n                                <h3 className='headerThree'>{project.title}</h3>\n                                <hr />\n                            </div>\n                            <p className=\"cardInfo\">{project.description}</p>\n                            <div>\n                                <div className=\"titleContent\">\n                                    STACK\n                                </div>\n                                <ul className=\"tagList\">\n                                    {project.tags.map((tag, i) => (\n                                        <li className=\"tag\" key={i}>{tag}</li>\n                                    ))}\n                                </ul>\n                            </div>\n                            <ul className=\"utilityList\">\n                                <a href={project.visit} className='externalLinks'> VISIT</a>\n                                {/* <a href={project.source} className='externalLinks'> SOURCE</a> */}\n                            </ul>\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default Frontend\n","export default __webpack_public_path__ + \"static/media/dragon.46bd00c7.jpg\";","export default __webpack_public_path__ + \"static/media/rave.b35a4696.jpg\";","export default __webpack_public_path__ + \"static/media/bikerace.bd2a26d5.jpg\";","export default __webpack_public_path__ + \"static/media/michaelangelo.5179d47a.jpg\";","export default __webpack_public_path__ + \"static/media/gel.02f2407b.jpg\";","export default __webpack_public_path__ + \"static/media/wowPoster.d2d0e8db.jpg\";","import React from \"react\";\nimport { Modal } from 'react-responsive-modal';\nimport 'react-responsive-modal/styles.css';\nimport \"./Graphics.css\";\nimport Dragon from '../images/dragon.jpg';\nimport Rave from '../images/rave.jpg';\nimport Bike from '../assets/bikerace.jpg';\nimport Hands from '../assets/michaelangelo.jpg';\nimport Gel from '../assets/gel.jpg';\nimport Poster from '../assets/wowPoster.jpg';\n\nclass Graphics extends React.Component {\n    state = {\n        open: false,\n        open2: false,\n        open3: false,\n        open4: false,\n        open5: false,\n        open6: false\n    };\n    onOpenModal = () => {\n        this.setState({ open: true });\n    };\n    onCloseModal = () => {\n        this.setState({ open: false });\n    };\n    \n    // state = {\n    //     open2: false\n    // };\n    onOpenModal2 = () => {\n        this.setState({ open2: true });\n    };\n    onCloseModal2 = () => {\n        this.setState({ open2: false });\n    };\n    \n    onOpenModal3 = () => {\n        this.setState({ open3: true });\n    };\n    onCloseModal3 = () => {\n        this.setState({ open3: false });\n    };\n    \n    onOpenModal4 = () => {\n        this.setState({ open4: true });\n    };\n    onCloseModal4 = () => {\n        this.setState({ open4: false });\n    };\n    \n    onOpenModal5 = () => {\n        this.setState({ open5: true });\n    };\n    onCloseModal5 = () => {\n        this.setState({ open5: false });\n    };\n    \n    onOpenModal6 = () => {\n        this.setState({ open6: true });\n    };\n    onCloseModal6 = () => {\n        this.setState({ open6: false });\n    };\n\n    render() {\n        const { open } = this.state;\n        const { open2 } = this.state;\n        const { open3 } = this.state;\n        const { open4 } = this.state;\n        const { open5 } = this.state;\n        const { open6 } = this.state;\n\n        return (\n            <div className=\"graphics-container\" id=\"graphics\">\n                <div className=\"graphics-contents\">\n                    <div className=\"header\">\n                        <h2 className=\"header-text\">Portfolio</h2>\n                        <h5>Graphic Design</h5>\n                        <div className=\"header-bar\"></div>\n                    </div>\n                \n                <div className=\"angry-grid\">\n                    <div id=\"item-0\" onClick={this.onOpenModal}></div>\n                    <Modal open={open} onClose={this.onCloseModal} center>\n                        <img src={Dragon} alt='' width='100%' />\n                    </Modal>\n                    <div id=\"item-1\" onClick={this.onOpenModal2}></div>\n                    <Modal open={open2} onClose={this.onCloseModal2} center>\n                        <img src={Rave} alt='' width='100%' />\n                    </Modal>\n                    <div id=\"item-2\" onClick={this.onOpenModal3}></div>\n                    <Modal open={open3} onClose={this.onCloseModal3} center>\n                        <img src={Bike} alt='' width='100%' />\n                    </Modal>\n                    <div id=\"item-4\" onClick={this.onOpenModal4}></div>\n                    <Modal open={open4} onClose={this.onCloseModal4} center>\n                        <img src={Hands} alt='' width='100%' />\n                    </Modal>\n                    <div id=\"item-5\" onClick={this.onOpenModal5}></div>\n                    <Modal open={open5} onClose={this.onCloseModal5} center>\n                        <img src={Gel} alt='' width='100%' />\n                    </Modal>\n                    <div id=\"item-6\" onClick={this.onOpenModal6}></div>\n                    <Modal open={open6} onClose={this.onCloseModal6} center>\n                        <img src={Poster} alt='' width='100%' />\n                    </Modal>\n                </div>\n                </div>\n            </div>\n        );\n    }\n}\n\nexport default Graphics;\n","import React from \"react\";\nimport \"./Home.css\";\nimport Typical from 'react-typical';\n\nconst Home = () => {\n    return (\n        <div className=\"home-container\" id=\"home\">\n            <div className=\"home-content\">\n                <h1 className=\"home-name\">\n                    Hi, I'm Frederico \"D'kie\" Rodriguez\n                </h1>\n                <h3 className=\"home-subText\">\n                    <Typical\n                        steps={[\n                            'I\\'m a Frontend Developer',\n                            2500,\n                            'I\\'m a Graphics Designer',\n                            2500,\n                            'I\\'m a CG Artist',\n                            2500\n                        ]}\n                        loop={Infinity}\n                    /></h3>\n                <div className='home-social'>\n                    <a href='https://www.linkedin.com/in/drod702' target='_blank' rel='noreferrer noopener'>\n                        <i className='fab fa-linkedin fa-2x' />\n                    </a>\n                    <a href='https://github.com/drod702' target='_blank' rel='noreferrer noopener'>\n                        <i className='fab fa-github-square fa-2x' />\n                    </a>\n                    <a href='https://dribbble.com/drod702' target='_blank' rel='noreferrer noopener'>\n                        <i className='fab fa-dribbble-square fa-2x' />\n                    </a>\n                    <a href='https://www.instagram.com/drod702efx/' target='_blank' rel='noreferrer noopener'>\n                        <i className='fab fa-instagram fa-2x' />\n                    </a>\n                </div>\n                <div className='home__content-btn'>\n                    <a href=\"#frontend\"><button className='btn'>\n                        View my Work  <i className='fas fa-chevron-right'></i>\n                    </button></a>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default Home;\n","import React from \"react\";\nimport \"./Navigation.css\";\nimport Logo from \"../assets/logo.png\";\n\nconst Navigation = () => {\n    return (\n        <div className=\"navbar\">\n            <div className=\"navbar-container\">\n                <nav className=\"navbar navbar-expand-lg navbar-dark fixed-top\">\n                    <div className=\"container\">\n                        <img src={Logo} className=\"navbar-brand\" alt=\"logo\" />\n                        <button\n                            className=\"navbar-toggler\"\n                            type=\"button\"\n                            data-bs-toggle=\"collapse\"\n                            data-bs-target=\"#navbarNavDropdown\"\n                            aria-controls=\"navbarNavDropdown\"\n                            aria-expanded=\"false\"\n                            aria-label=\"Toggle navigation\"\n                        >\n                            <span className=\"navbar-toggler-icon\"></span>\n                        </button>\n                        <div className=\"collapse navbar-collapse\" id=\"navbarNavDropdown\">\n                            <ul className=\"navbar-nav ms-auto text-center\">\n                                <li className=\"nav-item px-2\">\n                                    <a className=\"nav-link active\" aria-current=\"page\" href=\"#home\">\n                                        HOME\n                                    </a>\n                                </li>\n                                <li className=\"nav-item px-2\">\n                                    <a className=\"nav-link\" href=\"#about\">\n                                        ABOUT ME\n                                    </a>\n                                </li>\n                                <li className=\"nav-item px-2 dropdown\">\n                                    <a\n                                        className=\"nav-link dropdown-toggle\"\n                                        href=\"#frontend\"\n                                        id=\"navbarDropdownMenuLink\"\n                                        role=\"button\"\n                                        data-bs-toggle=\"dropdown\"\n                                        aria-expanded=\"false\"\n                                    >\n                                        PORTFOLIO\n                                    </a>\n                                    <ul\n                                        className=\"dropdown-menu\"\n                                        aria-labelledby=\"navbarDropdownMenuLink\"\n                                    >\n                                        <li>\n                                            <a className=\"dropdown-item\" href=\"#frontend\">\n                                                Frontend Development\n                                            </a>\n                                        </li>\n                                        <li>\n                                            <a className=\"dropdown-item\" href=\"#graphics\">\n                                                Graphics Design\n                                            </a>\n                                        </li>\n                                        <li>\n                                            <a className=\"dropdown-item\" href=\"#animation\">\n                                                Motion Graphics / CG Arts\n                                            </a>\n                                        </li>\n                                    </ul>\n                                </li>\n                                <li className=\"nav-item px-2\">\n                                    <a className=\"nav-link\" href=\"#contact\">\n                                        CONTACT\n                                    </a>\n                                </li>\n                            </ul>\n                        </div>\n                    </div>\n                </nav>\n            </div>\n        </div>\n    );\n};\n\nexport default Navigation;\n","export default \"data:image/png;base64,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\"","import React from 'react';\nimport './Skills.css';\nimport Frontend from '../assets/frontEnd.png';\nimport CGarts from '../assets/cgArt.png';\nimport Design from '../assets/digitalArt.png';\n\nconst Skills = () => {\n    return (\n        <div className=\"skills-container\">\n            <div className=\"skills-contents\">\n                <div className=\"header\">\n                    <h2 className=\"header-text\">\n                        My Skills\n                    </h2>\n                    <div className=\"header-bar\"></div>\n                    <p>I am a creative person who solves problems visually. I use multiple tools based from my the knowledge gained in experience, ranging from print media, frontend development and animation / motion graphics.</p>\n                </div>\n                <div className=\"skills-avail\">\n                    <div className=\"card\">\n                        <img src={Frontend} alt=\"Avatar\" />\n                        <div className =\"card-container\">\n                            <h4><b>Frontend Development</b></h4>\n                            <p>The look and feel of are one of the important elements to any project. I use HTML, CSS, Javascript. I also utilize different technologies like React JS, Bootstrap and JQuery.</p>\n                        </div>\n                    </div>\n                    <div className=\"card\">\n                        <img src={Design} alt=\"Avatar\" />\n                        <div className =\"card-container\">\n                            <h4><b>Graphics Design</b></h4>\n                            <p>I prefer to see things not as they are but as they could be. I'm a problem solver with a keen interest in contributing through design. I use Adobe Creative Cloud as my tool of choice.</p>\n                        </div>\n                    </div>\n                    <div className=\"card\">\n                        <img src={CGarts} alt=\"Avatar\" />\n                        <div className=\"card-container\">\n                            <h4><b>Motion Graphics / CG Arts</b></h4>\n                            <p>With a sharp eye for detail and high creative flair, I enjoy designing and making things move. I developed my skills in motion graphics through experience and knowledge in various 3D softwares. </p>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default Skills\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export const anim = [\n    {\n        title: 'Porsche',\n        image: './vid/img/car.jpg',\n        source: './vid/porsche.mp4',\n        id: 0,\n    },\n    {\n        title: 'Crime / Suspense',\n        image: './vid/img/crimeSuspense.jpg',\n        source: './vid/crimeSuspense.mp4',\n        id: 1,\n    },\n    {\n        title: 'Beauty and the Beast',\n        image: './vid/img/beautyBeast.jpg',\n        source: './vid/beautyBeast.mp4',\n        id: 2,\n    },\n    {\n        title: 'Football',\n        image: './vid/img/football.jpg',\n        source: './vid/football.mp4',\n        id: 3,\n    },\n    {\n        title: 'BreakOut',\n        image: './vid/img/breakOut.jpg',\n        source: './vid/breakout.mp4',\n        id: 4,\n    },\n    {\n        title: 'KMIR - Palm Springs',\n        image: './vid/img/kmir.jpg',\n        source: './vid/kmir.mp4',\n        id: 5,\n    },\n    {\n        title: 'Megabucks',\n        image: './vid/img/megabucks.jpg',\n        source: './vid/megabucks.mp4',\n        id: 6,\n    },\n    {\n        title: 'Monopoly',\n        image: './vid/img/monopoly.jpg',\n        source: './vid/monopoly.mp4',\n        id: 7,\n    },\n    {\n        title: 'Wheel of Fortune',\n        image: './vid/img/wheelOfFortune.jpg',\n        source: './vid/wheelOfFortune.mp4',\n        id: 8,\n    },\n    {\n        title: 'On the Level',\n        image: './vid/img/level.jpg',\n        source: './vid/level.mp4',\n        id: 9,\n    },\n    {\n        title: 'Penguin Animation',\n        image: './vid/img/penguin.jpg',\n        source: './vid/penguin.mp4',\n        id: 10,\n    },\n   \n];","import React from 'react'\nimport './Animation.css'\nimport { anim } from '../constants/anim'\nimport 'videojs-playlist';\nimport ReactPlayer from 'react-player/lazy'\n\nconst Animation = () => {\n\n    return (\n        <div className=\"animation-container\" id=\"animation\">\n            <div className=\"animation-contents\">\n                <div className=\"header\">\n                    <h2 className=\"header-text\">Portfolio</h2>\n                    <h5>Motion Graphics / CG Arts</h5>\n                    <div className=\"header-bar\"></div>\n                </div>\n                <div className=\"vid-player\">\n                    {anim.map((video) => (\n                        <div key={video.id}>\n                            <ReactPlayer\n                                url={video.source}\n                                className='videos'\n                                controls={true}\n                                width='396px'\n                                height='240px'\n                                playIcon\n                                light={video.image}\n                                playing={true}\n                            />\n                        </div>\n\n                    ))}\n\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default Animation\n","import React, { useState } from \"react\";\nimport emailjs from 'emailjs-com';\nimport { init } from 'emailjs-com';\nimport './Contact.css';\n\nimport QRCode from '../assets/drod702QR.png'\n\nconst Result = () => {\n    return (\n        <p>Thank you. Your message has been successfully submitted. I'll reply to you soon.</p>\n    )\n}\n\ninit(\"user_a6a0G04UNZLEcDBZdEyD1\");\n\nconst Contact = () => {\n\n    const [result, setResult] = useState(false)\n\n    const sendEmail = (e) => {\n        e.preventDefault();\n\n        emailjs.sendForm('service_ev5cid5', 'gmail', e.target, 'user_a6a0G04UNZLEcDBZdEyD1')\n            .then((result) => {\n                console.log(result.text);\n            }, (error) => {\n                console.log(error.text);\n            });\n        e.target.reset();\n        setResult(true);\n    };\n\n    setTimeout(() => {\n        setResult(false)\n    }, 3000)\n\n    return (\n        <div className=\"contact-container\" id=\"contact\">\n            <div className=\"contact-contents\">\n                <div className=\"header\">\n                    <h2 className=\"header-text\">Contact Me</h2>\n                    <h5>Ask me more or just say Hello!</h5>\n                    <div className=\"header-bar\"></div>\n                </div>\n                <div className=\"contact-form\">\n                    <div className=\"contact-info\">\n                        <h5>Address</h5>\n                        <span>Las Vegas, NV</span>\n                        <hr />\n                        <h5>Phone No.</h5>\n                        <span>702.292.8678</span>\n                        <hr />\n                        <div className=\"contact-icons\">\n                        <div className='contact-social'>\n                            <a href='https://www.linkedin.com/in/drod702' target='_blank' rel='noreferrer noopener'>\n                                <i className='fab fa-linkedin fa-3x' />\n                            </a>\n                            <a href='https://github.com/drod702' target='_blank' rel='noreferrer noopener'>\n                                <i className='fab fa-github-square fa-3x' />\n                            </a>\n                            <a href='https://dribbble.com/drod702' target='_blank' rel='noreferrer noopener'>\n                                <i className='fab fa-dribbble-square fa-3x' />\n                            </a>\n                            <a href='https://www.instagram.com/drod702efx/' target='_blank' rel='noreferrer noopener'>\n                                <i className='fab fa-instagram fa-3x' />\n                            </a>\n                        </div>\n                        <div className=\"qr-code\">\n                            <img src={QRCode} alt=\"\" />\n                        </div>\n                        </div>\n                    </div>\n                    <div className=\"form-body\">\n                        <form action='' onSubmit={sendEmail}>\n                            <div className=\"formWord\">\n                                <span>Full Name</span>\n                                <br />\n                                <input\n                                    type=\"text\" required\n                                    className='input100'\n                                    name='fullName'\n                                    placeholder='Full Name'\n                                />\n                                <br />\n                                <span>Phone Number</span>\n                                <br />\n                                <input\n                                    type=\"number\" required\n                                    className=\"input100\"\n                                    name='phone'\n                                    placeholder='Contact Number'\n                                />\n                                <br />\n                                <span>Enter Email</span>\n                                <br />\n                                <input\n                                    type=\"text\" required\n                                    className=\"input100\"\n                                    name='email'\n                                    placeholder='Email Address'\n                                />\n                                <br />\n                                <span>Message</span>\n                                <br />\n                                <textarea required name=\"message\" placeholder='Enter Message...'></textarea>\n                                <br />\n                                <button>SUBMIT</button>\n                                <div className=\"row\">\n                                    {result ? <Result /> : null}\n                                </div>\n                            </div>\n                        </form>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default Contact;\n","export default \"data:image/png;base64,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\"","import React from 'react';\nimport './Footer.css';\n\nconst Footer = () => {\n    return (\n        <div className='footer'>\n            <p>All rights reserved. Frederico \"D'kie\" Rodriguez. Copyright © 2021</p>\n        </div>\n    )\n}\n\nexport default Footer\n","import React from 'react';\nimport './App.css';\nimport About from './components/About';\nimport Frontend from './components/Frontend';\nimport Graphics from './components/Graphics';\nimport Home from './components/Home';\nimport Navigation from './components/Navigation';\nimport Skills from './components/Skills';\nimport Animation from './components/Animation';\nimport Contact from './components/Contact';\nimport Footer from './components/Footer';\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <div>\n        <Navigation />\n        <Home />\n      </div>\n      <About />\n      <Skills />\n      <Frontend />\n      <Graphics />\n      <Animation />\n      <Contact />\n      <Footer />\n    </div>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n"],"sourceRoot":""}