{"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-10-22T17:36:46","modified_gmt":"2026-10-22T17:36:46","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-8b6656a e-flex e-con-boxed e-con e-parent\" data-id=\"8b6656a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4497f0f elementor-widget elementor-widget-html\" data-id=\"4497f0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     DEPARTMENT OF FISHERIES \u2014 HERO SECTION ONLY\r\n     ============================================================ -->\r\n\r\n<style>\r\n\r\n  \/* ============================================================\r\n     HERO SECTION\r\n     ============================================================ *\/\r\n\r\n  .dof-hero {\r\n    position: relative;\r\n    min-height: 640px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #0b3556;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     HERO BACKGROUND IMAGE\r\n     ============================================================ *\/\r\n\r\n  .dof-hero-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    \/*\r\n      EDIT-IMAGE:\r\n      Replace this URL with your own uploaded image URL.\r\n    *\/\r\n\r\n    background-image: url('https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?q=80&w=1920&auto=format&fit=crop');\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n\r\n    animation: dofKenBurns 22s ease-in-out infinite alternate;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     DARK OVERLAY\r\n     ============================================================ *\/\r\n\r\n  .dof-hero-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background: linear-gradient(\r\n      100deg,\r\n      rgba(9,35,64,.88) 0%,\r\n      rgba(9,35,64,.55) 45%,\r\n      rgba(9,35,64,.25) 100%\r\n    );\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     HERO WAVE\r\n     ============================================================ *\/\r\n\r\n  .dof-hero-wave {\r\n    position: absolute;\r\n\r\n    bottom: -1px;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: 90px;\r\n\r\n    z-index: 3;\r\n\r\n    pointer-events: none;\r\n\r\n    display: block;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     KEN BURNS BACKGROUND ANIMATION\r\n     ============================================================ *\/\r\n\r\n  @keyframes dofKenBurns {\r\n\r\n    0% {\r\n      transform: scale(1) translate(0,0);\r\n    }\r\n\r\n    100% {\r\n      transform: scale(1.12) translate(-1%, -1%);\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     HERO INNER CONTAINER\r\n     ============================================================ *\/\r\n\r\n  .dof-hero-inner {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    max-width: 1200px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 0 40px;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     HERO CONTENT\r\n     ============================================================ *\/\r\n\r\n  .dof-hero-content {\r\n    max-width: 680px;\r\n\r\n    color: #ffffff;\r\n\r\n    opacity: 0;\r\n\r\n    animation: dofFadeUp .9s ease forwards .15s;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     HERO CONTENT FADE-UP ANIMATION\r\n     ============================================================ *\/\r\n\r\n  @keyframes dofFadeUp {\r\n\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(24px);\r\n    }\r\n\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     BADGE\r\n     ============================================================ *\/\r\n\r\n  .dof-badge {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    background: rgba(255,255,255,.1);\r\n\r\n    border: 1px solid rgba(255,255,255,.3);\r\n\r\n    padding: 8px 16px;\r\n\r\n    border-radius: 999px;\r\n\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    color: #ffffff;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     HERO HEADING\r\n     ============================================================ *\/\r\n\r\n  .dof-hero h2 {\r\n    font-size: 56px;\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 800;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    \/*\r\n      Forced white so Elementor\/theme styles\r\n      cannot change the heading colour.\r\n    *\/\r\n\r\n    color: #ffffff !important;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     HERO SUBHEADING\r\n     ============================================================ *\/\r\n\r\n  .dof-hero-sub {\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-size: 18px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #ffffff;\r\n\r\n    opacity: .95;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     HERO DESCRIPTION\r\n     ============================================================ *\/\r\n\r\n  .dof-hero-desc {\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.6;\r\n\r\n    color: #dbe6f2;\r\n\r\n    margin-bottom: 32px;\r\n\r\n    max-width: 560px;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     HERO BUTTONS\r\n     ============================================================ *\/\r\n\r\n  .dof-hero-buttons {\r\n    display: flex;\r\n\r\n    gap: 16px;\r\n\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     PRIMARY BUTTON\r\n     ============================================================ *\/\r\n\r\n  .dof-btn-primary {\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-weight: 700;\r\n\r\n    font-size: 15px;\r\n\r\n    background: #2563eb;\r\n\r\n    color: #ffffff;\r\n\r\n    padding: 15px 26px;\r\n\r\n    border-radius: 8px;\r\n\r\n    text-decoration: none;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    transition:\r\n      background .2s,\r\n      transform .2s;\r\n  }\r\n\r\n\r\n  .dof-btn-primary:hover {\r\n    background: #1d4ed8;\r\n\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     OUTLINE BUTTON\r\n     ============================================================ *\/\r\n\r\n  .dof-btn-outline {\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-weight: 700;\r\n\r\n    font-size: 15px;\r\n\r\n    background: transparent;\r\n\r\n    color: #ffffff;\r\n\r\n    border: 1.5px solid rgba(255,255,255,.6);\r\n\r\n    padding: 15px 26px;\r\n\r\n    border-radius: 8px;\r\n\r\n    text-decoration: none;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    transition:\r\n      background .2s,\r\n      border-color .2s;\r\n  }\r\n\r\n\r\n  .dof-btn-outline:hover {\r\n    background: rgba(255,255,255,.12);\r\n\r\n    border-color: #ffffff;\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     TABLET RESPONSIVE\r\n     ============================================================ *\/\r\n\r\n  @media (max-width: 991px) {\r\n\r\n    .dof-hero h2 {\r\n      font-size: 42px;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     MOBILE RESPONSIVE\r\n     ============================================================ *\/\r\n\r\n  @media (max-width: 600px) {\r\n\r\n    .dof-hero-inner {\r\n      padding: 0 20px;\r\n    }\r\n\r\n\r\n    \/*\r\n      Hide badge on mobile\r\n    *\/\r\n\r\n    .dof-badge {\r\n      display: none;\r\n    }\r\n\r\n\r\n    .dof-hero h2 {\r\n      font-size: 30px;\r\n\r\n      line-height: 1.15;\r\n    }\r\n\r\n\r\n    .dof-hero-sub {\r\n      font-size: 15px;\r\n    }\r\n\r\n\r\n    .dof-hero-desc {\r\n      font-size: 14.5px;\r\n    }\r\n\r\n\r\n    .dof-hero {\r\n      min-height: 560px;\r\n    }\r\n\r\n\r\n    \/*\r\n      Stack buttons vertically\r\n    *\/\r\n\r\n    .dof-hero-buttons {\r\n      flex-direction: column;\r\n    }\r\n\r\n\r\n    .dof-hero-buttons a {\r\n      width: 100%;\r\n    }\r\n\r\n\r\n    \/*\r\n      Smaller wave on mobile\r\n    *\/\r\n\r\n    .dof-hero-wave {\r\n      height: 50px;\r\n    }\r\n\r\n  }\r\n\r\n<\/style>\r\n\r\n\r\n<!-- ============================================================\r\n     HERO HTML\r\n     ============================================================ -->\r\n\r\n<div class=\"dof-hero\">\r\n\r\n  <!-- HERO BACKGROUND -->\r\n  <div class=\"dof-hero-bg\"><\/div>\r\n\r\n\r\n  <!-- DARK OVERLAY -->\r\n  <div class=\"dof-hero-overlay\"><\/div>\r\n\r\n\r\n  <!-- HERO CONTENT -->\r\n  <div class=\"dof-hero-inner\">\r\n\r\n    <div class=\"dof-hero-content\">\r\n\r\n\r\n      <!-- ======================================================\r\n           BADGE\r\n           ====================================================== -->\r\n\r\n      <div class=\"dof-badge\">\r\n\r\n        &#128031;\r\n\r\n        <!-- EDIT-BADGE-TEXT -->\r\n\r\n        Established 1998\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           MAIN HEADING\r\n           ====================================================== -->\r\n\r\n      <h2>\r\n\r\n        <!-- EDIT-HEADING -->\r\n\r\n        Department of Fisheries\r\n\r\n      <\/h2>\r\n\r\n\r\n      <!-- ======================================================\r\n           SUBHEADING\r\n           ====================================================== -->\r\n\r\n      <div class=\"dof-hero-sub\">\r\n\r\n        <!-- EDIT-SUBHEADING -->\r\n\r\n        Faculty of Science &middot; University of Jaffna\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           DESCRIPTION\r\n           ====================================================== -->\r\n\r\n      <p class=\"dof-hero-desc\">\r\n\r\n        <!-- EDIT-DESCRIPTION -->\r\n\r\n        Advancing fisheries science, aquaculture, and marine resource\r\n        management through excellence in education, research, and\r\n        community engagement in Northern Sri Lanka.\r\n\r\n      <\/p>\r\n\r\n\r\n      <!-- ======================================================\r\n           BUTTONS\r\n           ====================================================== -->\r\n\r\n      <div class=\"dof-hero-buttons\">\r\n\r\n\r\n        <!-- PRIMARY BUTTON -->\r\n\r\n        <a\r\n          href=\"https:\/\/fsc.jfn.ac.lk\/index.php\/academics\/\"\r\n          class=\"dof-btn-primary\"\r\n        >\r\n\r\n          <!-- EDIT-BTN1-LINK \/ EDIT-BTN1-TEXT -->\r\n\r\n          Explore Programs &rarr;\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- OUTLINE BUTTON -->\r\n\r\n        <a\r\n          href=\"https:\/\/fsc.jfn.ac.lk\/index.php\/research-innovation\/\"\r\n          class=\"dof-btn-outline\"\r\n        >\r\n\r\n          <!-- EDIT-BTN2-LINK \/ EDIT-BTN2-TEXT -->\r\n\r\n          Our Research\r\n\r\n        <\/a>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- ==========================================================\r\n       CURVED WHITE WAVE\r\n       ========================================================== -->\r\n\r\n  <svg\r\n    class=\"dof-hero-wave\"\r\n    viewBox=\"0 0 1440 100\"\r\n    preserveAspectRatio=\"none\"\r\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n  >\r\n\r\n    <path\r\n      fill=\"#ffffff\"\r\n      d=\"M0,40 C240,85 480,5 720,32 C960,58 1200,12 1440,45 L1440,100 L0,100 Z\"\r\n    ><\/path>\r\n\r\n  <\/svg>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba265cb e-flex e-con-boxed e-con e-parent\" data-id=\"ba265cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-199edb8 elementor-widget elementor-widget-html\" data-id=\"199edb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     STATS BAR + \"WELCOME \/ ABOUT\" SECTION\r\n     Paste this into a SECOND Elementor \"HTML\" widget, in a new\r\n     section placed directly BELOW your navbar+hero section.\r\n\r\n     >>> FOR FUTURE EDITORS WITH NO CODING EXPERIENCE <<<\r\n     Search for the <!-- EDIT-XXX  labels with Ctrl+F \/ Cmd+F\r\n     and only change the plain text right after each one.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .dof-about-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  .dof-about-wrap { font-family: 'Georgia', 'Times New Roman', serif; }\r\n  .dof-about-wrap .sans { font-family: 'Arial', 'Helvetica', sans-serif; }\r\n\r\n  \/* ---------- STATS BAR (overlaps the hero's wave) ---------- *\/\r\n  .dof-stats-wrap {\r\n    position: relative;\r\n    z-index: 5;\r\n    margin-top: -70px;   \/* pulls the cards up so they straddle the hero\/white boundary *\/\r\n    padding: 0 40px;\r\n  }\r\n  .dof-stats-inner {\r\n    max-width: 1200px; margin: 0 auto;\r\n    display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;\r\n  }\r\n  .dof-stat-card {\r\n    background: #ffffff; border-radius: 16px;\r\n    box-shadow: 0 12px 28px rgba(15, 23, 42, .10);\r\n    padding: 28px 16px; text-align: center;\r\n  }\r\n  .dof-stat-number {\r\n    font-size: 34px; font-weight: 800; color: #2563eb; margin-bottom: 6px;\r\n  }\r\n  .dof-stat-label {\r\n    font-family: Arial, sans-serif; font-size: 13.5px; color: #64748b;\r\n  }\r\n\r\n  \/* ---------- WELCOME \/ ABOUT SECTION ---------- *\/\r\n  .dof-about-section { padding: 100px 40px 90px; background: #ffffff; }\r\n  .dof-about-inner {\r\n    max-width: 1200px; margin: 0 auto;\r\n    display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;\r\n  }\r\n\r\n  .dof-about-eyebrow {\r\n    font-family: Arial, sans-serif; font-weight: 700; font-size: 13px;\r\n    letter-spacing: 1.5px; text-transform: uppercase; color: #0d9488;\r\n    margin-bottom: 14px;\r\n  }\r\n  .dof-about-heading {\r\n    font-size: 36px; font-weight: 800; color: #0f172a; line-height: 1.25;\r\n    margin-bottom: 22px;\r\n  }\r\n  .dof-about-text p {\r\n    font-family: Arial, sans-serif; font-size: 15.5px; line-height: 1.75;\r\n    color: #475569; margin-bottom: 18px; max-width: 540px;\r\n  }\r\n  .dof-about-btn {\r\n    margin-top: 8px;\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    font-family: Arial, sans-serif; font-weight: 700; font-size: 15px;\r\n    color: #2563eb; border: 1.5px solid #2563eb;\r\n    padding: 13px 24px; border-radius: 8px; text-decoration: none;\r\n    transition: background .2s, color .2s;\r\n  }\r\n  .dof-about-btn:hover { background: #2563eb; color: #fff; }\r\n\r\n  .dof-about-img-wrap { position: relative; }\r\n  .dof-about-img-wrap img {\r\n    width: 100%; height: 440px; object-fit: cover;\r\n    border-radius: 20px; box-shadow: 0 24px 48px rgba(15, 23, 42, .18);\r\n    display: block;\r\n  }\r\n  .dof-about-float-card {\r\n    position: absolute; left: -20px; bottom: -20px;\r\n    background: #ffffff; border-radius: 14px;\r\n    box-shadow: 0 16px 32px rgba(15, 23, 42, .16);\r\n    padding: 14px 18px; display: flex; align-items: center; gap: 12px;\r\n    max-width: 260px;\r\n  }\r\n  .dof-about-float-icon {\r\n    width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0;\r\n    background: linear-gradient(135deg, #2fb6c9, #2563eb);\r\n    display: flex; align-items: center; justify-content: center;\r\n    color: #fff; font-size: 18px;\r\n  }\r\n  .dof-about-float-title {\r\n    font-family: Arial, sans-serif; font-weight: 700; font-size: 14px; color: #0f172a;\r\n  }\r\n  .dof-about-float-sub {\r\n    font-family: Arial, sans-serif; font-size: 12px; color: #64748b;\r\n  }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width: 991px) {\r\n    .dof-stats-inner { grid-template-columns: repeat(2, 1fr); gap: 16px; }\r\n    .dof-about-inner { grid-template-columns: 1fr; gap: 40px; }\r\n    .dof-about-img-wrap { order: -1; } \/* image above text on tablet\/mobile, matching most responsive patterns *\/\r\n    .dof-about-heading { font-size: 30px; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .dof-stats-wrap { margin-top: -40px; padding: 0 16px; }\r\n    .dof-stat-card { padding: 18px 10px; border-radius: 12px; }\r\n    .dof-stat-number { font-size: 24px; }\r\n    .dof-stat-label { font-size: 11.5px; }\r\n\r\n    .dof-about-section { padding: 60px 20px 60px; }\r\n    .dof-about-heading { font-size: 26px; }\r\n    .dof-about-img-wrap img { height: 260px; }\r\n    .dof-about-float-card { left: 12px; bottom: -16px; padding: 10px 14px; max-width: calc(100% - 24px); }\r\n    .dof-about-float-icon { width: 34px; height: 34px; font-size: 15px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"dof-about-wrap\">\r\n\r\n  <!-- STATS BAR -->\r\n  <div class=\"dof-stats-wrap\">\r\n    <div class=\"dof-stats-inner\">\r\n      <div class=\"dof-stat-card\">\r\n        <div class=\"dof-stat-number\"><!-- EDIT-STAT1-NUMBER -->25+<\/div>\r\n        <div class=\"dof-stat-label sans\"><!-- EDIT-STAT1-LABEL -->Years of Excellence<\/div>\r\n      <\/div>\r\n      <div class=\"dof-stat-card\">\r\n        <div class=\"dof-stat-number\"><!-- EDIT-STAT2-NUMBER -->11<\/div>\r\n        <div class=\"dof-stat-label sans\"><!-- EDIT-STAT2-LABEL -->Department Members<\/div>\r\n      <\/div>\r\n      <div class=\"dof-stat-card\">\r\n        <div class=\"dof-stat-number\"><!-- EDIT-STAT3-NUMBER -->400+<\/div>\r\n        <div class=\"dof-stat-label sans\"><!-- EDIT-STAT3-LABEL -->Graduates<\/div>\r\n      <\/div>\r\n      <div class=\"dof-stat-card\">\r\n        <div class=\"dof-stat-number\"><!-- EDIT-STAT4-NUMBER -->15+<\/div>\r\n        <div class=\"dof-stat-label sans\"><!-- EDIT-STAT4-LABEL -->Active Research Projects<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- WELCOME \/ ABOUT -->\r\n  <div class=\"dof-about-section\">\r\n    <div class=\"dof-about-inner\">\r\n\r\n      <div class=\"dof-about-text-col\">\r\n        <div class=\"dof-about-eyebrow\"><!-- EDIT-EYEBROW -->Welcome<\/div>\r\n        <h3 class=\"dof-about-heading\"><!-- EDIT-ABOUT-HEADING -->A Hub for Fisheries &amp; Marine Science Excellence<\/h3>\r\n        <div class=\"dof-about-text\">\r\n          <p><!-- EDIT-ABOUT-PARA1 -->The Department of Fisheries at the University of Jaffna has been at the forefront of fisheries education and research in Sri Lanka since its establishment. We are committed to producing skilled graduates and generating knowledge that supports the sustainable development of fisheries and aquaculture in the Northern Province and beyond.<\/p>\r\n          <p><!-- EDIT-ABOUT-PARA2 -->Our programs integrate theoretical foundations with extensive field and laboratory training, preparing students for impactful careers in government agencies, research institutions, the aquaculture industry, and international organizations.<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/fsc.jfn.ac.lk\/index.php\/about-us\/\" class=\"dof-about-btn\"><!-- EDIT-ABOUT-BTN-LINK \/ EDIT-ABOUT-BTN-TEXT -->Learn More About Us &rarr;<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"dof-about-img-wrap\">\r\n        <!-- EDIT-IMAGE2: replace src below with your own uploaded photo's Media Library File URL -->\r\n        <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/09\/0-12.jpg\" alt=\"Research vessel at sea\">\r\n        <div class=\"dof-about-float-card\">\r\n          <div class=\"dof-about-float-icon\">&#128031;<\/div>\r\n          <div>\r\n            <div class=\"dof-about-float-title\"><!-- EDIT-FLOATCARD-TITLE -->Strategic location<\/div>\r\n            <div class=\"dof-about-float-sub\"><!-- EDIT-FLOATCARD-SUB -->Department of Fisheries<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1508e9 e-flex e-con-boxed e-con e-parent\" data-id=\"e1508e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d24e114 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d24e114\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     \"OUR CORE AREAS\" FEATURE GRID SECTION\r\n     Paste this into a THIRD Elementor \"HTML\" widget, in a new\r\n     section placed directly BELOW the stats\/about section.\r\n\r\n     >>> FOR FUTURE EDITORS WITH NO CODING EXPERIENCE <<<\r\n     Search for the <!-- EDIT-XXX  labels with Ctrl+F \/ Cmd+F\r\n     and only change the plain text right after each one.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .dof-core-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  .dof-core-wrap { font-family: 'Georgia', 'Times New Roman', serif; }\r\n  .dof-core-wrap .sans { font-family: 'Arial', 'Helvetica', sans-serif; }\r\n\r\n  .dof-core-section { background: #f8fafc; padding: 100px 40px; }\r\n\r\n  .dof-core-header { max-width: 680px; margin: 0 auto 56px; text-align: center; }\r\n  .dof-core-eyebrow {\r\n    font-family: Arial, sans-serif; font-weight: 700; font-size: 13px;\r\n    letter-spacing: 1.5px; text-transform: uppercase; color: #0d9488;\r\n    margin-bottom: 12px;\r\n  }\r\n  .dof-core-heading { font-size: 36px; font-weight: 800; color: #0f172a; margin-bottom: 16px; }\r\n  .dof-core-sub {\r\n    font-family: Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #64748b;\r\n  }\r\n\r\n  .dof-core-grid {\r\n    max-width: 1200px; margin: 0 auto;\r\n    display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;\r\n  }\r\n  .dof-core-card {\r\n    background: #ffffff; border: 1px solid #eef2f7; border-radius: 16px;\r\n    padding: 32px 26px; box-shadow: 0 4px 14px rgba(15, 23, 42, .04);\r\n    transition: transform .25s ease, box-shadow .25s ease;\r\n  }\r\n  .dof-core-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 16px 30px rgba(15, 23, 42, .10);\r\n  }\r\n  .dof-core-icon {\r\n    width: 56px; height: 56px; border-radius: 14px;\r\n    background: linear-gradient(135deg, #2fb6c9, #2563eb);\r\n    display: flex; align-items: center; justify-content: center;\r\n    margin-bottom: 22px;\r\n  }\r\n  .dof-core-icon svg { width: 26px; height: 26px; }\r\n  .dof-core-title {\r\n    font-size: 18px; font-weight: 800; color: #0f172a; margin-bottom: 10px;\r\n  }\r\n  .dof-core-desc {\r\n    font-family: Arial, sans-serif; font-size: 14.5px; line-height: 1.65; color: #64748b;\r\n  }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width: 991px) {\r\n    .dof-core-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .dof-core-heading { font-size: 30px; }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .dof-core-section { padding: 60px 20px; }\r\n    .dof-core-header { margin-bottom: 36px; }\r\n    .dof-core-heading { font-size: 26px; }\r\n    .dof-core-sub { font-size: 14.5px; }\r\n    .dof-core-grid { grid-template-columns: 1fr; gap: 18px; }\r\n    .dof-core-card { padding: 26px 22px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"dof-core-wrap\">\r\n  <div class=\"dof-core-section\">\r\n    <div class=\"dof-core-header\">\r\n      <div class=\"dof-core-eyebrow\"><!-- EDIT-CORE-EYEBROW -->What We Do<\/div>\r\n      <h3 class=\"dof-core-heading\"><!-- EDIT-CORE-HEADING -->Our Core Areas<\/h3>\r\n      <p class=\"dof-core-sub\"><!-- EDIT-CORE-SUB -->Four pillars that define our contribution to fisheries science and the community we serve.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dof-core-grid\">\r\n\r\n      <!-- Card 1 -->\r\n      <div class=\"dof-core-card\">\r\n        <div class=\"dof-core-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M22 10L12 5 2 10l10 5 10-5z\"\/>\r\n            <path d=\"M6 12v5c0 1 3 3 6 3s6-2 6-3v-5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"dof-core-title\"><!-- EDIT-CARD1-TITLE -->Quality Education<\/div>\r\n        <p class=\"dof-core-desc\"><!-- EDIT-CARD1-DESC -->A rigorous BSc (Hons) program and postgraduate degrees preparing the next generation of fisheries professionals.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"dof-core-card\">\r\n        <div class=\"dof-core-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <line x1=\"9\" y1=\"21\" x2=\"15\" y2=\"21\"\/>\r\n            <path d=\"M12 21v-4\"\/>\r\n            <path d=\"M9 3l3 3 3-3\"\/>\r\n            <path d=\"M9 8h6\"\/>\r\n            <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"dof-core-title\"><!-- EDIT-CARD2-TITLE -->Cutting-edge Research<\/div>\r\n        <p class=\"dof-core-desc\"><!-- EDIT-CARD2-DESC -->Active research in aquaculture, marine biodiversity, climate resilience, and sustainable fisheries management.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"dof-core-card\">\r\n        <div class=\"dof-core-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"9\" cy=\"8\" r=\"3\"\/>\r\n            <path d=\"M4 20c0-3.3 2.2-5 5-5s5 1.7 5 5\"\/>\r\n            <circle cx=\"17\" cy=\"9\" r=\"2.3\"\/>\r\n            <path d=\"M14.5 20c.3-2.6 2-4 4-4\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"dof-core-title\"><!-- EDIT-CARD3-TITLE -->Community Engagement<\/div>\r\n        <p class=\"dof-core-desc\"><!-- EDIT-CARD3-DESC -->Extension programs supporting local fishing communities through training, technology transfer, and policy advocacy.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 4 -->\r\n      <div class=\"dof-core-card\">\r\n        <div class=\"dof-core-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M2 8c1.5-1.5 3-1.5 4.5 0s3 1.5 4.5 0 3-1.5 4.5 0 3 1.5 4.5 0\"\/>\r\n            <path d=\"M2 14c1.5-1.5 3-1.5 4.5 0s3 1.5 4.5 0 3-1.5 4.5 0 3 1.5 4.5 0\"\/>\r\n            <path d=\"M2 20c1.5-1.5 3-1.5 4.5 0s3 1.5 4.5 0 3-1.5 4.5 0 3 1.5 4.5 0\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"dof-core-title\"><!-- EDIT-CARD4-TITLE -->Field-based Learning<\/div>\r\n        <p class=\"dof-core-desc\"><!-- EDIT-CARD4-DESC -->Hands-on training at coastal research stations, aquaculture facilities, and fish landing sites across the region.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9690f98 e-flex e-con-boxed e-con e-parent\" data-id=\"9690f98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1803b2d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1803b2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     \"PROTECTING OUR MARINE HERITAGE\" CTA BANNER SECTION\r\n     Paste this into a FOURTH Elementor \"HTML\" widget, in a new\r\n     section placed directly BELOW the \"Our Core Areas\" section.\r\n\r\n     >>> FOR FUTURE EDITORS WITH NO CODING EXPERIENCE <<<\r\n     Search for the <!-- EDIT-XXX  labels with Ctrl+F \/ Cmd+F\r\n     and only change the plain text right after each one.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .dof-cta-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  .dof-cta-wrap { font-family: 'Georgia', 'Times New Roman', serif; }\r\n  .dof-cta-wrap .sans { font-family: 'Arial', 'Helvetica', sans-serif; }\r\n\r\n  .dof-cta {\r\n    position: relative;\r\n    min-height: 460px;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    background: #0b3556;\r\n  }\r\n  .dof-cta-bg {\r\n    position: absolute; inset: 0;\r\n    \/* EDIT-IMAGE3: replace this URL with your own uploaded coral reef \/ marine photo *\/\r\n    background-image: url('https:\/\/images.unsplash.com\/photo-1546026423-cc4642628d2b?q=80&w=1920&auto=format&fit=crop');\r\n    background-size: cover;\r\n    background-position: center;\r\n    animation: dofCtaZoom 26s ease-in-out infinite alternate;\r\n  }\r\n  @keyframes dofCtaZoom {\r\n    0%   { transform: scale(1); }\r\n    100% { transform: scale(1.1); }\r\n  }\r\n  .dof-cta-overlay {\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(105deg, rgba(4,20,36,.90) 0%, rgba(4,20,36,.70) 32%, rgba(4,28,38,.32) 62%, rgba(4,28,38,.12) 100%);\r\n  }\r\n  .dof-cta-tint {\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(135deg, rgba(15,118,110,.55) 0%, rgba(37,99,235,.35) 55%, rgba(6,28,48,0) 100%);\r\n    mix-blend-mode: color;\r\n    opacity: .85;\r\n  }\r\n\r\n  .dof-cta-inner {\r\n    position: relative; z-index: 2;\r\n    max-width: 1200px; margin: 0 auto; width: 100%; padding: 90px 40px;\r\n  }\r\n  .dof-cta-content {\r\n    max-width: 620px; color: #ffffff;\r\n    opacity: 0; animation: dofCtaFadeUp .9s ease forwards .15s;\r\n  }\r\n  @keyframes dofCtaFadeUp {\r\n    from { opacity: 0; transform: translateY(24px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .dof-cta-icon { margin-bottom: 18px; }\r\n  .dof-cta-icon svg { width: 34px; height: 34px; }\r\n\r\n  .dof-cta-heading {\r\n    font-size: 34px; font-weight: 800; color: #ffffff; margin-bottom: 18px; line-height: 1.2;\r\n  }\r\n  .dof-cta-desc {\r\n    font-family: Arial, sans-serif; font-size: 16px; line-height: 1.7;\r\n    color: #dbe6f2; margin-bottom: 30px;\r\n  }\r\n  .dof-cta-btn {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    font-family: Arial, sans-serif; font-weight: 700; font-size: 15px;\r\n    background: #2563eb; color: #ffffff; padding: 15px 26px; border-radius: 8px;\r\n    text-decoration: none; transition: background .2s, transform .2s;\r\n  }\r\n  .dof-cta-btn:hover { background: #1d4ed8; transform: translateY(-2px); }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width: 991px) {\r\n    .dof-cta-inner { padding: 70px 40px; }\r\n    .dof-cta-heading { font-size: 28px; }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .dof-cta { min-height: 400px; }\r\n    .dof-cta-inner { padding: 56px 20px; }\r\n    .dof-cta-heading { font-size: 24px; }\r\n    .dof-cta-desc { font-size: 14.5px; }\r\n    .dof-cta-btn { width: 100%; justify-content: center; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"dof-cta-wrap\">\r\n  <div class=\"dof-cta\">\r\n    <div class=\"dof-cta-bg\"><\/div>\r\n    <div class=\"dof-cta-overlay\"><\/div>\r\n    <div class=\"dof-cta-tint\"><\/div>\r\n    <div class=\"dof-cta-inner\">\r\n      <div class=\"dof-cta-content\">\r\n        <div class=\"dof-cta-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2dd4bf\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M11 20A7 7 0 0 1 4 13c0-4.5 4-7.5 7.5-11C15 5.5 19 8.5 19 13a7 7 0 0 1-7 7Z\"\/>\r\n            <path d=\"M11 20a13 13 0 0 1 3-8\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"dof-cta-heading\"><!-- EDIT-CTA-HEADING -->Protecting Our Marine Heritage<\/h3>\r\n        <p class=\"dof-cta-desc\"><!-- EDIT-CTA-DESC -->Our researchers and students work alongside coastal communities to study, restore, and protect the fragile coral reef and seagrass ecosystems of the Palk Bay and Gulf of Mannar &ndash; some of the most biodiverse waters in the Indian Ocean.<\/p>\r\n        <a href=\"https:\/\/fsc.jfn.ac.lk\/index.php\/research-innovation\/\" class=\"dof-cta-btn\"><!-- EDIT-CTA-BTN-LINK \/ EDIT-CTA-BTN-TEXT -->Discover Our Research &rarr;<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67e9d87 e-flex e-con-boxed e-con e-parent\" data-id=\"67e9d87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4978bbf elementor-widget elementor-widget-html\" data-id=\"4978bbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     NEWS & ANNOUNCEMENTS SECTION (Elementor HTML widget)\r\n\r\n     >>> ADD A NEW NEWS ITEM (keep only 3 showing) <<<\r\n     1. Copy one full card block: from <a href=... class=\"dof-news-card\">\r\n        to its closing <\/a>.\r\n     2. Paste it directly ABOVE the first card.\r\n     3. Change: the link (page address), image, category, date, title, short text.\r\n     4. Delete the LAST (oldest) card so only 3 remain.\r\n     ============================================================ -->\r\n\r\n<style>\r\n  .dof-news-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  .dof-news-wrap { font-family: 'Georgia', 'Times New Roman', serif; }\r\n  .dof-news-wrap .sans { font-family: 'Arial', 'Helvetica', sans-serif; }\r\n  .dof-news-section { padding: 100px 40px; background: #ffffff; }\r\n  .dof-news-inner { max-width: 1200px; margin: 0 auto; }\r\n  .dof-news-header { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-bottom: 44px; }\r\n  .dof-news-eyebrow { font-family: Arial, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; color: #0d9488; margin-bottom: 10px; }\r\n  .dof-news-heading { font-size: 34px; font-weight: 800; color: #0f172a; }\r\n  .dof-news-viewall { display: inline-flex; align-items: center; gap: 8px; font-family: Arial, sans-serif; font-weight: 700; font-size: 14.5px; color: #2563eb; border: 1.5px solid #2563eb; padding: 12px 22px; border-radius: 8px; text-decoration: none; white-space: nowrap; transition: background .2s, color .2s; }\r\n  .dof-news-viewall:hover { background: #2563eb; color: #fff; }\r\n  .dof-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }\r\n  .dof-news-card { display: block; text-decoration: none; color: inherit; background: #ffffff; border: 1px solid #eef2f7; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 14px rgba(15,23,42,.05); transition: transform .25s ease, box-shadow .25s ease; }\r\n  .dof-news-card:hover { transform: translateY(-6px); box-shadow: 0 18px 34px rgba(15,23,42,.12); }\r\n  .dof-news-img-wrap { position: relative; height: 220px; overflow: hidden; }\r\n  .dof-news-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }\r\n  .dof-news-card:hover .dof-news-img-wrap img { transform: scale(1.08); }\r\n  .dof-news-badge { position: absolute; top: 14px; left: 14px; background: rgba(255,255,255,.95); color: #2563eb; font-family: Arial, sans-serif; font-weight: 700; font-size: 12.5px; padding: 6px 14px; border-radius: 999px; }\r\n  .dof-news-body { padding: 20px 22px 24px; }\r\n  .dof-news-date { display: flex; align-items: center; gap: 7px; font-family: Arial, sans-serif; font-size: 13px; color: #94a3b8; margin-bottom: 12px; }\r\n  .dof-news-date svg { width: 14px; height: 14px; flex-shrink: 0; }\r\n  .dof-news-title { font-size: 18.5px; font-weight: 800; color: #0f172a; line-height: 1.35; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }\r\n  .dof-news-desc { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.6; color: #64748b; margin-bottom: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }\r\n  .dof-news-readmore { display: inline-flex; align-items: center; gap: 6px; font-family: Arial, sans-serif; font-weight: 700; font-size: 14px; color: #2563eb; }\r\n  .dof-news-readmore svg { width: 15px; height: 15px; transition: transform .25s ease; }\r\n  .dof-news-card:hover .dof-news-readmore svg { transform: translateX(4px); }\r\n  @media (max-width: 991px) {\r\n    .dof-news-section { padding: 70px 40px; }\r\n    .dof-news-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .dof-news-heading { font-size: 28px; }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .dof-news-section { padding: 56px 20px; }\r\n    .dof-news-header { flex-direction: column; align-items: flex-start; }\r\n    .dof-news-viewall { width: 100%; justify-content: center; }\r\n    .dof-news-grid { grid-template-columns: 1fr; gap: 20px; }\r\n    .dof-news-heading { font-size: 24px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"dof-news-wrap\">\r\n  <div class=\"dof-news-section\">\r\n    <div class=\"dof-news-inner\">\r\n\r\n      <div class=\"dof-news-header\">\r\n        <div>\r\n          <div class=\"dof-news-eyebrow\">Latest Updates<\/div>\r\n          <h3 class=\"dof-news-heading\">News &amp; Announcements<\/h3>\r\n        <\/div>\r\n        <!-- EDIT-VIEWALL-LINK: replace # with your News page link (optional) -->\r\n        <a href=\"#\" class=\"dof-news-viewall sans\">View All News &rarr;<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"dof-news-grid\">\r\n\r\n        <!-- ============ CARD 1 (NEWEST) ============ -->\r\n        <!-- EDIT: change href to the WordPress page address of this news item -->\r\n        <a href=\"https:\/\/fsc.jfn.ac.lk\/index.php\/news-saraswathi-pooja\/\" class=\"dof-news-card\">\r\n          <div class=\"dof-news-img-wrap\">\r\n            <!-- EDIT: replace with the real image URL of the Saraswathi Pooja photo -->\r\n            <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-21.38.25-2.jpeg\" alt=\"Saraswathi Pooja celebration at the Department of Fisheries\">\r\n            <div class=\"dof-news-badge\">Event<\/div>\r\n          <\/div>\r\n          <div class=\"dof-news-body\">\r\n            <div class=\"dof-news-date sans\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n              Oct 19, 2026\r\n            <\/div>\r\n            <div class=\"dof-news-title\">Department of Fisheries Celebrates Its First Saraswathi Pooja at the Newly Opened Department Building<\/div>\r\n            <p class=\"dof-news-desc sans\">The Department of Fisheries observed the Saraswathi Pooja on 19 October 2026, the first such celebration held in the newly opened departmental building.<\/p>\r\n            <span class=\"dof-news-readmore\">Read More\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- ============ CARD 2 ============ -->\r\n        <!-- EDIT: confirm href, image and date for this item -->\r\n        <a href=\"https:\/\/fsc.jfn.ac.lk\/index.php\/news-ragavan-phd\/\" class=\"dof-news-card\">\r\n          <div class=\"dof-news-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/10\/1792171818851-1.jpeg\" alt=\"Dr. Ragavan PhD graduation\">\r\n            <div class=\"dof-news-badge\">Achievement<\/div>\r\n          <\/div>\r\n          <div class=\"dof-news-body\">\r\n            <div class=\"dof-news-date sans\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n              Oct 2026\r\n            <\/div>\r\n            <div class=\"dof-news-title\">Dr. N. Ragavan Officially Graduates with a PhD<\/div>\r\n            <p class=\"dof-news-desc sans\">Dr. Ragavan, Senior Lecturer in the Department of Fisheries, has earned a PhD with research on shrimp fisheries and population dynamics in Jaffna Lagoon.<\/p>\r\n            <span class=\"dof-news-readmore\">Read More\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- ============ CARD 3 (OLDEST - delete this one when adding a new item) ============ -->\r\n        <a href=\"https:\/\/fsc.jfn.ac.lk\/index.php\/news-harichandra-masters\/\" class=\"dof-news-card\">\r\n          <div class=\"dof-news-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/fsc.jfn.ac.lk\/wp-content\/uploads\/2026\/10\/Image_20261014170832_67_4.jpg\" alt=\"Mr. Kalingarajah Harichandra Master's degree\">\r\n            <div class=\"dof-news-badge\">Achievement<\/div>\r\n          <\/div>\r\n          <div class=\"dof-news-body\">\r\n            <div class=\"dof-news-date sans\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n              Oct 2, 2026\r\n            <\/div>\r\n            <div class=\"dof-news-title\">Mr. Kalingarajah Harichandra Completes Master\u2019s Degree in Biotechnological Innovation and Applications at INTI International University, Malaysia<\/div>\r\n            <p class=\"dof-news-desc sans\">Technical Officer Mr. K. Harichandra completed his Master\u2019s with research on the complete chloroplast genome of Artocarpus and Ficus deltoidea (Moraceae).<\/p>\r\n            <span class=\"dof-news-readmore\">Read More\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2563eb\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\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>&#128031; Established 1998 Department of Fisheries Faculty of Science &middot; University of Jaffna Advancing fisheries science, aquaculture, and marine resource management through excellence in education, research, and community engagement in Northern Sri Lanka. Explore Programs &rarr; Our Research 25+ Years of Excellence 11 Department Members 400+ Graduates 15+ Active Research Projects Welcome A Hub for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_front_end_style_editor":"no","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":1744,"href":"https:\/\/fsc.jfn.ac.lk\/index.php\/wp-json\/wp\/v2\/pages\/139\/revisions\/1744"}],"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}]}}