Scribd
Upload
5 views10 pages

Rotaract Club Work Plan September 2025

The document outlines the September 2025 work plan for the Mountains of the Moon University Rotaract Club, focusing on basic education and literacy. It includes a detailed calendar of activities such as club meetings, community service projects, and fundraising events throughout the month. Additionally, it features a legend for activity types and statistics on planned activities and community projects.

Uploaded by

amanyirebrianabwooli
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
5 views10 pages

Rotaract Club Work Plan September 2025

The document outlines the September 2025 work plan for the Mountains of the Moon University Rotaract Club, focusing on basic education and literacy. It includes a detailed calendar of activities such as club meetings, community service projects, and fundraising events throughout the month. Additionally, it features a legend for activity types and statistics on planned activities and community projects.

Uploaded by

amanyirebrianabwooli
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<!

DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mountains of the Moon University Rotaract Club - September 2025</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

```
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
padding: 20px;
}

.header {
text-align: center;
color: white;
margin-bottom: 30px;
animation: fadeInDown 1s ease-out;
}

.header h1 {
font-size: 2.5em;
margin-bottom: 10px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.header h2 {
font-size: 1.8em;
margin-bottom: 5px;
}

.header p {
font-size: 1.2em;
opacity: 0.9;
}

.calendar-container {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 30px;
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
max-width: 1400px;
margin: 0 auto;
animation: fadeInUp 1s ease-out;
}

.calendar-grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 15px;
margin-bottom: 30px;
}

.day-header {
background: linear-gradient(135deg, #ff6b6b, #ee5a24);
color: white;
padding: 15px;
text-align: center;
font-weight: bold;
border-radius: 10px;
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: 1px;
}

.day-cell {
min-height: 200px;
border: 2px solid #e0e0e0;
border-radius: 15px;
padding: 10px;
position: relative;
transition: all 0.3s ease;
background: white;
}

.day-cell:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
border-color: #667eea;
}

.day-number {
font-size: 1.2em;
font-weight: bold;
color: #333;
margin-bottom: 8px;
}

.activity {
background: linear-gradient(135deg, #667eea, #764ba2);
color: white;
padding: 8px;
margin: 4px 0;
border-radius: 8px;
font-size: 0.85em;
line-height: 1.3;
cursor: pointer;
transition: all 0.3s ease;
}

.activity:hover {
transform: scale(1.02);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.club-meeting {
background: linear-gradient(135deg, #ff6b6b, #ee5a24);
}
.rest-day {
background: linear-gradient(135deg, #95e1d3, #74b9ff);
}

.community-service {
background: linear-gradient(135deg, #55a3ff, #003d82);
}

.fellowship {
background: linear-gradient(135deg, #ffeaa7, #fdcb6e);
color: #333;
}

.pld-session {
background: linear-gradient(135deg, #fd79a8, #e84393);
}

.fundraising {
background: linear-gradient(135deg, #00b894, #00cec9);
}

.mental-health {
background: linear-gradient(135deg, #a29bfe, #6c5ce7);
}

.legend {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
margin-top: 30px;
}

.legend-item {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 15px;
background: rgba(255,255,255,0.9);
border-radius: 25px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
transition: all 0.3s ease;
}

.legend-item:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.legend-color {
width: 20px;
height: 20px;
border-radius: 50%;
}

.stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-top: 30px;
}

.stat-card {
background: linear-gradient(135deg, #667eea, #764ba2);
color: white;
padding: 20px;
border-radius: 15px;
text-align: center;
transition: all 0.3s ease;
}

.stat-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);
}

.stat-number {
font-size: 2.5em;
font-weight: bold;
margin-bottom: 10px;
}

.stat-label {
font-size: 1.1em;
opacity: 0.9;
}

@keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

@media (max-width: 768px) {


.calendar-grid {
grid-template-columns: 1fr;
}

.header h1 {
font-size: 2em;
}
.header h2 {
font-size: 1.5em;
}

.calendar-container {
padding: 20px;
}
}
</style>
```

</head>
<body>
<div class="header">
<h1>🎓 Mountains of the Moon University</h1>
<h2>Rotaract Club Monthly Work Plan</h2>
<p>September 2025 - Basic Education and Literacy Focus</p>
</div>

```
<div class="calendar-container">
<div class="calendar-grid">
<!-- Day Headers -->
<div class="day-header">Monday</div>
<div class="day-header">Tuesday</div>
<div class="day-header">Wednesday</div>
<div class="day-header">Thursday</div>
<div class="day-header">Friday</div>
<div class="day-header">Saturday</div>
<div class="day-header">Sunday</div>

<!-- Week 1 -->


<div class="day-cell">
<div class="day-number">1</div>
<div class="activity club-meeting">📋 Club Meeting Day</div>
<div class="activity">Weekly Planning Session</div>
<div class="activity">Committee Assignments</div>
</div>

<div class="day-cell">
<div class="day-number">2</div>
<div class="activity rest-day">😌 Fellowship</div>
<div class="activity rest-day">Club Social Time</div>
</div>

<div class="day-cell">
<div class="day-number">3</div>
<div class="activity pld-session">🎤 PLD Session Prep</div>
<div class="activity">Public Speaking Workshop</div>
</div>

<div class="day-cell">
<div class="day-number">4</div>
<div class="activity fellowship">🤝 Fellowship Planning</div>
<div class="activity">Event Coordination</div>
</div>

<div class="day-cell">
<div class="day-number">5</div>
<div class="activity">🧠 Quiz Setup</div>
<div class="activity">Technical Preparation</div>
</div>

<div class="day-cell">
<div class="day-number">6</div>
<div class="activity">🏆 Online Cluster Quiz</div>
<div class="activity">Inter-club Competition</div>
</div>

<div class="day-cell">
<div class="day-number">7</div>
<div class="activity">📊 Project Evaluation</div>
<div class="activity">Report Preparation</div>
</div>

<!-- Week 2 -->


<div class="day-cell">
<div class="day-number">8</div>
<div class="activity club-meeting">📋 Club Meeting</div>
<div class="activity">Joint Mentorship Series</div>
</div>

<div class="day-cell">
<div class="day-number">9</div>
<div class="activity rest-day">😌 Rest Day</div>
</div>

<div class="day-cell">
<div class="day-number">10</div>
<div class="activity fundraising">💝 Fundraiser Prep</div>
<div class="activity">Mana Rescue Home</div>
</div>

<div class="day-cell">
<div class="day-number">11</div>
<div class="activity mental-health">🧠 Mental Health Campaign</div>
<div class="activity">RAC MMU Partnership</div>
</div>

<div class="day-cell">
<div class="day-number">12</div>
<div class="activity community-service">🌟 Community Outreach</div>
<div class="activity">Planning Session</div>
</div>

<div class="day-cell">
<div class="day-number">13</div>
<div class="activity fundraising">💰 Mini Fundraiser</div>
<div class="activity">Community Engagement</div>
</div>

<div class="day-cell">
<div class="day-number">14</div>
<div class="activity pld-session">📈 PLD Evaluation</div>
<div class="activity">Feedback Collection</div>
</div>
<!-- Week 3 -->
<div class="day-cell">
<div class="day-number">15</div>
<div class="activity club-meeting">📋 Club Meeting</div>
<div class="activity">Project Review</div>
</div>

<div class="day-cell">
<div class="day-number">16</div>
<div class="activity rest-day">😌 Rest Day</div>
</div>

<div class="day-cell">
<div class="day-number">17</div>
<div class="activity mental-health">🧠 Mental Health</div>
<div class="activity mental-health">Awareness Campaign</div>
</div>

<div class="day-cell">
<div class="day-number">18</div>
<div class="activity fellowship">🤝 Fellowship Coord</div>
<div class="activity">RC Fortportal Planning</div>
</div>

<div class="day-cell">
<div class="day-number">19</div>
<div class="activity community-service"> Service Prep</div>
<div class="activity">Logistics Planning</div>
</div>

<div class="day-cell">
<div class="day-number">20</div>
<div class="activity fellowship">🏠 Guest House Setup</div>
<div class="activity">Hospitality Prep</div>
</div>

<div class="day-cell">
<div class="day-number">21</div>
<div class="activity fellowship">🎉 Fellowship Event</div>
<div class="activity">Cultural Exchange</div>
</div>

<!-- Week 4 -->


<div class="day-cell">
<div class="day-number">22</div>
<div class="activity club-meeting">📋 Club Meeting</div>
<div class="activity">Monthly Progress Review</div>
</div>

<div class="day-cell">
<div class="day-number">23</div>
<div class="activity rest-day">😌 Rest Day</div>
</div>

<div class="day-cell">
<div class="day-number">24</div>
<div class="activity fellowship">🤝 RC Fortportal</div>
<div class="activity">REI Caravan Collaboration</div>
</div>
<div class="day-cell">
<div class="day-number">25</div>
<div class="activity community-service">🏠 Fellowship takeover</div>
<div class="activity community-service">RC Fortportal and REI
Caravan</div>
</div>

<div class="day-cell">
<div class="day-number">26</div>
<div class="activity">📚 Educational Materials</div>
<div class="activity">Literacy Resources</div>
</div>

<div class="day-cell">
<div class="day-number">27</div>
<div class="activity community-service">🏠 Mana Rescue Home</div>
<div class="activity community-service">Visit & Support</div>
</div>

<div class="day-cell">
<div class="day-number">28</div>
<div class="activity community-service">👶 Tooro Babies Home</div>
<div class="activity community-service">Visit with RAC Mbarara</div>
</div>

<!-- Week 5 -->


<div class="day-cell">
<div class="day-number">29</div>
<div class="activity club-meeting">📋 Club Meeting</div>
<div class="activity">Month-End Evaluation</div>
</div>

<div class="day-cell">
<div class="day-number">30</div>
<div class="activity fellowship">🎯 Fellowship reports</div>
<div class="activity fellowship">and guest speaker</div>
</div>

<div class="day-cell" style="opacity: 0.3;">


<div class="day-number">Oct 1</div>
</div>

<div class="day-cell" style="opacity: 0.3;">


<div class="day-number">Oct 2</div>
</div>

<div class="day-cell" style="opacity: 0.3;">


<div class="day-number">Oct 3</div>
</div>

<div class="day-cell" style="opacity: 0.3;">


<div class="day-number">Oct 4</div>
</div>

<div class="day-cell" style="opacity: 0.3;">


<div class="day-number">Oct 5</div>
</div>
</div>
<div class="legend">
<div class="legend-item">
<div class="legend-color club-meeting"></div>
<span>Club Meetings (Mondays)</span>
</div>
<div class="legend-item">
<div class="legend-color rest-day"></div>
<span>Fellowship & Rest Days</span>
</div>
<div class="legend-item">
<div class="legend-color community-service"></div>
<span>Community Service</span>
</div>
<div class="legend-item">
<div class="legend-color pld-session"></div>
<span>Professional Development</span>
</div>
<div class="legend-item">
<div class="legend-color fundraising"></div>
<span>Fundraising Activities</span>
</div>
<div class="legend-item">
<div class="legend-color mental-health"></div>
<span>Mental Health Campaign</span>
</div>
</div>

<div class="stats">
<div class="stat-card">
<div class="stat-number">20+</div>
<div class="stat-label">Planned Activities</div>
</div>
<div class="stat-card">
<div class="stat-number">5</div>
<div class="stat-label">Community Projects</div>
</div>
<div class="stat-card">
<div class="stat-number">4</div>
<div class="stat-label">Club Partnerships</div>
</div>
<div class="stat-card">
<div class="stat-number">200+</div>
<div class="stat-label">Expected Beneficiaries</div>
</div>
</div>
</div>

<script>
// Add interactive hover effects
[Link]('.activity').forEach(activity => {
[Link]('click', function() {
[Link] = 'scale(1.05)';
setTimeout(() => {
[Link] = 'scale(1)';
}, 200);
});
});
// Add fade-in animation on scroll
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -100px 0px'
};

const observer = new IntersectionObserver((entries) => {


[Link](entry => {
if ([Link]) {
[Link] = '1';
[Link] = 'translateY(0)';
}
});
}, observerOptions);

[Link]('.day-cell').forEach(cell => {
[Link] = '0';
[Link] = 'translateY(30px)';
[Link] = 'all 0.6s ease';
[Link](cell);
});
</script>
```

</body>
</html>

You might also like