diff --git a/package.json b/package.json
index 0432008..d2a4d64 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "material-ui": "^0.20.2",
     "react": "^16.10.1",
     "react-dom": "^16.10.1",
+    "react-native-vector-icons": "^6.6.0",
     "react-photo-gallery": "^8.0.0",
     "react-router-dom": "^5.1.2",
     "react-scripts": "3.1.2",
diff --git a/src/Components/App/index.js b/src/Components/App/index.js
index fc85adf..7196045 100644
--- a/src/Components/App/index.js
+++ b/src/Components/App/index.js
@@ -9,7 +9,7 @@ import GalleryPage from '../Gallery';
 import NewUser from '../NewUser';
 // import AccountPage from '../Account';
 import Admin from '../Admin';
-
+import Schedule from '../Schedule';
 import * as ROUTES from '../../Constants/routes';
 import AdminQuiz from '../admin-quiz';
 
@@ -26,6 +26,7 @@ const App = () => (
       <Route path={ROUTES.GALLERY} component={GalleryPage} />
       <Route path={ROUTES.ADMIN} component={Admin} />
       <Route path={ROUTES.ADMINQUIZ} component={AdminQuiz} />
+      <Route path={ROUTES.SCHEDULE} component={Schedule} />
       <Route path={ROUTES.NEWUSER} component={NewUser} />
 
       {/*<Route path={ROUTES.ACCOUNT} component={AccountPage} /> */}
diff --git a/src/Components/Schedule/index.js b/src/Components/Schedule/index.js
new file mode 100644
index 0000000..336577c
--- /dev/null
+++ b/src/Components/Schedule/index.js
@@ -0,0 +1,3 @@
+import Schedule from './schedule';
+
+export default Schedule; 
\ No newline at end of file
diff --git a/src/Components/Schedule/schedule.js b/src/Components/Schedule/schedule.js
new file mode 100644
index 0000000..056a0a5
--- /dev/null
+++ b/src/Components/Schedule/schedule.js
@@ -0,0 +1,113 @@
+import React from 'react';
+import { VerticalTimeline, VerticalTimelineElement }  from 'react-vertical-timeline-component';
+import 'react-vertical-timeline-component/style.min.css';
+//import { Icon } from 'react-native-elements';
+import UseAnimations from 'react-useanimations';
+const back = {
+  background : '#29ffff',
+};
+
+const App = () => <UseAnimations animationKey="github" />;
+
+const Schedule = () => (
+
+
+    <div style = {back}>
+      <VerticalTimeline>
+  <VerticalTimelineElement
+    className="vertical-timeline-element--work"
+    //contentStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
+    contentArrowStyle={{ borderRight: '7px solid  rgb(33, 150, 243)' }}
+    date="2011 - present"
+    iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
+    icon={App}
+  >
+    <h3 className="vertical-timeline-element-title">Creative Director</h3>
+    <h4 className="vertical-timeline-element-subtitle">Miami, FL</h4>
+    <p>
+      Creative Direction, User Experience, Visual Design, Project Management, Team Leading
+    </p>
+  </VerticalTimelineElement>
+  <VerticalTimelineElement
+    className="vertical-timeline-element--work"
+    date="2010 - 2011"
+    iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
+    //icon={<WorkIcon />}
+  >
+    <h3 className="vertical-timeline-element-title">Art Director</h3>
+    <h4 className="vertical-timeline-element-subtitle">San Francisco, CA</h4>
+    <p>
+      Creative Direction, User Experience, Visual Design, SEO, Online Marketing
+    </p>
+  </VerticalTimelineElement>
+  <VerticalTimelineElement
+    className="vertical-timeline-element--work"
+    date="2008 - 2010"
+    iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
+    //icon={<WorkIcon />}
+  >
+    <h3 className="vertical-timeline-element-title">Web Designer</h3>
+    <h4 className="vertical-timeline-element-subtitle">Los Angeles, CA</h4>
+    <p>
+      User Experience, Visual Design
+    </p>
+  </VerticalTimelineElement>
+  <VerticalTimelineElement
+    className="vertical-timeline-element--work"
+    date="2006 - 2008"
+    iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
+    //icon={<WorkIcon />}
+  >
+    <h3 className="vertical-timeline-element-title">Web Designer</h3>
+    <h4 className="vertical-timeline-element-subtitle">San Francisco, CA</h4>
+    <p>
+      User Experience, Visual Design
+    </p>
+  </VerticalTimelineElement>
+  <VerticalTimelineElement
+    className="vertical-timeline-element--education"
+    date="April 2013"
+    iconStyle={{ background: 'rgb(233, 30, 99)', color: '#fff' }}
+    //icon={<SchoolIcon />}
+  >
+    <h3 className="vertical-timeline-element-title">Content Marketing for Web, Mobile and Social Media</h3>
+    <h4 className="vertical-timeline-element-subtitle">Online Course</h4>
+    <p>
+      Strategy, Social Media
+    </p>
+  </VerticalTimelineElement>
+  <VerticalTimelineElement
+    className="vertical-timeline-element--education"
+    date="November 2012"
+    iconStyle={{ background: 'rgb(233, 30, 99)', color: '#fff' }}
+    //icon={<SchoolIcon />}
+  >
+    <h3 className="vertical-timeline-element-title">Agile Development Scrum Master</h3>
+    <h4 className="vertical-timeline-element-subtitle">Certification</h4>
+    <p>
+      Creative Direction, User Experience, Visual Design
+    </p>
+  </VerticalTimelineElement>
+  <VerticalTimelineElement
+    className="vertical-timeline-element--education"
+    date="2002 - 2006"
+    iconStyle={{ background: 'rgb(233, 30, 99)', color: '#fff' }}
+    //icon={<SchoolIcon />}
+  >
+    <h3 className="vertical-timeline-element-title">Bachelor of Science in Interactive Digital Media Visual Imaging</h3>
+    <h4 className="vertical-timeline-element-subtitle">Bachelor Degree</h4>
+    <p>
+      Creative Direction, Visual Design
+    </p>
+  </VerticalTimelineElement>
+  <VerticalTimelineElement
+    iconStyle={{ background: 'rgb(16, 204, 82)', color: '#fff' }}
+    //icon={<StarIcon />}
+  />
+</VerticalTimeline>
+    </div>
+
+
+);
+  
+export default Schedule;
\ No newline at end of file
diff --git a/src/Constants/routes.js b/src/Constants/routes.js
index d57c398..0e0c6a8 100644
--- a/src/Constants/routes.js
+++ b/src/Constants/routes.js
@@ -5,4 +5,5 @@ export const ACCOUNT = '/account';
 export const ADMIN = '/admin';
 export const ADMINQUIZ = '/adminquiz'
 export const GALLERY = '/gallery';
+export const SCHEDULE = '/schedule';
 export const NEWUSER = '/newuser';