diff --git a/README.md b/README.md
index 0c83cde..c9a3343 100644
--- a/README.md
+++ b/README.md
@@ -67,4 +67,4 @@ This section has moved here: [https://facebook.github.io/create-react-app/docs/d
 
 ### `npm run build` fails to minify
 
-This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
+This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify) 
diff --git a/package.json b/package.json
index 9e43e56..ed43f4b 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "homepage": "https://winterofcode.github.io",
+  "homepage": "https://winterofcode.github.io/2021",
   "name": "woc2021",
   "version": "0.1.0",
   "private": true,
diff --git a/public/CNAME b/public/CNAME
deleted file mode 100644
index 1ab653e..0000000
--- a/public/CNAME
+++ /dev/null
@@ -1 +0,0 @@
-winterofcode.com
\ No newline at end of file
diff --git a/src/components/router/router.js b/src/components/router/router.js
index 6b975cb..c809d88 100644
--- a/src/components/router/router.js
+++ b/src/components/router/router.js
@@ -19,23 +19,23 @@ export default function AppRouter() {
   return (
     <Router>
       <Switch>
-        <Route exact={true} path="/" component={Homepage} />
-        <Route path="/organisation/deep-fusion-ai" component={DeepFusionAIProject} />
-        <Route path="/organisation/canvasbird" component={CanvasBirdProject} />
-        <Route path="/organisation/dsc-nsec" component={DSCNSECProject} />
-        <Route path="/organisation/dsc-x" component={DSCXProject} />
-        <Route path="/organisation/dsc-nit-rourkela" component={DSCNITRourkelaProject} />
+        <Route exact={true} path="/2021" component={Homepage} />
+        <Route path="/2021/organisation/deep-fusion-ai" component={DeepFusionAIProject} />
+        <Route path="/2021/organisation/canvasbird" component={CanvasBirdProject} />
+        <Route path="/2021/organisation/dsc-nsec" component={DSCNSECProject} />
+        <Route path="/2021/organisation/dsc-x" component={DSCXProject} />
+        <Route path="/2021/organisation/dsc-nit-rourkela" component={DSCNITRourkelaProject} />
         {/* <Route path="/organisation/theblockchainchief" component={BlockchainChiefProject} /> */}
         {/* <Route path="/organisation/technscince" component={TechNScienceProject} /> */}
-        <Route path="/organisation/codingspace" component={CodingSpaceProject} />
+        <Route path="/2021/organisation/codingspace" component={CodingSpaceProject} />
         {/* <Route path="/organisation/moja-global" component={MojaGlobalProject} /> */}
         {/* <Route path="/organisation/gepton" component={GeptonProject} /> */}
         {/* <Route path="/organisation/codingspace" component={CodingSpaceProject} /> */}
         {/* <Route path="/organisation/moja-global" component={MojaGlobalProject} /> */}
         {/* <Route path="/organisation/gepton" component={GeptonProject} /> */}
-        <Route path="/organisation/eduhub-community" component={EduhubCommunityProject} />
+        <Route path="/2021/organisation/eduhub-community" component={EduhubCommunityProject} />
         {/* <Route path="/organisation/hitk-community" component={HITKCommunityProject} /> */}
-        <Route path="/organisers" component={Organiser} />
+        <Route path="/2021/organisers" component={Organiser} />
       </Switch>
     </Router>
   );
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index 98c5574..4334860 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -113,9 +113,11 @@ export default function Timeline() {
             </VerticalTimelineElement>
             <VerticalTimelineElement
                 className="vertical-timeline-element--education"
+                contentStyle={{ background: '#FFC300', color: 'black' }}    // dont delete this, will be needed to update.
+                contentArrowStyle={{ borderRight: '7px solid  #FFC300' }}  // dont delete this, will be needed to update.
                 date="16th December - 29th December, 2021"
-                iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
-                icon={<StarEmpty/>}
+                iconStyle={{ background: '#FFC300', color: '#fff' }}
+                icon={<StarFull/>}
             >
                 <h3 className="vertical-timeline-element-title">Phase 1</h3>
                 {/* <h4 className="vertical-timeline-element-subtitle">Kolkata, India</h4> */}
@@ -125,9 +127,11 @@ export default function Timeline() {
             </VerticalTimelineElement>
             <VerticalTimelineElement
                 className="vertical-timeline-element--education"
+                contentStyle={{ background: '#FFC300', color: 'black' }}    // dont delete this, will be needed to update.
+                contentArrowStyle={{ borderRight: '7px solid  #FFC300' }}  // dont delete this, will be needed to update.
                 date="30th December - 31st December, 2021"
-                iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
-                icon={<StarEmpty/>}
+                iconStyle={{ background: '#FFC300', color: '#fff' }}
+                icon={<StarFull/>}
             >
                 <h3 className="vertical-timeline-element-title">First Evaluation</h3>
                 {/* <h4 className="vertical-timeline-element-subtitle">Kolkata, India</h4> */}
@@ -137,9 +141,11 @@ export default function Timeline() {
             </VerticalTimelineElement>
             <VerticalTimelineElement
                 className="vertical-timeline-element--education"
+                contentStyle={{ background: '#FFC300', color: 'black' }}    // dont delete this, will be needed to update.
+                contentArrowStyle={{ borderRight: '7px solid  #FFC300' }}  // dont delete this, will be needed to update.
                 date="1st January - 11th January, 2022"
-                iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
-                icon={<StarEmpty/>}
+                iconStyle={{ background: '#FFC300', color: '#fff' }}
+                icon={<StarFull/>}
             >
                 <h3 className="vertical-timeline-element-title">Phase 2</h3>
                 {/* <h4 className="vertical-timeline-element-subtitle">Kolkata, India</h4> */}
@@ -149,9 +155,11 @@ export default function Timeline() {
             </VerticalTimelineElement>
             <VerticalTimelineElement
                 className="vertical-timeline-element--education"
+                contentStyle={{ background: '#FFC300', color: 'black' }}    // dont delete this, will be needed to update.
+                contentArrowStyle={{ borderRight: '7px solid  #FFC300' }}  // dont delete this, will be needed to update.
                 date="12th January - 13th January, 2022"
-                iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
-                icon={<StarEmpty/>}
+                iconStyle={{ background: '#FFC300', color: '#fff' }}
+                icon={<StarFull/>}
             >
                 <h3 className="vertical-timeline-element-title">Second Evaluation</h3>
                 {/* <h4 className="vertical-timeline-element-subtitle">Kolkata, India</h4> */}
@@ -161,9 +169,11 @@ export default function Timeline() {
             </VerticalTimelineElement>
             <VerticalTimelineElement
                 className="vertical-timeline-element--education"
+                contentStyle={{ background: '#FFC300', color: 'black' }}    // dont delete this, will be needed to update.
+                contentArrowStyle={{ borderRight: '7px solid  #FFC300' }}  // dont delete this, will be needed to update.
                 date="20th January"
-                iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
-                icon={<StarEmpty/>}
+                iconStyle={{ background: '#FFC300', color: '#fff' }}
+                icon={<StarFull/>}
             >
                 <h3 className="vertical-timeline-element-title">Successful Students Announced</h3>
                 {/* <h4 className="vertical-timeline-element-subtitle">Kolkata, India</h4> */}
@@ -172,8 +182,8 @@ export default function Timeline() {
                 </p>
             </VerticalTimelineElement>
             <VerticalTimelineElement
-                iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
-                icon={<StarEmpty/>}
+                iconStyle={{ background: '#FFC300', color: '#fff' }}
+                icon={<CircleStarFull/>}
             />
         </VerticalTimeline>
     </div>
@@ -261,9 +271,11 @@ export default function Timeline() {
             </VerticalTimelineElement>
             <VerticalTimelineElement
                 className="vertical-timeline-element--education"
+                contentStyle={{ background: '#FFC300', color: 'black' }}    // dont delete this, will be needed to update.
+                contentArrowStyle={{ borderRight: '7px solid  #FFC300' }}  // dont delete this, will be needed to update.
                 date="16th December - 29th December, 2021"
-                iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
-                icon={<StarEmpty/>}
+                iconStyle={{ background: '#FFC300', color: '#fff' }}
+                icon={<StarFull/>}
             >
                 <h3 className="vertical-timeline-element-title">Phase 1</h3>
                 {/* <h4 className="vertical-timeline-element-subtitle">Kolkata, India</h4> */}
@@ -273,9 +285,11 @@ export default function Timeline() {
             </VerticalTimelineElement>
             <VerticalTimelineElement
                 className="vertical-timeline-element--education"
+                contentStyle={{ background: '#FFC300', color: 'black' }}    // dont delete this, will be needed to update.
+                contentArrowStyle={{ borderRight: '7px solid  #FFC300' }}  // dont delete this, will be needed to update.
                 date="30th December - 31st December, 2021"
-                iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
-                icon={<StarEmpty/>}
+                iconStyle={{ background: '#FFC300', color: '#fff' }}
+                icon={<StarFull/>}
             >
                 <h3 className="vertical-timeline-element-title">First Evaluation</h3>
                 {/* <h4 className="vertical-timeline-element-subtitle">Kolkata, India</h4> */}
@@ -285,9 +299,11 @@ export default function Timeline() {
             </VerticalTimelineElement>
             <VerticalTimelineElement
                 className="vertical-timeline-element--education"
+                contentStyle={{ background: '#FFC300', color: 'black' }}    // dont delete this, will be needed to update.
+                contentArrowStyle={{ borderRight: '7px solid  #FFC300' }}  // dont delete this, will be needed to update.
                 date="1st January - 11th January, 2022"
-                iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
-                icon={<StarEmpty/>}
+                iconStyle={{ background: '#FFC300', color: '#fff' }}
+                icon={<StarFull/>}
             >
                 <h3 className="vertical-timeline-element-title">Phase 2</h3>
                 {/* <h4 className="vertical-timeline-element-subtitle">Kolkata, India</h4> */}
@@ -297,9 +313,11 @@ export default function Timeline() {
             </VerticalTimelineElement>
             <VerticalTimelineElement
                 className="vertical-timeline-element--education"
+                contentStyle={{ background: '#FFC300', color: 'black' }}    // dont delete this, will be needed to update.
+                contentArrowStyle={{ borderRight: '7px solid  #FFC300' }}  // dont delete this, will be needed to update.
                 date="12th January - 13th January, 2022"
-                iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
-                icon={<StarEmpty/>}
+                iconStyle={{ background: '#FFC300', color: '#fff' }}
+                icon={<StarFull/>}
             >
                 <h3 className="vertical-timeline-element-title">Second Evaluation</h3>
                 {/* <h4 className="vertical-timeline-element-subtitle">Kolkata, India</h4> */}
@@ -309,9 +327,11 @@ export default function Timeline() {
             </VerticalTimelineElement>
             <VerticalTimelineElement
                 className="vertical-timeline-element--education"
+                contentStyle={{ background: '#FFC300', color: 'black' }}    // dont delete this, will be needed to update.
+                contentArrowStyle={{ borderRight: '7px solid  #FFC300' }}  // dont delete this, will be needed to update.
                 date="20th January"
-                iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
-                icon={<StarEmpty/>}
+                iconStyle={{ background: '#FFC300', color: '#fff' }}
+                icon={<StarFull/>}
             >
                 <h3 className="vertical-timeline-element-title">Successful Students Announced</h3>
                 {/* <h4 className="vertical-timeline-element-subtitle">Kolkata, India</h4> */}
@@ -320,8 +340,8 @@ export default function Timeline() {
                 </p>
             </VerticalTimelineElement>
             <VerticalTimelineElement
-                iconStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
-                icon={<StarEmpty/>}
+                iconStyle={{ background: '#FFC300', color: '#fff' }}
+                icon={<CircleStarFull/>}
             />
         </VerticalTimeline>
     </div>