fix(about): removed about css

src/Pages/About/About.jsx

@@ -1,89 +1,30 @@
-//Tap into your
-//professional story and your value proposition, and highlight
-//what you do, why you do it, and how you do it.
-//You can communicate how you became motivated to start a career
-//in your desired industry, what drives you currently,
-//the problems that you solve, and your current industry-related
-//passions. There is no need to include extensive details or your
-//whole life story in the “About Me” section. Stick to the what,
-//why, and how of your professional story, and any personal
-//information that impacted or informed your professional story.
-//You can include some additional, brief details about your
-//personal life in the “About Me” section, after you’ve detailed
-//your professional story. You can include information about your
-//interests, hobbies, pets, kids, partner, and geographic location.
-//Including this information can help your audience connect with
-//the person behind the work. It is important, however, to keep
-//the personal details brief and not too personal. Remember that
-//we want to cast the widest net when job searching.
-//If you have another passion, particularly if that passion
-//compliments the work that you will be doing in your desired
-//industry, it’s also acceptable to include this information in
-//your “About Me” section. For example, if you’re a UX designer,
-//who also has a passion and talent for graphic design, you can
-//include information about your graphic design skills, and
-//include a link to your graphic design website. If you do
-//include information about a secondary passion, be sure that your
-//messaging around this interest is brief and doesn’t distract
-//from your primary messaging around your career interest.
-
-
 import React from 'react';
-import './About.css';
 import NavBar from '../../Components/NavBar/NavBar';
 import HeroImage from '../../Components/Hero/heroImage';
 import Footer from '../../Components/Footer/Footer';
 import { StyledHr } from '../../Layout/Hr/styledHr';
-
+import { StyledQuoteContainer, StyledQuote, StyledQuoteAuthor } from '../../Layout/Quote/styledQuote';
+import Timeline from '../../Components/Timeline/timeline';
 
 const About = () => {
     return (
         <div>
             <NavBar />
             <HeroImage About/>
             <StyledHr Primary/>
-            <div className="quote">
-                <q>
-                    What you think, you become. What you feel, you attract. What you imagine, you create.
-                </q>
-                <p className="quoteAuthor">-Buddha</p>
-            </div>
+            <StyledQuoteContainer>
+              <StyledQuote>
+                What you think, you become. What you feel, you attract. What you imagine, you create.
+              </StyledQuote>
+              <StyledQuoteAuthor>
+                -Buddha
+              </StyledQuoteAuthor>
+            </StyledQuoteContainer>
             {/* <!-- Quote/Highlight End  --> */}
 
             {/* <!-- Timeline  -->  */}
             <StyledHr Primary/>
-            <div className="timeline">
-                <div id="timeline" className="about-container right">
-                    <div className="content">
-                        <h2>2021</h2>
-                        <p className="timelineP a-content">I secured my first position as a Full-Stack Java Software Engineer at State Farm in March of 2021. Working in a full agile software development process including mining technical business features and utilizing Java Spring Boot with Maven to create a REST micro-service applications. </p>
-                    </div>
-                </div>
-                <div id="timeline" className="about-container left">
-                    <div className="content">
-                        <h2>2020</h2>
-                        <p className="timelineP a-content">I enrolled as a full stack software engineer student at General Assembly, where I was exposed to the MERN stack. In the program I was able to turn my MIS knowledge into applicable real-world solutions. I developed several full stack web apps, and worked on dynamic team projects. The projects allowed me to hone my skills in frontend development, client-servers and routing, Node.js, Express.js, MongoDB, OAuth, SPA Architecture, React, Python, JavaScript and Django web framework.</p>
-                    </div>
-                </div>
-                <div className="about-container right">
-                    <div className="content">
-                        <h2>2017</h2>
-                        <p className="timelineP a-content">My attention to detail and love for technology lead me to seek a deep understanding in Management of Information Systems and dive back into software engineering. I received my Master of Science in Management Information Systems where I got a sound understanding of relational database, SQL, C#/C++, and business processes.</p>
-                    </div>
-                </div>
-                <div className="about-container left">
-                    <div className="content">
-                        <h2>2014</h2>
-                        <p className="timelineP a-content">After I received my Bachelor of Business Administration in Management with focus in supply chain, I got a job as an Operations Manager at J.B. Hunt. During this time identified underlying problems, analyzing potential solutions and implementing resolutions.</p>
-                    </div>
-                </div>
-                <div className="about-container right">
-                    <div className="content">
-                        <h2>2010</h2>
-                        <p className="timelineP a-content">In my junior year I decided to take Java and C++ as my elective course and my interest was peaked. I new I wanted to continue but I did not know how I wanted to proceed. </p>
-                    </div>
-                </div>
-            </div>
+            <Timeline/>
             {/* <!-- Timeline End  --> */}
             <StyledHr Primary/>
             <Footer/>