Added navigation divider

src/components/header/index.js

@@ -66,7 +66,7 @@ class Header extends React.Component {
 		return (
 			<div id="header" style={{ height: '72px' }}>
 				<nav className="uk-navbar-container uk-margin uk-dark uk-navbar-transparent" uk-navbar="mode: click">
-					<div className="uk-navbar-center">
+					<div className="uk-navbar-right uk-margin-xlarge-right">
 						<ul className="uk-navbar-nav">
 							<li className={[this.props.location.pathname === '/' ? 'uk-active' : ''].join(' ')}>
 								<Link className={'heading-text'} to={'/'}>
@@ -78,11 +78,11 @@ class Header extends React.Component {
 									<span>Timeline</span>
 								</Link>
 							</li>
-							<li className={[this.props.location.pathname === '/about' ? 'uk-active' : ''].join(' ')}>
-								<Link className={'heading-text'} to={'/about'}>
-									<span>About</span>
-								</Link>
-							</li>
+// 							<li className={[this.props.location.pathname === '/about' ? 'uk-active' : ''].join(' ')}>
+// 								<Link className={'heading-text'} to={'/about'}>
+// 									<span>About</span>
+// 								</Link>
+// 							</li>
 							<li className={[this.props.location.pathname === '/dashboard' ? 'uk-active' : ''].join(' ')}>
 								{!this.props.signedIN ? (
 									<SignIn />

src/components/header/styles.css

@@ -22,7 +22,6 @@
   padding-bottom: 4px;
 }
 
-
 .institute-logo {
   width: 30%;
   margin-top: 0.5em;

src/components/index.css

@@ -0,0 +1,20 @@
+.divider{
+    position: absolute;
+    transform: rotate(90deg);
+    color: white;
+}
+
+.contact {
+    top: 33%;
+    right: 1rem;
+}
+
+.about {
+    top: 77%;
+    right: 1.7rem;
+}
+
+.team {
+    right: 2rem;
+    top: 54%;
+}

src/components/index.js

@@ -5,6 +5,8 @@ import ReactFullpage from '@fullpage/react-fullpage';
 import Countdown from './Countdown';
 import EventList from './eventList';
 
+import './index.css'
+
 class Home extends React.Component {
 	componentDidMount() {
 		document.body.scrollTop = 0;