From e143724780fed77e42576b2ddbdf454d39217b0f Mon Sep 17 00:00:00 2001 From: Vipul Chhabra Date: Wed, 27 Nov 2019 23:26:00 +0530 Subject: [PATCH 1/3] schedule added --- src/Components/App/index.js | 3 +- src/Components/Schedule/index.js | 3 + src/Components/Schedule/schedule.js | 89 +++++++++++++++++++++++++++++ src/Constants/routes.js | 1 + 4 files changed, 95 insertions(+), 1 deletion(-) create mode 100644 src/Components/Schedule/index.js create mode 100644 src/Components/Schedule/schedule.js diff --git a/src/Components/App/index.js b/src/Components/App/index.js index 16c1bbb..3a600cc 100644 --- a/src/Components/App/index.js +++ b/src/Components/App/index.js @@ -8,7 +8,7 @@ import HomePage from '../Home'; import GalleryPage from '../Gallery'; // import AccountPage from '../Account'; import Admin from '../Admin'; - +import Schedule from '../Schedule'; import * as ROUTES from '../../Constants/routes'; import AdminQuiz from '../admin-quiz'; @@ -25,6 +25,7 @@ const App = () => ( + {/* */} 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..d91fdcc --- /dev/null +++ b/src/Components/Schedule/schedule.js @@ -0,0 +1,89 @@ +import React from 'react'; + +const Schedule = () => ( +
+
+
+
    + +
  • + + + + +
    +

    Ut enim ad minim veniam

    +

    2017

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation + ullamco laboris nisi ut aliquip ex ea commodo consequat.

    +
    +
    • +
  • + + + + +
    +

    Duis aute irure dolor

    +

    2016

    +

    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium + doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi + architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit + aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem + sequi nesciunt.

    +
    +
    • +
  • + + + + +
    +

    Sed ut nihil unde omnis

    +

    2015

    +

    Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, + adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam + aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis + suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure + reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui + dolorem eum fugiat quo voluptas nulla pariatur?

    +
    +
    • +
  • + + + + +
    +

    Quis autem vel eum voluptate

    +

    2014

    +

    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis + praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint + occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, + id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.

    +
    +
    • +
  • + + + + + +
    +

    Mussum ipsum cacilds

    +

    2013

    +

    Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe + eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic + tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut + perferendis doloribus asperiores repellat.

    +
    +
    • +
+
+
+
+ +); + +export default Schedule; \ No newline at end of file diff --git a/src/Constants/routes.js b/src/Constants/routes.js index 0883ff2..6d5b37e 100644 --- a/src/Constants/routes.js +++ b/src/Constants/routes.js @@ -5,3 +5,4 @@ export const ACCOUNT = '/account'; export const ADMIN = '/admin'; export const ADMINQUIZ = '/adminquiz' export const GALLERY = '/gallery'; +export const SCHEDULE = '/schedule'; \ No newline at end of file From 5041b4d05dc737cd672fd8ce82477f295c1a0c48 Mon Sep 17 00:00:00 2001 From: Vipul Chhabra Date: Wed, 27 Nov 2019 23:56:51 +0530 Subject: [PATCH 2/3] Schedule timeline added --- src/Components/Schedule/schedule.js | 170 +++++++++++++++------------- 1 file changed, 92 insertions(+), 78 deletions(-) diff --git a/src/Components/Schedule/schedule.js b/src/Components/Schedule/schedule.js index d91fdcc..b6a0146 100644 --- a/src/Components/Schedule/schedule.js +++ b/src/Components/Schedule/schedule.js @@ -1,88 +1,102 @@ import React from 'react'; +import { VerticalTimeline, VerticalTimelineElement } from 'react-vertical-timeline-component'; +import 'react-vertical-timeline-component/style.min.css'; -const Schedule = () => ( -
-
-
-
    - -
  • - - - -
    -

    Ut enim ad minim veniam

    -

    2017

    -

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation - ullamco laboris nisi ut aliquip ex ea commodo consequat.

    -
    -
    • -
  • - - - +const Schedule = () => ( + + + -

    Duis aute irure dolor

    -

    2016

    -

    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium - doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi - architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit - aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem - sequi nesciunt.

    -
- -
  • - - - + > +

    Creative Director

    +

    Miami, FL

    +

    + Creative Direction, User Experience, Visual Design, Project Management, Team Leading +

    + + +

    Art Director

    +

    San Francisco, CA

    +

    + Creative Direction, User Experience, Visual Design, SEO, Online Marketing +

    +     + +

    Web Designer

    +

    Los Angeles, CA

    +

    + User Experience, Visual Design +

    +     + +

    Web Designer

    +

    San Francisco, CA

    +

    + User Experience, Visual Design +

    +     + -

    Sed ut nihil unde omnis

    -

    2015

    -

    Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, - adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam - aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis - suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure - reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui - dolorem eum fugiat quo voluptas nulla pariatur?

    -
    • - -
  • - - - + > +

    Content Marketing for Web, Mobile and Social Media

    +

    Online Course

    +

    + Strategy, Social Media +

    + + -

    Quis autem vel eum voluptate

    -

    2014

    -

    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis - praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint - occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, - id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.

    -
    • - -
  • - - - - + > +

    Agile Development Scrum Master

    +

    Certification

    +

    + Creative Direction, User Experience, Visual Design +

    + + +

    Bachelor of Science in Interactive Digital Media Visual Imaging

    +

    Bachelor Degree

    +

    + Creative Direction, Visual Design +

    +     + -

    Mussum ipsum cacilds

    -

    2013

    -

    Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe - eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic - tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut - perferendis doloribus asperiores repellat.

    - -
    • - - - - + /> + + ); From bfe5d5cdc45a0a3b3b8f4eeef153f274c118ddd3 Mon Sep 17 00:00:00 2001 From: Vipul Chhabra Date: Thu, 28 Nov 2019 07:56:15 +0530 Subject: [PATCH 3/3] schedule page completed --- package.json | 1 + src/Components/Schedule/schedule.js | 32 +++++++++++++++++++---------- 2 files changed, 22 insertions(+), 11 deletions(-) diff --git a/package.json b/package.json index b30d2af..4eb249b 100644 --- a/package.json +++ b/package.json @@ -6,6 +6,7 @@ "firebase": "^7.0.0", "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/Schedule/schedule.js b/src/Components/Schedule/schedule.js index b6a0146..056a0a5 100644 --- a/src/Components/Schedule/schedule.js +++ b/src/Components/Schedule/schedule.js @@ -1,18 +1,26 @@ 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 = () => ; const Schedule = () => ( - - + + +
    +

    Creative Director

    Miami, FL

    @@ -24,7 +32,7 @@ const Schedule = () => ( className="vertical-timeline-element--work" date="2010 - 2011" iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }} - + //icon={} >

    Art Director

    San Francisco, CA

    @@ -36,7 +44,7 @@ const Schedule = () => ( className="vertical-timeline-element--work" date="2008 - 2010" iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }} - + //icon={} >

    Web Designer

    Los Angeles, CA

    @@ -48,7 +56,7 @@ const Schedule = () => ( className="vertical-timeline-element--work" date="2006 - 2008" iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }} - + //icon={} >

    Web Designer

    San Francisco, CA

    @@ -60,7 +68,7 @@ const Schedule = () => ( className="vertical-timeline-element--education" date="April 2013" iconStyle={{ background: 'rgb(233, 30, 99)', color: '#fff' }} - + //icon={} >

    Content Marketing for Web, Mobile and Social Media

    Online Course

    @@ -72,7 +80,7 @@ const Schedule = () => ( className="vertical-timeline-element--education" date="November 2012" iconStyle={{ background: 'rgb(233, 30, 99)', color: '#fff' }} - + //icon={} >

    Agile Development Scrum Master

    Certification

    @@ -84,6 +92,7 @@ const Schedule = () => ( className="vertical-timeline-element--education" date="2002 - 2006" iconStyle={{ background: 'rgb(233, 30, 99)', color: '#fff' }} + //icon={} >

    Bachelor of Science in Interactive Digital Media Visual Imaging

    Bachelor Degree

    @@ -93,10 +102,11 @@ const Schedule = () => (     } />     - +
    + );