From daf7d2ee56faffbd4939b3b38deec9ac8422ef0e Mon Sep 17 00:00:00 2001
From: "Aarav Juneja (He/Him)" <aarav.juneja@ais.amity.edu>
Date: Mon, 26 Feb 2024 22:08:59 +0530
Subject: [PATCH] affiliates

---
 affliates.html  | 87 +++++++++++++++++++++++++++++++++++++++++++++----
 committees.html |  1 -
 css/style.css   | 32 ++++++++++++++++++
 3 files changed, 112 insertions(+), 8 deletions(-)

diff --git a/affliates.html b/affliates.html
index 36408c9..25b42e7 100644
--- a/affliates.html
+++ b/affliates.html
@@ -96,14 +96,87 @@ <h3>Join India MUN for ???</h3>
     <img src="/images/logos.png" style="width: 100%;">
 </div>
 
-    <br><br>
+<div class="committees">
+    <h1>Affiliation Benefits</h1>
+    <br>
+    <br>
+    <div class="affliateContainer hidden">
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Affiliation Certificate:</b><br><br>India MUN Affiliation certificate is a prestigious recognition and serves as a testament to your commitment towards climate action.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Access to Support and Resources:</b>:<br><br>Affiliated schools gain access to dedicated administrative support and curated learning content to host India MUNx at your school along with access to educational resources related to climate change and sustainability.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Enhanced Reputation:</b><br><br>Affiliation with IndiaMUN enhances the school's reputation and demonstrates its dedication to holistic education, climate action and responsible citizenship.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Accreditation:</b>Accreditation with Global Schools for Climate Action(GSCA) recognizes India’s Top schools leading climate action. Based on your performance score, your school is awarded a silver, gold or platinum rating.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Greater Student Engagement:</b>IndiaMUN provides a unique platform for students to actively participate in climate action initiatives, fostering student engagement, promoting leadership skills, and encouraging a sense of responsibility.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Networking and Collaborations:</b>Affiliation with IndiaMUN opens doors for networking and collaborations with esteemed institutions, policymakers, and corporate leaders in the field of climate action.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Enhanced Educational Support:</b>Collaborating with higher education institutions provides schools access to research materials, academic expertise, and specialized facilities, enriching the quality of education and teaching materials available to students.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Resume Opportunities:</b>IndiaMUN provides students access to international projects and fellowships, enabling them to develop real-world skills, gain exposure to diverse perspectives, and stand out in college application and future career endeavors.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Global Exposure:</b>Affiliation with IndiaMUN connects your school to a global network of schools, youth activists and change-makers working with United Nations’ Decade of Climate Action and Ecosystem Restoration. Students gain the opportunity to participate in international conferences, interact with students from different countries, and contribute to global discussions on climate change and sustainability.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Recognition and Awards:</b>IndiaMUN recognizes and awards affiliated schools for their outstanding contributions to climate action and environmental conservation. This recognition boosts the school's profile and highlights their commitment to sustainable practices.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Professional Development for Educators:</b>Networking with higher education experts offers educators opportunities for professional growth, such as attending workshops, conferences, and training programs. This enables them to stay current with educational innovations and teaching methodologies.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Career Pathways, Internships and Experiential Learning:</b>Collaboration with industry leaders and corporates enables schools to establish clear career pathways for students. This includes internships, apprenticeships, and mentorship programs that guide students toward successful careers. This real-world experience helps students bridge the gap between theory and practice.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Industry-Relevant Skills:</b>Partnering with industry brings industry-specific knowledge and expertise into the classroom. This equips students with practical, job-ready skills that enhance their employability.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Global Perspective:</b>Collaboration with United Nations bodies and international organizations broadens the global perspective of both students and educators. It exposes them to international issues, cross-cultural experiences, and global opportunities.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Community Impact:</b>Schools engaged with United Nations bodies can extend their reach to address pressing global challenges within their local communities. This engagement empowers students to become active contributors to global solutions at the grassroots level.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Innovative Teaching:</b>Networking and collaboration foster an environment of innovation in teaching. Schools can adopt new teaching methods, technologies, and interdisciplinary approaches that enhance the learning experience.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Inter-school Resource Sharing:</b>Schools can share educational resources, lesson plans, and best practices with their partners, leading to resource efficiency and cost savings. This is especially valuable for schools with limited budgets.</h1>
+        </div>
+        <div class="cardAffliate hidden">
+            <img class="hidden" src="/images/?" alt="">
+            <h1 class="hidden"><b style="font-weight: 700;">Peer Learning:</b>Collaboration encourages schools to learn from one another, exchanging insights, challenges, and successful strategies. This peer learning community can drive continuous improvement and excellence in education.</h1>
+        </div>
+    </div>
+</div>
 
-    <!--<div class="images">
-        <img src="/images/tree.jpg">
-        <img src="/images/tree.jpg">
-        <img src="/images/tree.jpg">
-        <img src="/images/tree.jpg">
-    </div>-->
+    <br><br>
 
 </div>
 
diff --git a/committees.html b/committees.html
index e328bd2..13ae6fc 100644
--- a/committees.html
+++ b/committees.html
@@ -91,7 +91,6 @@ <h1 class="hidden"><b style="font-weight: 700;">AGENDA</b>: Women's Participatio
         <div class="cardCommittee hidden">
             <img class="hidden" src="/images/AIPPM.png" alt="">
             <h1 class="hidden"><b style="font-weight: 700;">AGENDA</b>: Environmental Sustainability</h1>
-        
         </div>
     </div>
 <br><br><br>
diff --git a/css/style.css b/css/style.css
index b4d340f..c7be838 100644
--- a/css/style.css
+++ b/css/style.css
@@ -992,4 +992,36 @@ svg {
   font-size: 3.5em;
   color: #000;
   text-align: center;
+}
+
+.affliateContainer {
+  width: 90%;
+  height: 80%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 2vw;
+}
+
+.cardAffliate {
+  width: fit-content;
+  height: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 1vw;
+}
+
+.cardAffliate > img {
+  width: 25vw;
+  border-radius: 10px;
+}
+
+.cardAffliate > h1 {
+  width: 25vw;
+  text-align: center;
+  color: #fff;
 }
\ No newline at end of file