| Server : LiteSpeed System : Linux in-mum-web984.main-hosting.eu 4.18.0-553.34.1.lve.el8.x86_64 #1 SMP Thu Jan 9 16:30:32 UTC 2025 x86_64 User : u689097916 ( 689097916) PHP Version : 8.0.30 Disable Function : NONE Directory : /home/u689097916/domains/sicthalassery.in/public_html/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us | SIC Thalasheri</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap');
body { font-family: 'Outfit', sans-serif; scroll-behavior: smooth; }
.glass-panel { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.3); }
.hero-bg { background: radial-gradient(circle at top right, #ecfdf5 0%, #f8fafc 100%); }
.drop-cap::first-letter {
font-size: 3.5rem;
font-weight: 900;
color: #064e3b; /* emerald-900 */
float: left;
line-height: 1;
padding-right: 0.75rem;
padding-top: 0.25rem;
}
</style>
</head>
<body class="hero-bg min-h-screen flex flex-col text-slate-700">
<nav class="max-w-7xl mx-auto w-full px-6 py-8 flex justify-between items-center">
<div class="flex items-center space-x-3">
<div class="w-10 h-10 bg-emerald-900 rounded-xl flex items-center justify-center text-white font-bold italic shadow-lg shadow-emerald-100">SIC</div>
<div>
<h1 class="font-bold text-emerald-950 text-lg leading-none">SIC THALASHERI</h1>
<p class="text-[10px] text-emerald-600 font-bold tracking-widest uppercase mt-1">Reg: KNR/CA/71/2022</p>
</div>
</div>
<div class="flex items-center space-x-6">
<a href="portal.html" class="text-xs font-bold text-emerald-800 hover:text-emerald-600 uppercase tracking-widest transition">Member Portal</a>
<a href="portal.html" class="bg-emerald-900 px-6 py-2.5 rounded-full text-xs font-bold text-white hover:bg-emerald-950 transition shadow-lg shadow-emerald-100">Login</a>
</div>
</nav>
<header class="py-16 px-6 text-center">
<span class="text-[10px] font-bold text-emerald-600 uppercase tracking-[0.4em] mb-4 block">Institutional Profile</span>
<h2 class="text-4xl md:text-5xl font-black text-slate-900 tracking-tight mb-4">Our History & Mission</h2>
<div class="w-20 h-1.5 bg-emerald-200 mx-auto rounded-full"></div>
</header>
<main class="flex-grow pb-24 px-6">
<div class="max-w-4xl mx-auto">
<div class="glass-panel p-8 md:p-16 rounded-[3rem] shadow-2xl shadow-emerald-50 space-y-8 leading-relaxed text-slate-600 md:text-lg">
<p class="drop-cap">
Established in 2022 and registered under the designation KNR/CA/71/2022, Samastha Islamic Center (SIC) Thalasheri stands as a beacon of spiritual and social leadership in the heart of Kerala. Our foundation is built upon the time-honored Sunni–Shafi‘i tradition, serving as a vital link between classical Islamic scholarship and the evolving needs of a modern community. We are guided by the legacy of the Panakkad Thangal family, whose lineage is synonymous with religious guidance, communal harmony, and educational foresight in the Malabar region.
</p>
<p>
At the core of our mission is the revitalization of the madrasa ecosystem. We believe that a strong educational foundation is the prerequisite for a self-reliant society; therefore, our efforts are heavily invested in strengthening primary and advanced Islamic learning centers. By integrating classical scholarship with contemporary management practices, we ensure that our students are not only well-versed in theology but also equipped with the critical thinking skills required to navigate the complexities of the 21st century.
</p>
<p>
The organization operates through a dynamic network of committees dedicated to specialized social welfare. Our Relief Cell provides a critical safety net for the marginalized, offering medical assistance and financial support to those in need, while our educational boards oversee the standard of instruction across regional institutions. This structured approach allows us to address community challenges with precision, ensuring that our resources—provided through the generous contributions of our members—are utilized where they are most impactful.
</p>
<p>
Youth empowerment remains a primary pillar of our institutional strategy. Through the Sunni National Islamic Centre (SNIC) and our student-focused movements, we provide a platform for young leaders to engage in cultural and interfaith dialogue. By fostering an environment of active participation, we encourage our youth to uphold the values of the Sunni–Shafi‘i tradition while contributing positively to the broader socio-cultural fabric of India, promoting a message of peace, empowerment, and intellectual growth.
</p>
<p>
Looking toward the future, SIC Thalasheri remains committed to infrastructure development and digital transformation. This member portal is a testament to our dedication to transparency and professional management, allowing our community to stay connected and contribute to our collective vision seamlessly. We invite all members to join us in this journey of faith and service as we continue to build a legacy of empowerment that will benefit generations to come in Thalasheri and beyond.
</p>
</div>
</div>
</main>
<footer class="bg-white border-t border-slate-100 py-16 px-6">
<div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-start gap-12">
<div class="max-w-sm">
<h5 class="text-emerald-900 font-black tracking-tight text-xl mb-4">SIC THALASHERI</h5>
<p class="text-slate-400 text-sm leading-relaxed mb-6">
Dedicated to social welfare, educational excellence, and the preservation of Sunni–Shafi‘i scholarship in Malabar.
</p>
<div class="flex space-x-4">
<div class="w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center text-slate-400">f</div>
<div class="w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center text-slate-400">ig</div>
<div class="w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center text-slate-400">yt</div>
</div>
</div>
<div class="grid grid-cols-2 gap-16">
<div>
<h6 class="text-[10px] font-bold text-slate-900 uppercase tracking-widest mb-6">Explore</h6>
<ul class="text-slate-500 text-xs space-y-4 font-semibold uppercase tracking-widest">
<li><a href="about.html" class="hover:text-emerald-700">About</a></li>
<li><a href="portal.html" class="hover:text-emerald-700">Portal</a></li>
<li><a href="#" class="hover:text-emerald-700">Events</a></li>
</ul>
</div>
<div>
<h6 class="text-[10px] font-bold text-slate-900 uppercase tracking-widest mb-6">Support</h6>
<ul class="text-slate-500 text-xs space-y-4 font-semibold uppercase tracking-widest">
<li><a href="#" class="hover:text-emerald-700">Privacy</a></li>
<li><a href="#" class="hover:text-emerald-700">Terms</a></li>
<li><a href="mailto:info@sicthalasheri.org" class="hover:text-emerald-700">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="max-w-7xl mx-auto mt-16 pt-8 border-t border-slate-50 flex flex-col md:flex-row justify-between items-center text-[10px] font-bold text-slate-300 uppercase tracking-widest">
<p>© 2026 SIC Thalasheri</p>
<p>Registration No: KNR/CA/71/2022</p>
</div>
</footer>
</body>
</html>