diff --git a/static/css/main.css b/static/css/main.css
index d7fad00..61c43d1 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -13781,6 +13781,26 @@ temporary rendered events).
 
 /* Global Event Styles
 --------------------------------------------------------------------------------------------------*/
+
+.special-code-0 {
+  background-color: #E74C3C; /* Red */
+}
+.special-code-1 {
+  background-color: #3498DB; /* Blue */
+}
+.special-code-2 {
+  background-color: #27AE60; /* Green */
+}
+.special-code-3 {
+  background-color: #F1C40F; /* Yellow */
+}
+.special-code-4 {
+  background-color: #9B59B6; /* Purple */
+}
+.special-code-5 {
+  background-color: #E67E22; /* Orange */
+}
+
 .fc-event {
   position: relative;
   /* for resize handle and other inner positioning */
@@ -13791,7 +13811,7 @@ temporary rendered events).
   line-height: 1.3;
   border-radius: 3px;
   border: 1px solid #009688;
-  background-color: #009688;
+  /*background-color: #009688;*/
   font-weight: normal;
   /* undo jqui's ui-widget-header bold */
   margin-bottom: 5px;
diff --git a/templates/calendarapp/calendar.html b/templates/calendarapp/calendar.html
index 612953e..b1eaf4c 100644
--- a/templates/calendarapp/calendar.html
+++ b/templates/calendarapp/calendar.html
@@ -25,7 +25,7 @@ <h1><i class="fa fa-calendar"></i> Calendar</h1>
                 <div id="external-events" style="max-height: 700px; overflow-y: auto;">
                     <h4 class="mb-4">Running Events</h4>
                         {% for event in events_month %}
-                        <div class="fc-event" id="event-{{ event.id }}" data-special-code="{{ event.special_event_code }}" title="{{ event.title }}" description="{{ event.description }}">
+                        <div class="fc-event special-code-{{event.special_event_code}}" id="event-{{ event.id }}" data-special-code="{{ event.special_event_code }}" title="{{ event.title }}" description="{{ event.description }}">
                             <h3>{{ event.title }}</h3>
                             <p>From: {{ event.start_time }}</p>
                             <p>To: {{ event.end_time }}</p>
@@ -210,16 +210,19 @@ <h5 class="modal-title text-white" id="exampleModalLongTitle">Add New Event</h5>
                             break;
                         case 2:
                             // Your logic for specialCode Job Interview
+                            window.open('https://mockmate.com/', '_blank');
                             break;
                         case 3:
                             // Your logic for specialCode Networking
+                            window.open('https://www.wonsulting.ai/networkai', '_blank');
                             break;
                         case 4:
                             // Your logic for specialCode Job Finding
+                            window.open('https://www.google.com/search?q=site%3Ahttps%3A%2F%2Fwww.linkedin.com%2Fjobs%2Fview%2F+software+developer+%22Visa+sponsorship+available%22&rlz=1C1VDKB_enUS1040US1040&oq=site%3Ahttps%3A%2F%2Fwww.linkedin.com%2Fjobs%2Fview%2F+software+developer+%22Visa+sponsorship+available%22&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIGCAEQRRg60gEIMTAxNmowajGoAgCwAgA&sourceid=chrome&ie=UTF-8', '_blank');
                             break;
                         case 5:
                             // Your logic for specialCode Resume improvement
-                            window.location.href = 'https://resumeworded.com/'
+                            window.open('https://resumeworded.com/', '_blank');
                             break;
                         default:
                             // Your logic for an undefined or different specialCode