{"id":139,"date":"2025-12-19T17:01:38","date_gmt":"2025-12-19T17:01:38","guid":{"rendered":"https:\/\/fsc.jfn.ac.lk\/?page_id=139"},"modified":"2026-05-28T06:27:29","modified_gmt":"2026-05-28T06:27:29","slug":"home","status":"publish","type":"page","link":"https:\/\/fsc.jfn.ac.lk\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"139\" class=\"elementor elementor-139\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b930f8 e-con-full e-flex e-con e-parent\" data-id=\"8b930f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09f9168 elementor-widget elementor-widget-html\" data-id=\"09f9168\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================================\r\n     UNIVERSITY OF JAFFNA - DEPARTMENT OF FISHERIES SCIENCE BANNER\r\n     Designed specifically for WordPress Elementor HTML Widget.\r\n     Reduced height (min-h-[400px]) and increased title font sizes.\r\n     ========================================================================= -->\r\n\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    \r\n    <!-- Premium Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- FontAwesome Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <!-- Tailwind CSS Engine -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        academicBlue: '#002d62', \/\/ Deep Academic Blue theme\r\n                        brandBlue: '#0d6efd',    \/\/ Vibrant ocean blue\r\n                        brandGold: '#e9c46a',    \/\/ Academic Warm Gold Accent\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                        serif: ['Playfair Display', 'serif'],\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n<\/head>\r\n<body class=\"font-sans antialiased bg-transparent flex flex-col\">\r\n\r\n    <!-- Compact Banner Section: Decreased height, optimized vertical padding -->\r\n    <section class=\"relative w-full bg-cover bg-center min-h-[400px] flex items-center py-12 md:py-16\" style=\"background-image: url('image_bec7cf.jpg');\">\r\n        \r\n        <!-- Smooth Dark Blue Gradient Overlay: Solid on the left, clear on the right to reveal the archway -->\r\n        <div class=\"absolute inset-0 bg-gradient-to-r from-academicBlue via-academicBlue\/95 md:via-academicBlue\/90 to-transparent\"><\/div>\r\n        \r\n        <!-- Content Container -->\r\n        <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full z-10\">\r\n            <div class=\"max-w-[850px]\">\r\n                \r\n                <!-- Increased Font Size: Exactly matching the 54px target tracking-tight leading -->\r\n                <h1 class=\"text-4xl md:text-5xl lg:text-[54px] font-bold text-white leading-tight mb-5 tracking-tight font-serif\">\r\n                    Welcome to the Department <br>\r\n                    <span class=\"text-brandGold\">of  Fisheries<\/span>\r\n                <\/h1>\r\n                \r\n                <!-- Subtitle Font Size: Perfectly aligned with the [17px] format -->\r\n                <p class=\"text-base md:text-[17px] text-slate-200 mb-8 leading-relaxed max-w-[700px] font-normal\">\r\n                    Welcome to the Department of Fisheries Science, University of Jaffna. We are committed to excellence in teaching, innovative research, and active community engagement for the sustainable management of aquatic resources.\r\n                <\/p>\r\n                \r\n                <!-- Action Buttons: Modern, responsive layout with icons -->\r\n                <div class=\"flex flex-wrap gap-4\">\r\n                    <a href=\"#about\" class=\"inline-flex items-center justify-center gap-2.5 px-6 py-3 border border-white\/70 text-white text-[15px] font-semibold rounded-lg hover:bg-white\/10 transition\">\r\n                        <i class=\"fa-solid fa-circle-info text-[16px]\"><\/i> About the Department\r\n                    <\/a>\r\n                    \r\n                    <a href=\"#academics\" class=\"inline-flex items-center justify-center gap-2.5 px-6 py-3 bg-brandBlue border border-brandBlue text-white text-[15px] font-semibold rounded-lg hover:bg-blue-600 transition shadow-[0_4px_14px_0_rgba(13,110,253,0.39)]\">\r\n                        <i class=\"fa-solid fa-graduation-cap text-[16px]\"><\/i> Our Programs\r\n                    <\/a>\r\n                    \r\n                    <a href=\"#contact\" class=\"inline-flex items-center justify-center gap-2.5 px-6 py-3 border border-white\/70 bg-slate-900\/40 backdrop-blur-sm text-white text-[15px] font-semibold rounded-lg hover:bg-white\/10 transition\">\r\n                        <i class=\"fa-solid fa-envelope text-[16px]\"><\/i> Contact Us\r\n                    <\/a>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f72195 e-con-full e-flex e-con e-parent\" data-id=\"5f72195\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-36060b9 e-con-full e-flex e-con e-child\" data-id=\"36060b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bbc2c1b e-con-full e-flex e-con e-child\" data-id=\"bbc2c1b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-30fe7f5 e-con-full e-flex e-con e-child\" data-id=\"30fe7f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f84d166 elementor-widget elementor-widget-image\" data-id=\"f84d166\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/MZBFbLrM\/IMG-0145-Copy.jpg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Dr. (Mrs). S. Sathyaruban (Head of the Department)<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e12f82d e-con-full e-flex e-con e-child\" data-id=\"e12f82d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1fcd86 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"a1fcd86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1><span style=\"color: #000080; font-size: 15px;\">From the Head&#8217;s Desk<\/span><\/h1>\n<h1><span style=\"color: #000080; font-size: 15px;\">&nbsp;<\/span><\/h1>\n<p data-start=\"0\" data-end=\"377\">Welcome to the Department of Fisheries, Faculty of Science, University of Jaffna. The department is a centre for teaching, research, and training in Fisheries Science and Aquatic Resource Management in Sri Lanka. Located in the Northern coastal region, it is closely connected to rich marine, lagoon, and coastal ecosystems that support both biodiversity and local livelihoods.<\/p><p data-start=\"0\" data-end=\"377\"><br><\/p>\n<p data-start=\"0\" data-end=\"377\">\n<\/p><p data-start=\"0\" data-end=\"377\">\n<\/p><p data-start=\"379\" data-end=\"825\" data-is-last-node=\"\" data-is-only-node=\"\">Our programmes provide strong academic foundations, practical training, and analytical skills to address challenges in fisheries, aquaculture, marine conservation, and sustainable resource management. The department is actively engaged in research and community-focused activities that support sustainable fisheries development and the conservation of aquatic resources<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14a967f e-con-full e-flex e-con e-parent\" data-id=\"14a967f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-18d8704 e-con-full e-flex e-con e-child\" data-id=\"18d8704\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17ea558 elementor-widget elementor-widget-counter\" data-id=\"17ea558\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Years of Excellence<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"17\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a360f7e e-con-full e-flex e-con e-child\" data-id=\"a360f7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99b6233 elementor-widget elementor-widget-counter\" data-id=\"99b6233\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Academic years<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"12\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9300bbc e-con-full e-flex e-con e-child\" data-id=\"9300bbc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37eeca2 elementor-widget elementor-widget-counter\" data-id=\"37eeca2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Graduates<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"250\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63d2b24 e-con-full e-flex e-con e-child\" data-id=\"63d2b24\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f36b5fe elementor-widget elementor-widget-counter\" data-id=\"f36b5fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Research grants<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"25\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7640f23 e-con-full e-flex e-con e-child\" data-id=\"7640f23\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19140d1 elementor-widget elementor-widget-counter\" data-id=\"19140d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Publications<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"200\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1120ac0 e-con-full e-flex e-con e-parent\" data-id=\"1120ac0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-8705d9b e-con-full e-flex e-con e-child\" data-id=\"8705d9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84e3934 elementor-widget elementor-widget-html\" data-id=\"84e3934\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================================\r\n     UNIVERSITY OF JAFFNA - ACADEMIC PROGRAMS ELEMENTOR WIDGET (COMPACT)\r\n     Clean, compact, single-column layout suitable for small column\/sidebar.\r\n     No image, streamlined padding, left-aligned, and bold title typography.\r\n     ========================================================================= -->\r\n\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    \r\n    <!-- Premium Google Font -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- FontAwesome 6 Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <!-- Tailwind CSS Engine -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        navy: {\r\n                            900: '#002d62', \/\/ UoJ Deep Blue\r\n                            800: '#0a4275',\r\n                            50: '#f0f5fa',\r\n                        },\r\n                        brandBlue: '#1a56db',\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n<\/head>\r\n<body class=\"font-sans antialiased bg-transparent p-1\">\r\n\r\n    <!-- Compact Container: Left-aligned (ml-0 mr-auto) to fit beautifully on the left side of the Elementor column -->\r\n    <div class=\"max-w-md ml-0 mr-auto bg-white border border-slate-200\/80 rounded-xl p-5 shadow-sm\">\r\n        \r\n        <!-- Header: Scaled up font and icon size for a bold section title look -->\r\n        <div class=\"flex items-center space-x-4 mb-6\">\r\n            <div class=\"w-12 h-12 bg-navy-50 text-navy-900 rounded-xl flex items-center justify-center shadow-sm shrink-0\">\r\n                <i class=\"fa-solid fa-graduation-cap text-2xl\"><\/i>\r\n            <\/div>\r\n            <h2 class=\"text-2xl font-bold text-navy-900 tracking-tight\">\r\n                Academic Programs\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <!-- Program List Rows: Tighter gaps, clean padding and font-sizes -->\r\n        <div class=\"space-y-2.5 mb-5\">\r\n            \r\n            <!-- Program 1: B.Sc. -->\r\n            <div class=\"flex items-center space-x-3 p-3 bg-slate-50\/50 rounded-lg border border-slate-100 hover:border-brandBlue\/30 hover:bg-white hover:shadow-sm transition duration-200 group cursor-pointer\">\r\n                <div class=\"text-slate-400 group-hover:text-brandBlue transition duration-200 text-xs\">\r\n                    <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n                <\/div>\r\n                <div>\r\n                    <h3 class=\"font-semibold text-navy-900 text-[14px] group-hover:text-brandBlue transition duration-200 leading-snug\">\r\n                        B.Sc. (Hons) in Fisheries Science\r\n                    <\/h3>\r\n                    <p class=\"text-[11px] text-slate-500 mt-0.5\">Undergraduate Program<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Program 2: M.Phil. -->\r\n            <div class=\"flex items-center space-x-3 p-3 bg-slate-50\/50 rounded-lg border border-slate-100 hover:border-brandBlue\/30 hover:bg-white hover:shadow-sm transition duration-200 group cursor-pointer\">\r\n                <div class=\"text-slate-400 group-hover:text-brandBlue transition duration-200 text-xs\">\r\n                    <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n                <\/div>\r\n                <div>\r\n                    <h3 class=\"font-semibold text-navy-900 text-[14px] group-hover:text-brandBlue transition duration-200 leading-snug\">\r\n                        M.Phil. in Fisheries Science\r\n                    <\/h3>\r\n                    <p class=\"text-[11px] text-slate-500 mt-0.5\">Postgraduate Research Degree<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Program 3: Ph.D. -->\r\n            <div class=\"flex items-center space-x-3 p-3 bg-slate-50\/50 rounded-lg border border-slate-100 hover:border-brandBlue\/30 hover:bg-white hover:shadow-sm transition duration-200 group cursor-pointer\">\r\n                <div class=\"text-slate-400 group-hover:text-brandBlue transition duration-200 text-xs\">\r\n                    <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n                <\/div>\r\n                <div>\r\n                    <h3 class=\"font-semibold text-navy-900 text-[14px] group-hover:text-brandBlue transition duration-200 leading-snug\">\r\n                        Ph.D. in Fisheries Science\r\n                    <\/h3>\r\n                    <p class=\"text-[11px] text-slate-500 mt-0.5\">Doctoral Research Degree<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Program 4: Diploma & Certificate Courses -->\r\n            <div class=\"flex items-center space-x-3 p-3 bg-slate-50\/50 rounded-lg border border-slate-100 hover:border-brandBlue\/30 hover:bg-white hover:shadow-sm transition duration-200 group cursor-pointer\">\r\n                <div class=\"text-slate-400 group-hover:text-brandBlue transition duration-200 text-xs\">\r\n                    <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n                <\/div>\r\n                <div>\r\n                    <h3 class=\"font-semibold text-navy-900 text-[14px] group-hover:text-brandBlue transition duration-200 leading-snug\">\r\n                        Diploma & Certificate Courses\r\n                    <\/h3>\r\n                    <p class=\"text-[11px] text-slate-500 mt-0.5\">Short Courses & Training<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Global Action Button: Increased font size and optimized container alignment -->\r\n        <div>\r\n            <a href=\"#academics\" class=\"w-full inline-flex items-center justify-center px-4 py-3 bg-brandBlue text-white text-sm font-bold rounded-lg hover:bg-blue-700 transition duration-200 shadow-sm tracking-wide\">\r\n                View All Programs\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6304742 e-con-full e-flex e-con e-child\" data-id=\"6304742\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d48d9c2 elementor-widget elementor-widget-html\" data-id=\"d48d9c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================================\r\n     UNIVERSITY OF JAFFNA - FACILITIES & RESOURCES ELEMENTOR WIDGET\r\n     Clean, modern, responsive 4-column card layout matching image_bfc7cc.jpg.\r\n     Standard academic terms, high-quality contextual photos, and UoJ blue styling.\r\n     Proportionally adjusted to align perfectly next to the Academic Programs card.\r\n     ========================================================================= -->\r\n\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    \r\n    <!-- Premium Google Font -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- FontAwesome 6 Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <!-- Tailwind CSS Engine -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        navy: {\r\n                            900: '#002d62', \/\/ UoJ Deep Blue\r\n                            800: '#0a4275',\r\n                            50: '#f0f5fa',\r\n                        },\r\n                        brandBlue: '#1a56db',\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n<\/head>\r\n<body class=\"font-sans antialiased bg-transparent p-1\">\r\n\r\n    <!-- Fluid Container designed to fit cleanly inside an Elementor Section Column -->\r\n    <div class=\"w-full ml-0 mr-auto bg-transparent\">\r\n        \r\n        <!-- Header: Matching the bold title & icon sizes of your Academic Programs section -->\r\n        <div class=\"flex items-center space-x-4 mb-6\">\r\n            <div class=\"w-12 h-12 bg-navy-50 text-navy-900 rounded-xl flex items-center justify-center shadow-sm shrink-0\">\r\n                <i class=\"fa-solid fa-gears text-2xl\"><\/i>\r\n            <\/div>\r\n            <h2 class=\"text-2xl font-bold text-navy-900 tracking-tight\">\r\n                Facilities & Resources\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <!-- 4-Column Responsive Grid layout (optimized gap for better horizontal spacing) -->\r\n        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6\">\r\n            \r\n            <!-- Card 1: Experimental Laboratories -->\r\n            <div class=\"bg-white border border-slate-200\/80 rounded-xl overflow-hidden shadow-sm hover:shadow-md hover:border-brandBlue\/30 transition-all duration-300 group cursor-pointer flex flex-col justify-between\">\r\n                <div>\r\n                    <!-- Image Wrapper: Optimized compact height to align vertically with left column -->\r\n                    <div class=\"h-28 overflow-hidden relative bg-slate-100\">\r\n                        <img decoding=\"async\" \r\n                            src=\"https:\/\/images.unsplash.com\/photo-1576086213369-97a306d36557?auto=format&fit=crop&q=80&w=400\" \r\n                            alt=\"Experimental Laboratories\" \r\n                            class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\"\r\n                            onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&q=80&w=400';\"\r\n                        \/>\r\n                    <\/div>\r\n                    <!-- Text Area: Clean typography hierarchy -->\r\n                    <div class=\"p-4\">\r\n                        <h3 class=\"font-bold text-navy-900 text-[14px] mb-1 group-hover:text-brandBlue transition-colors duration-200 leading-snug\">\r\n                            Experimental Laboratories\r\n                        <\/h3>\r\n                        <p class=\"text-[11px] text-slate-500 leading-relaxed\">\r\n                            Dedicated student workspaces supporting practical  and experimental work.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 2: Ornamental Aquaculture & Wet Laboratory -->\r\n            <div class=\"bg-white border border-slate-200\/80 rounded-xl overflow-hidden shadow-sm hover:shadow-md hover:border-brandBlue\/30 transition-all duration-300 group cursor-pointer flex flex-col justify-between\">\r\n                <div>\r\n                    <!-- Image Wrapper -->\r\n                    <div class=\"h-28 overflow-hidden relative bg-slate-100\">\r\n                        <img decoding=\"async\" \r\n                            src=\"https:\/\/images.unsplash.com\/photo-1522069169874-c58ec4b76be5?auto=format&fit=crop&q=80&w=400\" \r\n                            alt=\"Ornamental Aquaculture & Wet Laboratory\" \r\n                            class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\"\r\n                            onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1504384308090-c894fdcc538d?auto=format&fit=crop&q=80&w=400';\"\r\n                        \/>\r\n                    <\/div>\r\n                    <!-- Text Area -->\r\n                    <div class=\"p-4\">\r\n                        <h3 class=\"font-bold text-navy-900 text-[14px] mb-1 group-hover:text-brandBlue transition-colors duration-200 leading-snug\">\r\n                            Ornamental Aquaculture\r\n                        <\/h3>\r\n                        <p class=\"text-[11px] text-slate-500 leading-relaxed\">\r\n                            Practical holding systems optimized for breeding and studying ornamental fish species.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 3: Field Sampling & Surveying Equipment -->\r\n            <div class=\"bg-white border border-slate-200\/80 rounded-xl overflow-hidden shadow-sm hover:shadow-md hover:border-brandBlue\/30 transition-all duration-300 group cursor-pointer flex flex-col justify-between\">\r\n                <div>\r\n                    <!-- Image Wrapper -->\r\n                    <div class=\"h-28 overflow-hidden relative bg-slate-100\">\r\n                        <img decoding=\"async\" \r\n                            src=\"https:\/\/images.unsplash.com\/photo-1582738411706-bfc8e691d1c2?auto=format&fit=crop&q=80&w=400\" \r\n                            alt=\"Field Sampling & Surveying Equipment\" \r\n                            class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\"\r\n                            onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1505118380757-91f5f5632de0?auto=format&fit=crop&q=80&w=400';\"\r\n                        \/>\r\n                    <\/div>\r\n                    <!-- Text Area -->\r\n                    <div class=\"p-4\">\r\n                        <h3 class=\"font-bold text-navy-900 text-[14px] mb-1 group-hover:text-brandBlue transition-colors duration-200 leading-snug\">\r\n                            Field & Surveying Equipment\r\n                        <\/h3>\r\n                        <p class=\"text-[11px] text-slate-500 leading-relaxed\">\r\n                            In-situ monitoring probes, sampling nets, and water testing kits for active lagoon excursions.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 4: Academic Lecture Theatres -->\r\n            <div class=\"bg-white border border-slate-200\/80 rounded-xl overflow-hidden shadow-sm hover:shadow-md hover:border-brandBlue\/30 transition-all duration-300 group cursor-pointer flex flex-col justify-between\">\r\n                <div>\r\n                    <!-- Image Wrapper -->\r\n                    <div class=\"h-28 overflow-hidden relative bg-slate-100\">\r\n                        <img decoding=\"async\" \r\n                            src=\"https:\/\/images.unsplash.com\/photo-1541339907198-e08756dedf3f?auto=format&fit=crop&q=80&w=400\" \r\n                            alt=\"Academic Lecture Theatres\" \r\n                            class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\"\r\n                            onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1497633762265-9d179a990aa6?auto=format&fit=crop&q=80&w=400';\"\r\n                        \/>\r\n                    <\/div>\r\n                    <!-- Text Area -->\r\n                    <div class=\"p-4\">\r\n                        <h3 class=\"font-bold text-navy-900 text-[14px] mb-1 group-hover:text-brandBlue transition-colors duration-200 leading-snug\">\r\n                            Lecture hall\r\n                        <\/h3>\r\n                        <p class=\"text-[11px] text-slate-500 leading-relaxed\">\r\n                            Academic classroom environments set up for course instructions and presentations.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Global Action Button: Left-aligned and sized exactly like your \"View All Programs\" button -->\r\n        <div class=\"text-left\">\r\n            <a href=\"#facilities\" class=\"inline-flex items-center justify-center px-5 py-3 bg-brandBlue text-white text-sm font-bold rounded-lg hover:bg-blue-700 transition duration-200 shadow-sm tracking-wide\">\r\n                View All Facilities\r\n            <\/a>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Welcome to the Department of Fisheries Welcome to the Department of Fisheries Science, University of Jaffna. We are committed to excellence in teaching, innovative research, and active community engagement for the sustainable management of aquatic resources. About the Department Our Programs Contact Us Dr. (Mrs). S. Sathyaruban (Head of the Department) From the Head&#8217;s Desk [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-139","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/comments?post=139"}],"version-history":[{"count":10,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages\/139\/revisions"}],"predecessor-version":[{"id":835,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages\/139\/revisions\/835"}],"wp:attachment":[{"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/media?parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}