Added countdown

package.json

@@ -22,6 +22,7 @@
     "react-scripts": "^2.1.3",
     "react-tooltip": "^3.9.2",
     "react-vertical-timeline-component": "^2.3.1",
+    "reactjs-countdown": "0.0.8",
     "redux": "^4.0.1",
     "redux-thunk": "^2.3.0",
     "vertical-timeline-component-for-react": "^1.0.6"

src/components/HomePage.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import EventsList from '../components/EventsList';
 import Logo from '../img/anshumanvisallstackdeveloper.png';
+import CountDown from 'reactjs-countdown';
 
 const scrollDown = () => {
 	window.scrollTo({
@@ -15,6 +16,9 @@ const HomePage = () => (
 		<div className="homepage__logo-wrapper">
 			<img src={Logo} alt="Logo" className="homepage__logo" />
 		</div>
+		<div className="countdown">
+			<CountDown deadline="Sat, 02 Mar 2019 14:00:00 GMT"/>
+		</div>
         <div className="scrollButton" onClick = {scrollDown}>
         	<span className = "scrollLink">
 				<img alt="Arrow Down Icon" src="https://www.solodev.com/assets/anchor/arrow-down.png"/>

src/sass/pages/_homepage.scss

@@ -27,6 +27,8 @@
 	.homepage__logo {
 		max-width: 100%;
 		padding: 3%;
+		top: -15%;
+		position: relative;
 	}
 
 	.scrollButton {
@@ -43,3 +45,34 @@
 	}	
 
 }
+
+.react-countdown {
+	display: inline-block;
+	margin: 0;
+	top: 66%;
+	left: 0;
+	right: 0;
+	position: absolute;
+	padding: 0;
+}
+
+.countdown {
+	text-align: center;
+}
+
+.react-countdown .digit {
+	font-size: 52px;
+	color: #c6c6c6;
+}
+.react-countdown .text {
+	font-size: 25px;
+	color: rgba(94, 201, 248, 0.9);
+}
+
+.react-countdown li:after {
+	right: -20px;
+}
+
+.react-countdown li {
+	margin: 0 15px;
+}