{"id":15080,"date":"2026-10-03T23:20:16","date_gmt":"2026-10-03T22:20:16","guid":{"rendered":"https:\/\/www.rsu.edu.ng\/rsualumni\/?page_id=15080"},"modified":"2026-10-13T18:17:52","modified_gmt":"2026-10-13T17:17:52","slug":"landingpage","status":"publish","type":"page","link":"https:\/\/www.rsu.edu.ng\/rsualumni\/","title":{"rendered":"landingpage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15080\" class=\"elementor elementor-15080\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-860985f e-con-full e-flex e-con e-parent\" data-id=\"860985f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1289711 elementor-widget elementor-widget-html\" data-id=\"1289711\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================================\r\nRSU ALUMNI LANDING PAGE v4 \u2014 paste into ONE Elementor \"HTML\" widget\r\n(Page template: Elementor Canvas; section: Full Width, 0 padding)\r\nLogo and hero photo are embedded in the code, so no uploads are needed.\r\nSearch \"REPLACE\" for the few items still to confirm.\r\n====================================================================== -->\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=Figtree:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600;6..72,700&display=swap\" rel=\"stylesheet\" \/>\r\n<style>\r\n   .rsua {\r\n      --green: #039244;\r\n      --green-d: #025f2d;\r\n      --green-dd: #023b1d;\r\n      --blue: #2e3192;\r\n      --blue-d: #202370;\r\n      --ink: #0e101d;\r\n      --muted: #56607a;\r\n      --paper: #f3f7f4;\r\n      --line: #dce5df;\r\n      font-family:\r\n         \"Figtree\",\r\n         system-ui,\r\n         -apple-system,\r\n         Segoe UI,\r\n         Roboto,\r\n         sans-serif;\r\n      color: var(--ink);\r\n      line-height: 1.65;\r\n      font-size: 17px;\r\n      -webkit-font-smoothing: antialiased;\r\n   }\r\n   .rsua *,\r\n   .rsua *::before,\r\n   .rsua *::after {\r\n      box-sizing: border-box;\r\n   }\r\n   .rsua a {\r\n      text-decoration: none;\r\n      color: inherit;\r\n   }\r\n   .rsua h1,\r\n   .rsua h2,\r\n   .rsua h3 {\r\n      font-family: \"Newsreader\", Georgia, serif;\r\n      margin: 0;\r\n      line-height: 1.15;\r\n      color: var(--blue);\r\n   }\r\n   .rsua p {\r\n      margin: 0;\r\n   }\r\n   .rsua img {\r\n      max-width: 100%;\r\n      height: auto;\r\n      display: block;\r\n   }\r\n   .rsua .wrap {\r\n      max-width: 1180px;\r\n      margin: 0 auto;\r\n      padding: 0 24px;\r\n   }\r\n   .rsua :focus-visible {\r\n      outline: 3px solid var(--green);\r\n      outline-offset: 3px;\r\n   }\r\n   .rsua .sec {\r\n      padding: 88px 0;\r\n   }\r\n   .rsua .sec-head {\r\n      max-width: 640px;\r\n      margin-bottom: 44px;\r\n   }\r\n   .rsua .sec-head h2 {\r\n      font-size: clamp(28px, 4vw, 40px);\r\n      margin-bottom: 12px;\r\n   }\r\n   .rsua .sec-head p {\r\n      color: var(--muted);\r\n   }\r\n   .rsua .btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 13px 26px;\r\n      border-radius: 8px;\r\n      font-weight: 600;\r\n      font-size: 16px;\r\n      border: 2px solid transparent;\r\n      cursor: pointer;\r\n      transition:\r\n         background 0.2s,\r\n         color 0.2s,\r\n         border-color 0.2s;\r\n   }\r\n   .rsua .btn-green {\r\n      background: var(--green);\r\n      color: #fff;\r\n   }\r\n   .rsua .btn-green:hover {\r\n      background: var(--green-d);\r\n   }\r\n   .rsua .btn-white {\r\n      background: #fff;\r\n      color: var(--green-dd);\r\n   }\r\n   .rsua .btn-white:hover {\r\n      background: #e6f5ec;\r\n   }\r\n   .rsua .btn-line {\r\n      border-color: rgba(255, 255, 255, 0.6);\r\n      color: #fff;\r\n   }\r\n   .rsua .btn-line:hover {\r\n      background: #fff;\r\n      color: var(--green-dd);\r\n   }\r\n   .rsua .btn-blue {\r\n      background: var(--blue);\r\n      color: #fff;\r\n   }\r\n   .rsua .btn-blue:hover {\r\n      background: var(--blue-d);\r\n   }\r\n   .rsua .btn-out {\r\n      border-color: var(--blue);\r\n      color: var(--blue);\r\n   }\r\n   .rsua .btn-out:hover {\r\n      background: var(--blue);\r\n      color: #fff;\r\n   }\r\n\r\n   \/* header *\/\r\n   .rsua .hdr {\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 999;\r\n      background: #fff;\r\n      border-bottom: 3px solid var(--green);\r\n   }\r\n   .rsua .hdr .wrap {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      height: 80px;\r\n      gap: 20px;\r\n   }\r\n   .rsua .brand img {\r\n      height: 56px;\r\n      width: auto;\r\n   }\r\n   .rsua nav {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 32px;\r\n   }\r\n   .rsua nav .links {\r\n      display: flex;\r\n      gap: 28px;\r\n   }\r\n   .rsua nav .links a {\r\n      font-weight: 600;\r\n      font-size: 16px;\r\n      color: var(--ink);\r\n      padding: 6px 0;\r\n      border-bottom: 2px solid transparent;\r\n   }\r\n   .rsua nav .links a:hover {\r\n      border-color: var(--green);\r\n      color: var(--green-d);\r\n   }\r\n   .rsua nav .acts {\r\n      display: flex;\r\n      gap: 10px;\r\n   }\r\n   .rsua nav .acts .btn {\r\n      padding: 9px 20px;\r\n      font-size: 15px;\r\n   }\r\n   .rsua .burger {\r\n      display: none;\r\n      background: none;\r\n      border: 0;\r\n      padding: 8px;\r\n      cursor: pointer;\r\n   }\r\n   .rsua .burger span {\r\n      display: block;\r\n      width: 26px;\r\n      height: 2px;\r\n      background: var(--blue);\r\n      margin: 6px 0;\r\n      transition:\r\n         transform 0.2s,\r\n         opacity 0.2s;\r\n   }\r\n   .rsua .burger[aria-expanded=\"true\"] span:nth-child(1) {\r\n      transform: translateY(8px) rotate(45deg);\r\n   }\r\n   .rsua .burger[aria-expanded=\"true\"] span:nth-child(2) {\r\n      opacity: 0;\r\n   }\r\n   .rsua .burger[aria-expanded=\"true\"] span:nth-child(3) {\r\n      transform: translateY(-8px) rotate(-45deg);\r\n   }\r\n\r\n   \/* hero *\/\r\n   .rsua .hero {\r\n      background: var(--green-dd);\r\n      color: #fff;\r\n      position: relative;\r\n      overflow: hidden;\r\n   }\r\n   .rsua .hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: radial-gradient(circle at 80% 30%, rgba(3, 146, 68, 0.55), transparent 55%), linear-gradient(135deg, var(--green-dd) 0%, var(--green-d) 100%);\r\n   }\r\n   .rsua .hero::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      height: 8px;\r\n      background: var(--blue);\r\n   }\r\n   .rsua .hero .wrap {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: 1.1fr 0.9fr;\r\n      gap: 56px;\r\n      align-items: center;\r\n      padding-top: 80px;\r\n      padding-bottom: 96px;\r\n      z-index: 1;\r\n   }\r\n   .rsua .hero h1 {\r\n      color: #fff;\r\n      font-size: clamp(36px, 5.2vw, 58px);\r\n      margin-bottom: 20px;\r\n      letter-spacing: -0.01em;\r\n   }\r\n   .rsua .hero p.lead {\r\n      font-size: 19px;\r\n      color: #d8eee0;\r\n      max-width: 520px;\r\n      margin-bottom: 34px;\r\n      \/* justify the text *\/\r\n      text-align: justify;\r\n      text-justify: inter-word;\r\n      hyphens: auto;\r\n      -webkit-hyphens: auto;\r\n   }\r\n   .rsua .hero .ctas {\r\n      display: flex;\r\n      gap: 14px;\r\n      flex-wrap: wrap;\r\n   }\r\n   .rsua .portrait {\r\n      position: relative;\r\n      max-width: 420px;\r\n      justify-self: end;\r\n      width: 100%;\r\n   }\r\n   .rsua .portrait::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 18px -18px -18px 18px;\r\n      border: 3px solid var(--green);\r\n      border-radius: 16px;\r\n      z-index: 0;\r\n   }\r\n   .rsua .portrait img {\r\n      position: relative;\r\n      z-index: 1;\r\n      width: 100%;\r\n      aspect-ratio: 4\/5;\r\n      object-fit: cover;\r\n      object-position: top;\r\n      border-radius: 16px;\r\n      border: 4px solid #fff;\r\n   }\r\n   .rsua .portrait figcaption {\r\n      position: absolute;\r\n      z-index: 2;\r\n      left: 16px;\r\n      right: 16px;\r\n      bottom: 16px;\r\n      background: rgba(32, 35, 112, 0.92);\r\n      color: #fff;\r\n      padding: 12px 16px;\r\n      border-radius: 10px;\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n   }\r\n   .rsua .portrait figcaption small {\r\n      display: block;\r\n      font-weight: 400;\r\n      color: #c9ccf0;\r\n      font-size: 13px;\r\n   }\r\n\r\n   \/* about *\/\r\n   .rsua .about {\r\n      background: #fff;\r\n   }\r\n   .rsua .about .wrap {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 64px;\r\n      align-items: start;\r\n   }\r\n   .rsua .about h2 {\r\n      font-size: clamp(28px, 4vw, 40px);\r\n      margin-bottom: 18px;\r\n   }\r\n   .rsua .about p {\r\n      color: var(--muted);\r\n      margin-bottom: 16px;\r\n   }\r\n   .rsua .about .btn {\r\n      margin-top: 10px;\r\n   }\r\n   .rsua .pts {\r\n      display: grid;\r\n      gap: 16px;\r\n   }\r\n   .rsua .pt {\r\n      border-left: 4px solid var(--green);\r\n      background: var(--paper);\r\n      padding: 18px 22px;\r\n      border-radius: 0 10px 10px 0;\r\n   }\r\n   .rsua .pt h3 {\r\n      font-size: 21px;\r\n      margin-bottom: 4px;\r\n   }\r\n   .rsua .pt p {\r\n      margin: 0;\r\n      font-size: 15.5px;\r\n   }\r\n\r\n   \/* services *\/\r\n   .rsua .svc {\r\n      background: var(--paper);\r\n   }\r\n   .rsua .grid9 {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 20px;\r\n   }\r\n   .rsua .card {\r\n      background: #fff;\r\n      border: 1px solid var(--line);\r\n      border-top: 4px solid var(--green);\r\n      border-radius: 12px;\r\n      padding: 26px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8px;\r\n      transition:\r\n         border-color 0.2s,\r\n         transform 0.2s;\r\n   }\r\n   .rsua .card:hover {\r\n      border-top-color: var(--blue);\r\n      transform: translateY(-3px);\r\n   }\r\n   .rsua .ico {\r\n      width: 48px;\r\n      height: 48px;\r\n      border-radius: 10px;\r\n      background: var(--green);\r\n      display: grid;\r\n      place-items: center;\r\n      margin-bottom: 6px;\r\n   }\r\n   .rsua .ico svg {\r\n      width: 25px;\r\n      height: 25px;\r\n      stroke: #fff;\r\n      fill: none;\r\n      stroke-width: 1.8;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n   }\r\n   .rsua .card h3 {\r\n      font-size: 22px;\r\n   }\r\n   .rsua .card p {\r\n      color: var(--muted);\r\n      font-size: 15.5px;\r\n      flex: 1;\r\n   }\r\n   .rsua .card .more {\r\n      font-weight: 600;\r\n      color: var(--green-d);\r\n      font-size: 15px;\r\n      margin-top: 4px;\r\n   }\r\n   .rsua .card .more:hover {\r\n      color: var(--blue);\r\n   }\r\n\r\n   \/* advert *\/\r\n   .rsua .ad {\r\n      background: #fff;\r\n      padding: 40px 0;\r\n   }\r\n   .rsua .ad-label {\r\n      max-width: 970px;\r\n      margin: 0 auto 8px;\r\n      font-size: 12px;\r\n      color: var(--muted);\r\n   }\r\n   .rsua .ad-box {\r\n      border: 2px dashed var(--line);\r\n      border-radius: 12px;\r\n      min-height: 130px;\r\n      max-width: 970px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n      padding: 20px;\r\n      background: var(--paper);\r\n   }\r\n   .rsua .ad-box p {\r\n      color: var(--muted);\r\n      font-size: 15px;\r\n   }\r\n   .rsua .ad-box p strong {\r\n      color: var(--blue);\r\n      display: block;\r\n      font-size: 17px;\r\n      margin-bottom: 4px;\r\n   }\r\n   .rsua .ad-box a {\r\n      color: var(--green-d);\r\n      font-weight: 600;\r\n      text-decoration: underline;\r\n   }\r\n   \/* REPLACE: for a live advert put <a href=\"LINK\"><img decoding=\"async\" src=\"BANNER-970x250.jpg\" alt=\"Advert: NAME\"><\/a> inside .ad-box *\/\r\n\r\n   \/* announcements hero slider *\/\r\n   .rsua .ann-top {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: flex-end;\r\n      gap: 20px;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 32px;\r\n   }\r\n   .rsua .ann-top .sec-head {\r\n      margin: 0;\r\n   }\r\n   .rsua .hs {\r\n      position: relative;\r\n      background: var(--blue-d);\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      border-bottom: 6px solid var(--green);\r\n   }\r\n   .rsua .hs-view {\r\n      overflow: hidden;\r\n   }\r\n   .rsua .hs-slides {\r\n      display: flex;\r\n      transition: transform 0.6s cubic-bezier(0.7, 0, 0.2, 1);\r\n   }\r\n   .rsua .hs-slide {\r\n      flex: 0 0 100%;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      min-height: 460px;\r\n   }\r\n   .rsua .hs-text {\r\n      padding: 56px 48px 96px;\r\n      color: #fff;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      gap: 16px;\r\n   }\r\n   .rsua .hs-text .badge {\r\n      align-self: flex-start;\r\n      background: var(--green);\r\n      color: #fff;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      padding: 6px 14px;\r\n      border-radius: 6px;\r\n   }\r\n   .rsua .hs-text h3 {\r\n      color: #fff;\r\n      font-size: clamp(28px, 3.6vw, 42px);\r\n   }\r\n   .rsua .hs-text p {\r\n      color: #d4d7f3;\r\n      font-size: 18px;\r\n      max-width: 480px;\r\n   }\r\n   .rsua .hs-text .btn {\r\n      align-self: flex-start;\r\n      margin-top: 8px;\r\n   }\r\n   .rsua .hs-pic {\r\n      background: linear-gradient(135deg, var(--green-d), var(--blue)) center\/cover no-repeat;\r\n      min-height: 300px;\r\n   }\r\n   .rsua .hs-ctrl {\r\n      position: absolute;\r\n      left: 48px;\r\n      bottom: 28px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 14px;\r\n      z-index: 2;\r\n   }\r\n   .rsua .arrow {\r\n      width: 46px;\r\n      height: 46px;\r\n      border-radius: 50%;\r\n      border: 2px solid rgba(255, 255, 255, 0.6);\r\n      background: transparent;\r\n      color: #fff;\r\n      cursor: pointer;\r\n      display: grid;\r\n      place-items: center;\r\n      transition:\r\n         background 0.2s,\r\n         color 0.2s;\r\n   }\r\n   .rsua .arrow:hover {\r\n      background: #fff;\r\n      color: var(--blue-d);\r\n   }\r\n   .rsua .arrow svg {\r\n      width: 22px;\r\n      height: 22px;\r\n      stroke: currentColor;\r\n      fill: none;\r\n      stroke-width: 2.2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n   }\r\n   .rsua .dots {\r\n      display: flex;\r\n      gap: 8px;\r\n      margin-left: 6px;\r\n   }\r\n   .rsua .dots button {\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 10px;\r\n      border: 0;\r\n      padding: 0;\r\n      background: rgba(255, 255, 255, 0.4);\r\n      cursor: pointer;\r\n      transition:\r\n         width 0.25s,\r\n         background 0.25s;\r\n   }\r\n   .rsua .dots button[aria-current=\"true\"] {\r\n      width: 32px;\r\n      background: var(--green);\r\n   }\r\n\r\n   \/* community *\/\r\n   .rsua .comm {\r\n      background: var(--blue);\r\n      color: #fff;\r\n   }\r\n   .rsua .comm h2 {\r\n      color: #fff;\r\n   }\r\n   .rsua .comm .sec-head p {\r\n      color: #cdd0f2;\r\n   }\r\n   .rsua .comm-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 22px;\r\n   }\r\n   .rsua .comm-card {\r\n      border: 1px solid rgba(255, 255, 255, 0.25);\r\n      border-radius: 12px;\r\n      padding: 28px;\r\n      background: rgba(255, 255, 255, 0.07);\r\n   }\r\n   .rsua .comm-card h3 {\r\n      color: #fff;\r\n      font-size: 22px;\r\n      margin-bottom: 8px;\r\n   }\r\n   .rsua .comm-card p {\r\n      color: #cdd0f2;\r\n      font-size: 15.5px;\r\n   }\r\n\r\n   \/* join *\/\r\n   .rsua .join {\r\n      background: var(--green);\r\n      text-align: center;\r\n   }\r\n   .rsua .join h2 {\r\n      font-size: clamp(30px, 4.4vw, 46px);\r\n      color: #fff;\r\n      margin-bottom: 14px;\r\n   }\r\n   .rsua .join p {\r\n      max-width: 560px;\r\n      margin: 0 auto 30px;\r\n      color: #eaf8ef;\r\n      font-size: 18px;\r\n   }\r\n   .rsua .join .ctas {\r\n      display: flex;\r\n      gap: 14px;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n   }\r\n\r\n   \/* footer *\/\r\n   .rsua .ftr {\r\n      background: var(--green-dd);\r\n      color: #cfe6d8;\r\n      padding: 64px 0 0;\r\n      font-size: 15.5px;\r\n   }\r\n   .rsua .ftr-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.4fr 1fr 1fr 1.2fr;\r\n      gap: 40px;\r\n      padding-bottom: 48px;\r\n   }\r\n   .rsua .ftr h3 {\r\n      font-family: \"Figtree\", sans-serif;\r\n      font-size: 16px;\r\n      color: #fff;\r\n      margin-bottom: 16px;\r\n      font-weight: 700;\r\n   }\r\n   .rsua .ftr ul {\r\n      list-style: none;\r\n      margin: 0;\r\n      padding: 0;\r\n      display: grid;\r\n      gap: 10px;\r\n   }\r\n   .rsua .ftr a:hover {\r\n      color: #fff;\r\n      text-decoration: underline;\r\n   }\r\n   .rsua .ftr .about-f img {\r\n      height: 56px;\r\n      width: auto;\r\n      border-radius: 10px;\r\n      margin-bottom: 14px;\r\n   }\r\n   .rsua .ftr .about-f p {\r\n      max-width: 320px;\r\n   }\r\n   .rsua .ftr-bot {\r\n      border-top: 1px solid rgba(255, 255, 255, 0.16);\r\n      padding: 20px 0;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      flex-wrap: wrap;\r\n      font-size: 14px;\r\n      color: #9cc4ab;\r\n   }\r\n\r\n   @media (max-width: 1024px) {\r\n      .rsua .hero .wrap,\r\n      .rsua .about .wrap {\r\n         grid-template-columns: 1fr;\r\n         gap: 48px;\r\n      }\r\n      .rsua .portrait {\r\n         justify-self: center;\r\n         max-width: 380px;\r\n         margin-right: 18px;\r\n      }\r\n      .rsua .grid9 {\r\n         grid-template-columns: repeat(2, 1fr);\r\n      }\r\n      .rsua .comm-grid {\r\n         grid-template-columns: repeat(2, 1fr);\r\n      }\r\n      .rsua .hs-slide {\r\n         min-height: 420px;\r\n      }\r\n      .rsua .hs-text {\r\n         padding: 40px 32px 92px;\r\n      }\r\n      .rsua .hs-ctrl {\r\n         left: 32px;\r\n      }\r\n      .rsua .ftr-grid {\r\n         grid-template-columns: 1fr 1fr;\r\n      }\r\n   }\r\n   @media (max-width: 900px) {\r\n      .rsua .burger {\r\n         display: block;\r\n      }\r\n      .rsua nav {\r\n         position: absolute;\r\n         top: 80px;\r\n         left: 0;\r\n         right: 0;\r\n         background: #fff;\r\n         border-bottom: 3px solid var(--green);\r\n         flex-direction: column;\r\n         align-items: stretch;\r\n         gap: 0;\r\n         padding: 8px 24px 24px;\r\n         display: none;\r\n      }\r\n      .rsua nav.open {\r\n         display: flex;\r\n      }\r\n      .rsua nav .links {\r\n         flex-direction: column;\r\n         gap: 0;\r\n      }\r\n      .rsua nav .links a {\r\n         padding: 14px 0;\r\n         border-bottom: 1px solid var(--line);\r\n      }\r\n      .rsua nav .acts {\r\n         flex-direction: column;\r\n         margin-top: 18px;\r\n      }\r\n      .rsua nav .acts .btn {\r\n         width: 100%;\r\n         padding: 13px;\r\n      }\r\n   }\r\n   @media (max-width: 640px) {\r\n      .rsua {\r\n         font-size: 16px;\r\n      }\r\n      .rsua .sec {\r\n         padding: 60px 0;\r\n      }\r\n      .rsua .brand img {\r\n         height: 46px;\r\n      }\r\n      .rsua .hero .wrap {\r\n         padding-top: 48px;\r\n         padding-bottom: 64px;\r\n      }\r\n      .rsua .hero .ctas .btn,\r\n      .rsua .join .ctas .btn {\r\n         width: 100%;\r\n      }\r\n      .rsua .grid9,\r\n      .rsua .comm-grid,\r\n      .rsua .ftr-grid {\r\n         grid-template-columns: 1fr;\r\n      }\r\n      .rsua .ftr-bot {\r\n         flex-direction: column;\r\n      }\r\n      .rsua .hs-slide {\r\n         grid-template-columns: 1fr;\r\n         min-height: 0;\r\n      }\r\n      .rsua .hs-pic {\r\n         order: -1;\r\n         min-height: 220px;\r\n         aspect-ratio: 16\/10;\r\n      }\r\n      .rsua .hs-text {\r\n         padding: 28px 22px 92px;\r\n      }\r\n      .rsua .hs-ctrl {\r\n         left: 22px;\r\n      }\r\n      .rsua .hs-text p {\r\n         font-size: 16px;\r\n      }\r\n   }\r\n\r\n   #rsua-news {\r\n      grid-column: 1 \/ -1;\r\n      width: 100%;\r\n      padding: 0;\r\n   }\r\n   #rsua-news [hidden] {\r\n      display: none !important;\r\n   }\r\n\r\n   \/* category chips *\/\r\n   #rsua-news .nfilter {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n      margin-bottom: 28px;\r\n   }\r\n   #rsua-news .chip {\r\n      font:\r\n         600 15px\/1 \"Figtree\",\r\n         system-ui,\r\n         sans-serif;\r\n      padding: 11px 20px;\r\n      border-radius: 999px;\r\n      border: 1.5px solid rgba(255, 255, 255, 0.45);\r\n      background: transparent;\r\n      color: #fff;\r\n      cursor: pointer;\r\n      transition:\r\n         background 0.2s,\r\n         color 0.2s,\r\n         border-color 0.2s;\r\n   }\r\n   #rsua-news .chip:hover {\r\n      background: rgba(255, 255, 255, 0.14);\r\n   }\r\n   #rsua-news .chip[aria-pressed=\"true\"] {\r\n      background: #fff;\r\n      color: var(--blue);\r\n      border-color: #fff;\r\n   }\r\n   #rsua-news .chip:focus-visible,\r\n   #rsua-news .nactions .btn:focus-visible {\r\n      outline: 3px solid #fff;\r\n      outline-offset: 3px;\r\n   }\r\n\r\n   \/* image (shared) *\/\r\n   #rsua-news .nimg {\r\n      position: relative;\r\n      display: block;\r\n      overflow: hidden;\r\n      background: linear-gradient(135deg, var(--green-d), var(--blue));\r\n   }\r\n   #rsua-news .nimg img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      transition: transform 0.5s ease;\r\n   }\r\n   #rsua-news .nimg.ph svg {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      width: 56px;\r\n      height: 56px;\r\n      transform: translate(-50%, -50%);\r\n      stroke: rgba(255, 255, 255, 0.7);\r\n      fill: none;\r\n      stroke-width: 1.5;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n   }\r\n\r\n   \/* featured story *\/\r\n   #rsua-news .nfeat {\r\n      display: grid;\r\n      grid-template-columns: 1.15fr 1fr;\r\n      background: #fff;\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      border-bottom: 5px solid var(--green);\r\n      margin-bottom: 28px;\r\n      box-shadow: 0 20px 44px -22px rgba(0, 0, 0, 0.55);\r\n   }\r\n   #rsua-news .nfeat .nimg {\r\n      min-height: 380px;\r\n   }\r\n   #rsua-news .nfeat .nbody {\r\n      padding: 44px 44px 40px;\r\n      justify-content: center;\r\n   }\r\n   #rsua-news .nfeat h3 {\r\n      font-size: clamp(26px, 3vw, 36px);\r\n   }\r\n   #rsua-news .nfeat p {\r\n      font-size: 17px;\r\n   }\r\n\r\n   \/* story grid *\/\r\n   #rsua-news .ngrid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 24px;\r\n   }\r\n   #rsua-news .ncard {\r\n      display: flex;\r\n      flex-direction: column;\r\n      background: #fff;\r\n      border-radius: 14px;\r\n      overflow: hidden;\r\n      box-shadow: 0 14px 30px -20px rgba(0, 0, 0, 0.6);\r\n   }\r\n   #rsua-news .ncard .nimg {\r\n      aspect-ratio: 16 \/ 10;\r\n   }\r\n   #rsua-news .ncard:hover .nimg img {\r\n      transform: scale(1.04);\r\n   }\r\n\r\n   \/* text *\/\r\n   #rsua-news .nbody {\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex: 1;\r\n      gap: 10px;\r\n      padding: 24px 26px 26px;\r\n      color: var(--ink);\r\n   }\r\n   #rsua-news .tag {\r\n      align-self: flex-start;\r\n      background: #e6f5ec;\r\n      color: var(--green-d);\r\n      font-weight: 600;\r\n      font-size: 13px;\r\n      line-height: 1;\r\n      padding: 7px 12px;\r\n      border-radius: 999px;\r\n   }\r\n   #rsua-news .meta {\r\n      font-size: 14px;\r\n      color: var(--muted);\r\n   }\r\n   #rsua-news h3 {\r\n      font-size: 22px;\r\n      line-height: 1.25;\r\n      color: var(--blue);\r\n   }\r\n   #rsua-news h3 a:hover {\r\n      color: var(--green-d);\r\n   }\r\n   #rsua-news .nbody p {\r\n      color: var(--muted);\r\n      font-size: 15.5px;\r\n      line-height: 1.65;\r\n   }\r\n   #rsua-news .more {\r\n      margin-top: auto;\r\n      padding-top: 6px;\r\n      font-weight: 600;\r\n      font-size: 15px;\r\n      color: var(--green-d);\r\n   }\r\n   #rsua-news .more:hover {\r\n      color: var(--blue);\r\n      text-decoration: underline;\r\n   }\r\n   #rsua-news .nbody a:focus-visible,\r\n   #rsua-news .nimg:focus-visible {\r\n      outline: 3px solid var(--green);\r\n      outline-offset: 3px;\r\n   }\r\n\r\n   \/* load more + states *\/\r\n   #rsua-news .nactions {\r\n      display: flex;\r\n      justify-content: center;\r\n      margin-top: 36px;\r\n   }\r\n   #rsua-news .nstate {\r\n      padding: 44px 24px;\r\n      text-align: center;\r\n      border: 1px dashed rgba(255, 255, 255, 0.45);\r\n      border-radius: 14px;\r\n      color: #e4e6fa;\r\n   }\r\n   #rsua-news .skel {\r\n      aspect-ratio: 4 \/ 3;\r\n      border-radius: 14px;\r\n      background: linear-gradient(90deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08));\r\n      background-size: 200% 100%;\r\n      animation: rsuaShimmer 1.4s linear infinite;\r\n   }\r\n   @keyframes rsuaShimmer {\r\n      to {\r\n         background-position: -200% 0;\r\n      }\r\n   }\r\n\r\n   @media (max-width: 1024px) {\r\n      #rsua-news .ngrid {\r\n         grid-template-columns: repeat(2, 1fr);\r\n      }\r\n   }\r\n   @media (max-width: 860px) {\r\n      #rsua-news .nfeat {\r\n         grid-template-columns: 1fr;\r\n      }\r\n      #rsua-news .nfeat .nimg {\r\n         min-height: 0;\r\n         aspect-ratio: 16 \/ 9;\r\n      }\r\n      #rsua-news .nfeat .nbody {\r\n         padding: 28px 24px 28px;\r\n      }\r\n   }\r\n   @media (max-width: 640px) {\r\n      #rsua-news .ngrid {\r\n         grid-template-columns: 1fr;\r\n      }\r\n      #rsua-news .nactions .btn {\r\n         width: 100%;\r\n      }\r\n   }\r\n   @media (prefers-reduced-motion: reduce) {\r\n      #rsua-news .skel {\r\n         animation: none;\r\n      }\r\n      #rsua-news .nimg img {\r\n         transition: none;\r\n      }\r\n   }\r\n   @media (prefers-reduced-motion: reduce) {\r\n      .rsua * {\r\n         transition: none !important;\r\n      }\r\n   }\r\n<\/style>\r\n\r\n<div class=\"rsua\" id=\"rsua-top\">\r\n   <header class=\"hdr\">\r\n      <div class=\"wrap\">\r\n         <a class=\"brand\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/landingpage\/\" aria-label=\"RSU Alumni home\"><img decoding=\"async\" src=\"https:\/\/www.rsu.edu.ng\/rsualumni\/wp-content\/uploads\/2026\/10\/rsualumnilogo.svg\" alt=\"RSU Alumni\" width=\"217\" height=\"56\" \/><\/a>\r\n         <button class=\"burger\" aria-label=\"Toggle menu\" aria-expanded=\"false\" aria-controls=\"rsua-nav\"><span><\/span><span><\/span><span><\/span><\/button>\r\n         <nav id=\"rsua-nav\" aria-label=\"Main\">\r\n            <div class=\"links\">\r\n               <a href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/aboutrsualumni\"> About Alumni Directory<\/a>\r\n               <a href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/announcement\">Announcement<\/a>\r\n            <\/div>\r\n            <div class=\"acts\">\r\n               <a class=\"btn btn-out\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/login\/\">Login<\/a>\r\n               <a class=\"btn btn-green\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/sign-up\/\">Sign Up<\/a>\r\n            <\/div>\r\n         <\/nav>\r\n      <\/div>\r\n   <\/header>\r\n\r\n   <section class=\"hero\">\r\n      <div class=\"wrap\">\r\n         <div>\r\n            <h1>Welcome<\/h1>\r\n            <p class=\"lead\">\r\n               I am very delighted to welcome you to the Rivers State University Alumni Community Website as a critical stakeholder in your Alma mater.<small> This interactive platform grants you direct access to real-time information about the Rivers State University and the activities of the Alumni ecosystem of the Institution. By joining this platform, you have the opportunity to connect with fellow alumni to build a strong, supportive and responsive community.<\/small>\r\n\r\n               We're glad to have you here!\r\n            <\/p>\r\n            <div class=\"ctas\">\r\n               <a class=\"btn btn-white\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/aboutrsualumni\">About us<\/a>\r\n               <a class=\"btn btn-line\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/login\">Access Your Account<\/a>\r\n            <\/div>\r\n         <\/div>\r\n         <figure class=\"portrait\" style=\"margin: 0\">\r\n            <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.rsu.edu.ng\/rsualumni\/wp-content\/uploads\/2026\/10\/download.jpeg\" alt=\"Directorate of Alumni Relations, Rivers State University\" width=\"640\" height=\"800\" \/>\r\n            <figcaption>Prof. Soye Peniel Asawo, <small>Director, Alumni Relations<\/small><small>Rivers State University<\/small><\/figcaption>\r\n            <!-- REPLACE: add name and title if you want them shown -->\r\n         <\/figure>\r\n      <\/div>\r\n   <\/section>\r\n\r\n   <section class=\"sec about\" id=\"about\">\r\n      <div class=\"wrap\">\r\n         <div>\r\n            <h2>About the Alumni Community<\/h2>\r\n            <p>The RSU Alumni Community brings together graduates of Rivers State University in one trusted space. It is managed by the Directorate of Alumni Relations, which keeps alumni connected to the University and to each other.<\/p>\r\n            <p>Registering gives you access to alumni services, official announcements and a network of fellow graduates.<\/p>\r\n            <a class=\"btn btn-blue\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/aboutrsualumni\">Learn More<\/a\r\n            ><!-- REPLACE with your About page -->\r\n         <\/div>\r\n         <div class=\"pts\">\r\n            <div class=\"pt\">\r\n               <h3>Our purpose<\/h3>\r\n               <p>To keep every RSU graduate connected to the University and to a supportive alumni network.<\/p>\r\n            <\/div>\r\n            <div class=\"pt\">\r\n               <h3>Why stay connected<\/h3>\r\n               <p>Find old classmates, hear about University events, and discover alumni-owned businesses.<\/p>\r\n            <\/div>\r\n            <div class=\"pt\">\r\n               <h3>Role of Alumni Relations<\/h3>\r\n               <p>The Directorate publishes approved information, runs alumni initiatives and supports your account.<\/p>\r\n            <\/div>\r\n         <\/div>\r\n      <\/div>\r\n   <\/section>\r\n\r\n   <section class=\"sec svc\" id=\"services\">\r\n      <div class=\"wrap\">\r\n         <div class=\"sec-head\">\r\n            <h2>What you can do here<\/h2>\r\n            <p>Explore the services of the Alumni Community. Most services need you to log in.<\/p>\r\n         <\/div>\r\n         <div class=\"grid9\">\r\n            <article class=\"card\">\r\n               <div class=\"ico\">\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                     <circle cx=\"9\" cy=\"8\" r=\"3.5\" \/>\r\n                     <path d=\"M2.5 20c0-3.6 2.9-6 6.5-6s6.5 2.4 6.5 6\" \/>\r\n                     <path d=\"M16 5a3.5 3.5 0 0 1 0 6.5M18 14c2.2.6 3.5 2.5 3.5 6\" \/>\r\n                  <\/svg>\r\n               <\/div>\r\n               <h3>Alumni Directory<\/h3>\r\n               <p>Find and connect with fellow alumni.<\/p>\r\n               <a class=\"more\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/alumni-directory\/\">Open directory<\/a>\r\n            <\/article>\r\n            <article class=\"card\">\r\n               <div class=\"ico\">\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                     <rect x=\"3.5\" y=\"5\" width=\"17\" height=\"15\" rx=\"2\" \/>\r\n                     <path d=\"M3.5 10h17M8 3v4M16 3v4\" \/>\r\n                  <\/svg>\r\n               <\/div>\r\n               <h3>Events<\/h3>\r\n               <p>See upcoming alumni and University events.<\/p>\r\n               <a class=\"more\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/event-listing\/\">View events<\/a>\r\n            <\/article>\r\n            <article class=\"card\">\r\n               <div class=\"ico\">\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                     <path d=\"M4 10v4l12 5V5L4 10z\" \/>\r\n                     <path d=\"M19 9a4 4 0 0 1 0 6M7 14.5V19\" \/>\r\n                  <\/svg>\r\n               <\/div>\r\n               <h3>Announcements<\/h3>\r\n               <p>Stay informed about alumni and University activities.<\/p>\r\n               <a class=\"more\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/news\/\">Read announcements<\/a>\r\n            <\/article>\r\n            <article class=\"card\">\r\n               <div class=\"ico\">\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                     <path d=\"M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z\" \/>\r\n                     <path d=\"M8.5 11h7M8.5 14h4\" \/>\r\n                  <\/svg>\r\n               <\/div>\r\n               <h3>General Forum<\/h3>\r\n               <p>Join conversations with other alumni.<\/p>\r\n               <a class=\"more\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/myforum\/\">Enter the forum<\/a>\r\n            <\/article>\r\n            <article class=\"card\">\r\n               <div class=\"ico\">\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                     <rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\" \/>\r\n                     <path d=\"M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2M3 13h18\" \/>\r\n                  <\/svg>\r\n               <\/div>\r\n               <h3>Job Board<\/h3>\r\n               <p>Find job openings or share opportunities.<\/p>\r\n               <a class=\"more\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/job-board\/\">Browse jobs<\/a>\r\n            <\/article>\r\n            <article class=\"card\">\r\n               <div class=\"ico\">\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                     <path d=\"M3 9l1.5-5h15L21 9\" \/>\r\n                     <path d=\"M4 9v11h16V9\" \/>\r\n                     <path d=\"M9 20v-6h6v6\" \/>\r\n                  <\/svg>\r\n               <\/div>\r\n               <h3>Business Directory<\/h3>\r\n               <p>Discover businesses owned or run by alumni.<\/p>\r\n               <a class=\"more\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/business-directory\/\">Browse businesses<\/a>\r\n            <\/article>\r\n            <article class=\"card\">\r\n               <div class=\"ico\">\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                     <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\" \/>\r\n                     <path d=\"M7 10h6M7 14h10\" \/>\r\n                  <\/svg>\r\n               <\/div>\r\n               <h3>Advertisement<\/h3>\r\n               <p>Promote your alumni-owned business. Adverts are subject to approval.<\/p>\r\n               <a class=\"more\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/advert\/\">Place an advert<\/a>\r\n            <\/article>\r\n            <article class=\"card\">\r\n               <div class=\"ico\">\r\n                  <svg viewBox=\"0 0 24 24\"><path d=\"M12 20.5s-8-4.6-8-10.4A4.6 4.6 0 0 1 12 7a4.6 4.6 0 0 1 8 3.1c0 5.8-8 10.4-8 10.4z\" \/><\/svg>\r\n               <\/div>\r\n               <h3>Donations<\/h3>\r\n               <p>Give back and support University and alumni causes.<\/p>\r\n               <a class=\"more\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/donor-dashboard\/\">Make a donation<\/a>\r\n            <\/article>\r\n            <article class=\"card\">\r\n               <div class=\"ico\">\r\n                  <svg viewBox=\"0 0 24 24\">\r\n                     <path d=\"M2 9l10-5 10 5-10 5L2 9z\" \/>\r\n                     <path d=\"M6 11.5V16c0 1.5 3 3 6 3s6-1.5 6-3v-4.5M22 9v6\" \/>\r\n                  <\/svg>\r\n               <\/div>\r\n               <h3>Convocation Schedules<\/h3>\r\n               <p>Access historical schedules and searchable records.<\/p>\r\n               <a class=\"more\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/convocation-schedule\">View schedules<\/a\r\n               ><!-- REPLACE with the convocation page link -->\r\n            <\/article>\r\n         <\/div>\r\n      <\/div>\r\n   <\/section>\r\n\r\n   <section class=\"sec comm\">\r\n      <div class=\"wrap\">\r\n         <div class=\"sec-head\">\r\n            <h2>Life in the community<\/h2>\r\n            <p>Stories, events and activities approved by Alumni Relations will appear here.<\/p>\r\n         <\/div>\r\n         <div class=\"comm-grid\">\r\n            <!-- REPLACE with approved content only. No invented statistics or testimonials. -->\r\n            <section id=\"rsua-news\" data-categories=\"uncategorized\" data-per-page=\"9\" data-api=\"\/rsualumni\/wp-json\/\">\r\n               <div class=\"nfilter\" id=\"rsua-chips\" role=\"group\" aria-label=\"Filter by category\" hidden><\/div>\r\n               <div id=\"rsua-feat\" aria-live=\"polite\"><\/div>\r\n               <div class=\"ngrid\" id=\"rsua-grid\"><\/div>\r\n               <div class=\"nactions\"><button class=\"btn btn-white\" id=\"rsua-more\" type=\"button\" hidden>Load more stories<\/button><\/div>\r\n            <\/section>\r\n         <\/div>\r\n      <\/div>\r\n   <\/section>\r\n\r\n   <section class=\"sec join\">\r\n      <div class=\"wrap\">\r\n         <h2>Are You an RSU Alumnus?<\/h2>\r\n         <p>Create your account to join the Alumni Community, or log in to continue where you left off.<\/p>\r\n         <div class=\"ctas\">\r\n            <a class=\"btn btn-white\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/sign-up\">Create an Account<\/a>\r\n            <a class=\"btn btn-line\" href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/login\">Login<\/a>\r\n         <\/div>\r\n      <\/div>\r\n   <\/section>\r\n\r\n   <footer class=\"ftr\" id=\"contact\">\r\n      <div class=\"wrap\">\r\n         <div class=\"ftr-grid\">\r\n            <div class=\"about-f\">\r\n               <img decoding=\"async\" src=\"https:\/\/www.rsu.edu.ng\/rsualumni\/wp-content\/uploads\/2026\/10\/rsualumnilogo.svg\" alt=\"RSU Alumni\" width=\"217\" height=\"56\" \/>\r\n               <p>A digital home for graduates of Rivers State University, managed by the Directorate of Alumni Relations.<\/p>\r\n            <\/div>\r\n            <div>\r\n               <h3>Quick links<\/h3>\r\n               <ul>\r\n                  <li><a href=\"#about\">About<\/a><\/li>\r\n                  <li><a href=\"#services\">Services<\/a><\/li>\r\n                  <li><a href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/news\/\">Announcements<\/a><\/li>\r\n                  <li><a href=\"https:\/\/www.rsu.edu.ng\/\" target=\"_blank\" rel=\"noopener\">RSU Official Website<\/a><\/li>\r\n               <\/ul>\r\n            <\/div>\r\n            <div>\r\n               <h3>Policies<\/h3>\r\n               <ul>\r\n                  <li><a href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/privacy-policy\/\">Privacy Policy<\/a><\/li>\r\n                  <!-- REPLACE -->\r\n                  <li><a href=\"https:\/\/www.rsu.edu.ng\/rsualumni\/terms\/\">Terms of Use<\/a><\/li>\r\n                  <!-- REPLACE -->\r\n               <\/ul>\r\n            <\/div>\r\n            <div>\r\n               <h3>Directorate of Alumni Relations<\/h3>\r\n               <ul>\r\n                  <li>Rivers State University, Port Harcourt<\/li>\r\n                  <!-- REPLACE with approved address -->\r\n                  <li><a href=\"mailto:alumni@rsu.edu.ng\">alumni@rsu.edu.ng<\/a><\/li>\r\n                  <!-- REPLACE -->\r\n                  <li>Phone: +234 000 000 0000<\/li>\r\n                  <!-- REPLACE -->\r\n                  <li><a href=\"#\" target=\"_blank\" rel=\"noopener\">Facebook<\/a> \u00b7 <a href=\"#\" target=\"_blank\" rel=\"noopener\">X<\/a> \u00b7 <a href=\"#\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a> \u00b7 <a href=\"#\" target=\"_blank\" rel=\"noopener\">Instagram<\/a><\/li>\r\n                  <!-- REPLACE -->\r\n               <\/ul>\r\n            <\/div>\r\n         <\/div>\r\n         <div class=\"ftr-bot\">\r\n            <span>\u00a9 <span id=\"rsua-year\">2026<\/span> Rivers State University. All rights reserved.<\/span><a href=\"#rsua-top\">Back to top<\/a>\r\n         <\/div>\r\n      <\/div>\r\n   <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n   (function () {\r\n      var root = document.getElementById(\"rsua-top\");\r\n      if (!root) return;\r\n      var b = root.querySelector(\".burger\"),\r\n         n = root.querySelector(\"#rsua-nav\");\r\n      b.addEventListener(\"click\", function () {\r\n         var o = n.classList.toggle(\"open\");\r\n         b.setAttribute(\"aria-expanded\", o);\r\n      });\r\n      n.querySelectorAll(\"a\").forEach(function (a) {\r\n         a.addEventListener(\"click\", function () {\r\n            n.classList.remove(\"open\");\r\n            b.setAttribute(\"aria-expanded\", \"false\");\r\n         });\r\n      });\r\n\r\n      var st = document.getElementById(\"rsua-slides\");\r\n      if (st) {\r\n         var sl = [].slice.call(st.children),\r\n            n = sl.length,\r\n            i = 0,\r\n            timer = null,\r\n            dots = document.getElementById(\"rsua-dots\"),\r\n            hs = st.closest(\".hs\");\r\n         sl.forEach(function (_, k) {\r\n            var d = document.createElement(\"button\");\r\n            d.setAttribute(\"aria-label\", \"Go to announcement \" + (k + 1));\r\n            d.addEventListener(\"click\", function () {\r\n               go(k);\r\n            });\r\n            dots.appendChild(d);\r\n         });\r\n         var ds = [].slice.call(dots.children);\r\n         function go(k) {\r\n            i = (k + n) % n;\r\n            st.style.transform = \"translateX(-\" + i * 100 + \"%)\";\r\n            sl.forEach(function (s, j) {\r\n               s.setAttribute(\"aria-hidden\", j !== i);\r\n               s.querySelectorAll(\"a\").forEach(function (a) {\r\n                  a.tabIndex = j === i ? 0 : -1;\r\n               });\r\n            });\r\n            ds.forEach(function (d, j) {\r\n               d.setAttribute(\"aria-current\", j === i);\r\n            });\r\n         }\r\n         document.getElementById(\"rsua-prev\").addEventListener(\"click\", function () {\r\n            go(i - 1);\r\n         });\r\n         document.getElementById(\"rsua-next\").addEventListener(\"click\", function () {\r\n            go(i + 1);\r\n         });\r\n         var reduce = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n         function play() {\r\n            if (reduce || timer || n < 2) return;\r\n            timer = setInterval(function () {\r\n               go(i + 1);\r\n            }, 6000);\r\n         }\r\n         function stop() {\r\n            clearInterval(timer);\r\n            timer = null;\r\n         }\r\n         hs.addEventListener(\"mouseenter\", stop);\r\n         hs.addEventListener(\"mouseleave\", play);\r\n         hs.addEventListener(\"focusin\", stop);\r\n         hs.addEventListener(\"focusout\", play);\r\n         var x0 = null;\r\n         hs.addEventListener(\r\n            \"touchstart\",\r\n            function (e) {\r\n               x0 = e.touches[0].clientX;\r\n               stop();\r\n            },\r\n            { passive: true },\r\n         );\r\n         hs.addEventListener(\r\n            \"touchend\",\r\n            function (e) {\r\n               if (x0 === null) return;\r\n               var dx = e.changedTouches[0].clientX - x0;\r\n               if (Math.abs(dx) > 50) go(i + (dx < 0 ? 1 : -1));\r\n               x0 = null;\r\n               play();\r\n            },\r\n            { passive: true },\r\n         );\r\n         hs.addEventListener(\"keydown\", function (e) {\r\n            if (e.key === \"ArrowRight\") go(i + 1);\r\n            if (e.key === \"ArrowLeft\") go(i - 1);\r\n         });\r\n         document.addEventListener(\"visibilitychange\", function () {\r\n            document.hidden ? stop() : play();\r\n         });\r\n         go(0);\r\n         play();\r\n      }\r\n      var y = document.getElementById(\"rsua-year\");\r\n      if (y) y.textContent = new Date().getFullYear();\r\n   })();\r\n\r\n   \/\/\/\/\/\/\/news script\/\/\/\/\/\/\/\/\/\/\r\n   (function () {\r\n      var s = document.getElementById(\"rsua-news\");\r\n      if (!s) return;\r\n      var grid = document.getElementById(\"rsua-grid\"),\r\n         feat = document.getElementById(\"rsua-feat\"),\r\n         chips = document.getElementById(\"rsua-chips\"),\r\n         more = document.getElementById(\"rsua-more\");\r\n      var perPage = parseInt(s.dataset.perPage, 10) || 9;\r\n      var slugs = (s.dataset.categories || \"\")\r\n         .split(\",\")\r\n         .map(function (x) {\r\n            return x.trim();\r\n         })\r\n         .filter(Boolean);\r\n      var link = document.querySelector('link[rel=\"https:\/\/api.w.org\/\"]');\r\n      var base = (link && link.href) || s.dataset.api;\r\n      if (base.slice(-1) !== \"\/\") base += \"\/\";\r\n      base += \"wp\/v2\/\";\r\n      var cats = [],\r\n         active = \"all\",\r\n         page = 1,\r\n         totalPages = 1,\r\n         busy = false,\r\n         req = 0;\r\n\r\n      var PH = '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M2 9l10-5 10 5-10 5L2 9z\"\/><path d=\"M6 11.5V16c0 1.5 3 3 6 3s6-1.5 6-3v-4.5M22 9v6\"\/><\/svg>';\r\n\r\n      function esc(t) {\r\n         var d = document.createElement(\"div\");\r\n         d.textContent = t == null ? \"\" : t;\r\n         return d.innerHTML.replace(\/\"\/g, \"&quot;\").replace(\/'\/g, \"&#39;\");\r\n      }\r\n      function plain(h) {\r\n         var d = document.createElement(\"div\");\r\n         d.innerHTML = h || \"\";\r\n         return (d.textContent || \"\").trim();\r\n      }\r\n      function fmt(d) {\r\n         try {\r\n            return new Date(d).toLocaleDateString(\"en-GB\", { day: \"numeric\", month: \"long\", year: \"numeric\" });\r\n         } catch (e) {\r\n            return \"\";\r\n         }\r\n      }\r\n      function secure(u) {\r\n         return u && location.protocol === \"https:\" ? u.replace(\/^http:\\\/\\\/\/i, \"https:\/\/\") : u;\r\n      }\r\n      \/* featured image: embedded media first, then fallbacks *\/\r\n      function img(p) {\r\n         var m = p._embedded && p._embedded[\"wp:featuredmedia\"] && p._embedded[\"wp:featuredmedia\"][0];\r\n         var u = \"\";\r\n         if (m && m.source_url) {\r\n            var z = m.media_details && m.media_details.sizes;\r\n            u = (z && ((z.large && z.large.source_url) || (z.medium_large && z.medium_large.source_url) || (z.full && z.full.source_url))) || m.source_url;\r\n         }\r\n         if (!u && p.jetpack_featured_media_url) u = p.jetpack_featured_media_url;\r\n         if (!u && p.content && p.content.rendered) {\r\n            var f = \/<img[^>]+src=[\"']([^\"']+)[\"']\/i.exec(p.content.rendered);\r\n            if (f) u = f[1];\r\n         }\r\n         return secure(u);\r\n      }\r\n      function catName(p) {\r\n         var t = p._embedded && p._embedded[\"wp:term\"] && p._embedded[\"wp:term\"][0];\r\n         return t && t[0] ? t[0].name : \"\";\r\n      }\r\n      function trim(t, n) {\r\n         return t.length > n ? t.slice(0, n).replace(\/\\s+\\S*$\/, \"\") + \"\u2026\" : t;\r\n      }\r\n\r\n      function card(p, big) {\r\n         var u = img(p),\r\n            title = esc(plain(p.title.rendered)),\r\n            ex = esc(trim(plain(p.excerpt.rendered), big ? 220 : 130)),\r\n            c = catName(p),\r\n            href = esc(p.link);\r\n         var im = u ? '<a class=\"nimg\" href=\"' + href + '\" tabindex=\"-1\" aria-hidden=\"true\"><img src=\"' + esc(u) + '\" alt=\"\" loading=\"' + (big ? \"eager\" : \"lazy\") + '\" decoding=\"async\" \/><\/a>' : '<a class=\"nimg ph\" href=\"' + href + '\" tabindex=\"-1\" aria-hidden=\"true\">' + PH + \"<\/a>\";\r\n         var body = '<div class=\"nbody\">' + (c ? '<span class=\"tag\">' + esc(c) + \"<\/span>\" : \"\") + '<time class=\"meta\" datetime=\"' + esc(p.date) + '\">' + fmt(p.date) + \"<\/time>\" + '<h3><a href=\"' + href + '\">' + title + \"<\/a><\/h3>\" + (ex ? \"<p>\" + ex + \"<\/p>\" : \"\") + '<a class=\"more\" href=\"' + href + '\">Read more <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div>';\r\n         return big ? '<article class=\"nfeat\">' + im + body + \"<\/article>\" : '<article class=\"ncard\">' + im + body + \"<\/article>\";\r\n      }\r\n      function skeleton() {\r\n         grid.innerHTML = '<div class=\"skel\"><\/div><div class=\"skel\"><\/div><div class=\"skel\"><\/div>';\r\n      }\r\n      function state(msg) {\r\n         grid.innerHTML = \"\";\r\n         more.hidden = true;\r\n         feat.innerHTML = '<div class=\"nstate\">' + msg + \"<\/div>\";\r\n      }\r\n\r\n      \/* if an image fails to load, swap in the placeholder instead of a broken icon *\/\r\n      s.addEventListener(\r\n         \"error\",\r\n         function (e) {\r\n            var t = e.target;\r\n            if (t && t.tagName === \"IMG\" && t.parentNode) {\r\n               t.parentNode.classList.add(\"ph\");\r\n               t.parentNode.innerHTML = PH;\r\n            }\r\n         },\r\n         true,\r\n      );\r\n\r\n      function ids() {\r\n         if (active !== \"all\") return String(active);\r\n         return cats\r\n            .map(function (c) {\r\n               return c.id;\r\n            })\r\n            .join(\",\");\r\n      }\r\n      function load(reset) {\r\n         if (!reset && busy) return;\r\n         var my = ++req;\r\n         busy = true;\r\n         if (reset) {\r\n            page = 1;\r\n            feat.innerHTML = \"\";\r\n            skeleton();\r\n            more.hidden = true;\r\n         }\r\n         var q = \"posts?_embed=1&per_page=\" + perPage + \"&page=\" + page;\r\n         var i = ids();\r\n         if (i) q += \"&categories=\" + i;\r\n         fetch(base + q)\r\n            .then(function (r) {\r\n               totalPages = parseInt(r.headers.get(\"X-WP-TotalPages\"), 10) || 1;\r\n               if (!r.ok && r.status !== 400) throw new Error(r.status);\r\n               return r.ok ? r.json() : [];\r\n            })\r\n            .then(function (posts) {\r\n               if (my !== req) return;\r\n               if (reset) {\r\n                  grid.innerHTML = \"\";\r\n                  feat.innerHTML = \"\";\r\n               }\r\n               if (reset && !posts.length) {\r\n                  state(\"No stories have been published in this category yet. Please check back soon.\");\r\n                  return;\r\n               }\r\n               if (reset && page === 1) {\r\n                  feat.innerHTML = card(posts[0], true);\r\n                  posts = posts.slice(1);\r\n               }\r\n               grid.insertAdjacentHTML(\r\n                  \"beforeend\",\r\n                  posts\r\n                     .map(function (p) {\r\n                        return card(p, false);\r\n                     })\r\n                     .join(\"\"),\r\n               );\r\n               more.hidden = page >= totalPages;\r\n            })\r\n            .catch(function () {\r\n               if (my === req) state(\"We couldn\u2019t load the latest news right now. Please refresh the page or try again shortly.\");\r\n            })\r\n            .then(function () {\r\n               if (my === req) busy = false;\r\n            });\r\n      }\r\n\r\n      function buildChips() {\r\n         if (cats.length < 2) return;\r\n         var h = '<button class=\"chip\" type=\"button\" data-id=\"all\" aria-pressed=\"true\">All<\/button>';\r\n         cats.forEach(function (c) {\r\n            h += '<button class=\"chip\" type=\"button\" data-id=\"' + c.id + '\" aria-pressed=\"false\">' + esc(plain(c.name)) + \"<\/button>\";\r\n         });\r\n         chips.innerHTML = h;\r\n         chips.hidden = false;\r\n         chips.addEventListener(\"click\", function (e) {\r\n            var b = e.target.closest(\".chip\");\r\n            if (!b) return;\r\n            active = b.dataset.id;\r\n            chips.querySelectorAll(\".chip\").forEach(function (x) {\r\n               x.setAttribute(\"aria-pressed\", x === b);\r\n            });\r\n            load(true);\r\n         });\r\n      }\r\n      more.addEventListener(\"click\", function () {\r\n         page++;\r\n         more.disabled = true;\r\n         load(false);\r\n         setTimeout(function () {\r\n            more.disabled = false;\r\n         }, 600);\r\n      });\r\n\r\n      skeleton();\r\n      if (!slugs.length) {\r\n         load(true);\r\n         return;\r\n      }\r\n      fetch(base + \"categories?per_page=100&slug=\" + encodeURIComponent(slugs.join(\",\")))\r\n         .then(function (r) {\r\n            return r.json();\r\n         })\r\n         .then(function (list) {\r\n            if (!list.length) {\r\n               state(\"The news category \u201c\" + esc(slugs.join(\", \")) + \"\u201d was not found. Check the slug in <code>data-categories<\/code>.\");\r\n               return;\r\n            }\r\n            cats = list;\r\n            buildChips();\r\n            load(true);\r\n         })\r\n         .catch(function () {\r\n            state(\"We couldn\u2019t load the latest news right now. Please refresh the page or try again shortly.\");\r\n         });\r\n   })();\r\n<\/script>\r\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>About Alumni Directory Announcement Login Sign Up Welcome I am very delighted to welcome you to the Rivers State University Alumni Community Website as a critical stakeholder in your Alma mater. This interactive platform grants you direct access to real-time information about the Rivers State University and the activities of the Alumni ecosystem of the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-15080","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.rsu.edu.ng\/rsualumni\/wp-json\/wp\/v2\/pages\/15080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rsu.edu.ng\/rsualumni\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rsu.edu.ng\/rsualumni\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rsu.edu.ng\/rsualumni\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rsu.edu.ng\/rsualumni\/wp-json\/wp\/v2\/comments?post=15080"}],"version-history":[{"count":74,"href":"https:\/\/www.rsu.edu.ng\/rsualumni\/wp-json\/wp\/v2\/pages\/15080\/revisions"}],"predecessor-version":[{"id":15266,"href":"https:\/\/www.rsu.edu.ng\/rsualumni\/wp-json\/wp\/v2\/pages\/15080\/revisions\/15266"}],"wp:attachment":[{"href":"https:\/\/www.rsu.edu.ng\/rsualumni\/wp-json\/wp\/v2\/media?parent=15080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}