diff --git a/calendar_frontend/src/components/HolidayList/NoEvent/NoEvent.css b/calendar_frontend/src/components/HolidayList/NoEvent/NoEvent.css
new file mode 100644
index 00000000..577eaa62
--- /dev/null
+++ b/calendar_frontend/src/components/HolidayList/NoEvent/NoEvent.css
@@ -0,0 +1,185 @@
+
+/***** basic styles ******/
+.Frame8888 {
+  position: absolute;
+  left: 268px;
+  top: 106px;
+  width: 1172px;
+  height: 905px;
+}
+.Group1640 {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 1172px;
+  height: 905px;
+}
+.Rectangle1905 {
+  position: absolute;
+  left: 0px;
+  top: 71px;
+  width: 1156px;
+  height: 834px;
+  background-color: #f6f6f6;
+}
+.Frame8886 {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 1172px;
+  height: 71px;
+  background-color: #e1fdf4;
+}
+.Group1320 {
+  position: absolute;
+  left: 16px;
+  top: 24px;
+  width: 183px;
+  height: 23px;
+}
+.dashiconsarrowrightalt2 {
+  position: absolute;
+  left: 183px;
+  top: 2px;
+  width: 18.000003814697266px;
+  height: 18px;
+}
+.PrimaryDefaultstate {
+  position: absolute;
+  left: 1020px;
+  top: 12px;
+  width: 8.96%;
+  height: 67.61%;
+}
+.Frame8891 {
+  position: absolute;
+  left: 19px;
+  top: 488px;
+  width: 1105px;
+  height: 115px;
+  background-color: #ffffff;
+}
+.Group1314 {
+  position: absolute;
+  left: 24px;
+  top: 24px;
+  width: 192px;
+  height: 67px;
+}
+.Group1313 {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 192px;
+  height: 67px;
+}
+.Group1660 {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 192px;
+  height: 67px;
+}
+.Group1659 {
+  position: absolute;
+  left: 1045px;
+  top: 24px;
+  width: 44px;
+  height: 18px;
+}
+.Rectangle534 {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 8px;
+  height: 115px;
+  background-color: #b8003c;
+}
+.Frame8892 {
+  position: absolute;
+  left: 19px;
+  top: 609px;
+  width: 1105px;
+  height: 115px;
+  background-color: #ffffff;
+}
+.Group1314 {
+  position: absolute;
+  left: 24px;
+  top: 24px;
+  width: 190px;
+  height: 67px;
+}
+.Group1313 {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 190px;
+  height: 67px;
+}
+.Group1660 {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 190px;
+  height: 67px;
+}
+.Group1659 {
+  position: absolute;
+  left: 1045px;
+  top: 24px;
+  width: 44px;
+  height: 18px;
+}
+.Rectangle534 {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 8px;
+  height: 115px;
+  background-color: #b8003c;
+}
+.Frame8893 {
+  position: absolute;
+  left: 19px;
+  top: 730px;
+  width: 1105px;
+  height: 115px;
+  background-color: #ffffff;
+}
+.Group1314 {
+  position: absolute;
+  left: 24px;
+  top: 24px;
+  width: 174px;
+  height: 67px;
+}
+.Group1313 {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 174px;
+  height: 67px;
+}
+.Group1660 {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 174px;
+  height: 67px;
+}
+.Group1659 {
+  position: absolute;
+  left: 1045px;
+  top: 24px;
+  width: 44px;
+  height: 18px;
+}
+.Rectangle534 {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 8px;
+  height: 115px;
+  background-color: #b8003c;
+}
\ No newline at end of file
diff --git a/calendar_frontend/src/components/HolidayList/NoEvent/NoEvent.js b/calendar_frontend/src/components/HolidayList/NoEvent/NoEvent.js
new file mode 100644
index 00000000..9cf77d43
--- /dev/null
+++ b/calendar_frontend/src/components/HolidayList/NoEvent/NoEvent.js
@@ -0,0 +1,99 @@
+import React from 'react'
+import SVGInline from 'react-svg-inline'
+import "./NoEvent.css";
+
+export default function CompanyHolidaymainviewNoeventsMynah () {
+  return (
+    <div className='Frame8888'>
+        <div className='Group1640'>
+          <div className='Rectangle1905' />
+          <div className='Frame8886'>
+            <div className='Group1320'>
+              <calendaractive />
+              <span>
+                November 2021
+              </span>
+              <div className='dashiconsarrowrightalt2'>
+                <SVGInline svg={'<svg/>'} />
+              </div>
+            </div>
+            <div className='PrimaryDefaultstate'>
+              <Frame9 />
+            </div>
+          </div>
+          <span>
+            Upcoming Holidays
+          </span>
+        </div>
+        <span>
+          No Holidays this month
+        </span>
+        <div className='Frame8891'>
+          <div className='Group1314'>
+            <div className='Group1313'>
+              <div className='Group1660'>
+                <span>
+                  Thursday 23 December
+                </span>
+                <span>
+                  All Day
+                </span>
+                <span>
+                  End of the Year Holiday
+                </span>
+              </div>
+            </div>
+          </div>
+          <div className='Group1659'>
+            <edit2active />
+            <trash2active />
+          </div>
+          <div className='Rectangle534' />
+        </div>
+        <div className='Frame8892'>
+          <div className='Group1314'>
+            <div className='Group1313'>
+              <div className='Group1660'>
+                <span>
+                  Saturday 25 December
+                </span>
+                <span>
+                  All Day
+                </span>
+                <span>
+                  Christmas Day
+                </span>
+              </div>
+            </div>
+          </div>
+          <div className='Group1659'>
+            <edit2active />
+            <trash2active />
+          </div>
+          <div className='Rectangle534' />
+        </div>
+        <div className='Frame8893'>
+          <div className='Group1314'>
+            <div className='Group1313'>
+              <div className='Group1660'>
+                <span>
+                  Sunday 26 December
+                </span>
+                <span>
+                  All Day
+                </span>
+                <span>
+                  Boxing Day
+                </span>
+              </div>
+            </div>
+          </div>
+          <div className='Group1659'>
+            <edit2active />
+            <trash2active />
+          </div>
+          <div className='Rectangle534' />
+        </div>
+      </div>
+  )
+}
\ No newline at end of file