{"id":16,"date":"2025-07-12T06:58:48","date_gmt":"2025-07-12T06:58:48","guid":{"rendered":"https:\/\/stem-comsi.com\/?page_id=16"},"modified":"2026-04-08T07:09:02","modified_gmt":"2026-04-08T07:09:02","slug":"cyberclub","status":"publish","type":"page","link":"https:\/\/stem-comsi.com\/?page_id=16","title":{"rendered":"CyberClub"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>RCBC Cybersecurity Club<\/title>\n  <style>\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    body {\n      font-family: Arial, sans-serif;\n      line-height: 1.6;\n      background: #f7f7f7;\n      color: #222;\n    }\n\n    header {\n      background: #b5121b;\n      color: white;\n      padding: 18px 0;\n      position: sticky;\n      top: 0;\n      z-index: 1000;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n    }\n\n    .container {\n      width: 90%;\n      max-width: 1200px;\n      margin: auto;\n    }\n\n    .nav {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n    }\n\n    .logo {\n      font-size: 1.7rem;\n      font-weight: bold;\n    }\n\n    nav ul {\n      list-style: none;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 18px;\n    }\n\n    nav ul li a {\n      color: white;\n      text-decoration: none;\n      font-weight: bold;\n      transition: opacity 0.3s;\n    }\n\n    nav ul li a:hover {\n      opacity: 0.8;\n    }\n\n    .hero {\n      background: linear-gradient(rgba(181,18,27,0.82), rgba(0,0,0,0.6)),\n        url('https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1400&q=80') center\/cover no-repeat;\n      color: white;\n      text-align: center;\n      padding: 110px 20px;\n    }\n\n    .hero h1 {\n      font-size: 2.8rem;\n      margin-bottom: 15px;\n    }\n\n    .hero p {\n      font-size: 1.15rem;\n      max-width: 850px;\n      margin: 0 auto 25px;\n    }\n\n    .btn {\n      display: inline-block;\n      background: white;\n      color: #b5121b;\n      padding: 12px 22px;\n      margin: 8px;\n      border-radius: 6px;\n      text-decoration: none;\n      font-weight: bold;\n      transition: all 0.3s ease;\n    }\n\n    .btn:hover {\n      background: #f2f2f2;\n      transform: translateY(-2px);\n    }\n\n    section {\n      padding: 60px 0;\n    }\n\n    section h2 {\n      text-align: center;\n      color: #b5121b;\n      margin-bottom: 25px;\n      font-size: 2rem;\n    }\n\n    .section-text {\n      text-align: center;\n      max-width: 900px;\n      margin: 0 auto 30px;\n      font-size: 1.05rem;\n    }\n\n    .cards {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n      gap: 25px;\n      margin-top: 30px;\n    }\n\n    .card {\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 4px 14px rgba(0,0,0,0.1);\n      overflow: hidden;\n      transition: transform 0.3s ease;\n    }\n\n    .card:hover {\n      transform: translateY(-5px);\n    }\n\n    .card img {\n      width: 100%;\n      height: 250px;\n      object-fit: cover;\n      display: block;\n    }\n\n    .card-content {\n      padding: 20px;\n      text-align: center;\n    }\n\n    .card-content h3 {\n      color: #b5121b;\n      margin-bottom: 10px;\n    }\n\n    .highlights-grid,\n    .gallery-grid,\n    .video-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 25px;\n      margin-top: 30px;\n    }\n\n    .highlight-box,\n    .gallery-box,\n    .video-box {\n      background: white;\n      padding: 25px;\n      border-radius: 12px;\n      box-shadow: 0 4px 14px rgba(0,0,0,0.08);\n      text-align: center;\n    }\n\n    .highlight-box h3,\n    .gallery-box h3,\n    .video-box h3 {\n      color: #b5121b;\n      margin-bottom: 12px;\n    }\n\n    .gallery-box a,\n    .video-box a {\n      display: inline-block;\n      margin-top: 15px;\n      background: #b5121b;\n      color: white;\n      padding: 10px 18px;\n      border-radius: 6px;\n      text-decoration: none;\n      font-weight: bold;\n    }\n\n    .gallery-box a:hover,\n    .video-box a:hover {\n      background: #8f0f16;\n    }\n\n    .contact-box {\n      background: white;\n      max-width: 850px;\n      margin: auto;\n      padding: 30px;\n      border-radius: 12px;\n      box-shadow: 0 4px 14px rgba(0,0,0,0.08);\n      text-align: center;\n    }\n\n    footer {\n      background: #111;\n      color: white;\n      text-align: center;\n      padding: 20px;\n      margin-top: 20px;\n    }\n\n    @media (max-width: 768px) {\n      .nav {\n        flex-direction: column;\n        gap: 15px;\n      }\n\n      .hero h1 {\n        font-size: 2.1rem;\n      }\n\n      nav ul {\n        justify-content: center;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <header>\n    <div class=\"container nav\">\n      <div class=\"logo\">RCBC Cybersecurity Club<\/div>\n      <nav>\n        <ul>\n          <li><a href=\"#home\">Home<\/a><\/li>\n          <li><a href=\"#about\">About<\/a><\/li>\n          <li><a href=\"#highlights\">Highlights<\/a><\/li>\n          <li><a href=\"#gallery\">Gallery<\/a><\/li>\n          <li><a href=\"#videos\">Videos<\/a><\/li>\n          <li><a href=\"#leadership\">Leadership<\/a><\/li>\n          <li><a href=\"#contact\">Contact<\/a><\/li>\n        <\/ul>\n      <\/nav>\n    <\/div>\n  <\/header>\n\n  <section class=\"hero\" id=\"home\">\n    <div class=\"container\">\n      <h1>Welcome to the RCBC Cybersecurity Club<\/h1>\n      <p>\n        The RCBC Cybersecurity Club provides students with opportunities to build technical skills,\n        participate in competitions, work on hands-on projects, and prepare for careers and certifications\n        in cybersecurity and related technologies.\n      <\/p>\n      <a href=\"#gallery\" class=\"btn\">View Gallery<\/a>\n      <a href=\"#videos\" class=\"btn\">Watch Videos<\/a>\n    <\/div>\n  <\/section>\n\n  <section id=\"about\">\n    <div class=\"container\">\n      <h2>About the Club<\/h2>\n      <p class=\"section-text\">\n        Our club is dedicated to helping students grow in cybersecurity through collaboration,\n        practical exercises, competitions, workshops, and team-based learning. Members gain real-world\n        experience while developing leadership, communication, and problem-solving skills.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <section id=\"highlights\">\n    <div class=\"container\">\n      <h2>Club Highlights<\/h2>\n      <p class=\"section-text\">\n        Explore the exciting work, activities, and student experiences taking place in the RCBC Cybersecurity Club.\n      <\/p>\n\n      <div class=\"highlights-grid\">\n        <div class=\"highlight-box\">\n          <h3>Hands-On Learning<\/h3>\n          <p>\n            Students engage in practical cybersecurity exercises, labs, and team challenges that strengthen technical and analytical skills.\n          <\/p>\n        <\/div>\n        <div class=\"highlight-box\">\n          <h3>Competitions<\/h3>\n          <p>\n            Club members participate in cybersecurity competitions that promote teamwork, critical thinking, and real-world security experience.\n          <\/p>\n        <\/div>\n        <div class=\"highlight-box\">\n          <h3>Student Growth<\/h3>\n          <p>\n            Members develop professional skills, confidence, and career readiness through collaborative learning and leadership opportunities.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"gallery\">\n    <div class=\"container\">\n      <h2>Photo Gallery<\/h2>\n      <p class=\"section-text\">\n        View photos from club activities and cybersecurity competition events.\n      <\/p>\n\n      <div class=\"gallery-grid\">\n        <div class=\"gallery-box\">\n          <h3>Cybersecurity Club Gallery<\/h3>\n          <p>\n            Visit this gallery page to view images and highlights from club events and activities.\n          <\/p>\n          <a href=\"https:\/\/stem-comsi.com\/?page_id=204\" target=\"_blank\">Open Gallery Page 1<\/a>\n        <\/div>\n\n        <div class=\"gallery-box\">\n          <h3>Competition Team Gallery<\/h3>\n          <p>\n            Visit this gallery page to see photos from the cybersecurity competition team and related events.\n          <\/p>\n          <a href=\"https:\/\/stem-comsi.com\/?page_id=206\" target=\"_blank\">Open Gallery Page 2<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"videos\">\n    <div class=\"container\">\n      <h2>Videos<\/h2>\n      <p class=\"section-text\">\n        Add your club videos, event highlights, competition recaps, or student project demonstrations here.\n      <\/p>\n\n      <div class=\"video-grid\">\n        <div class=\"video-box\">\n          <h3>Featured Club Video<\/h3>\n          <p>\n            Replace this section with an embedded YouTube or WordPress-hosted video for club highlights.\n          <\/p>\n          <a href=\"#\">Add Video Link<\/a>\n        <\/div>\n\n        <div class=\"video-box\">\n          <h3>Competition Highlights<\/h3>\n          <p>\n            Showcase cybersecurity competition videos, practice sessions, or student interviews here.\n          <\/p>\n          <a href=\"#\">Add Video Link<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"leadership\">\n    <div class=\"container\">\n      <h2>Club Leadership<\/h2>\n      <p class=\"section-text\">\n        Meet the student leaders helping guide the RCBC Cybersecurity Club.\n      <\/p>\n\n      <div class=\"cards\">\n        <div class=\"card\">\n          <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x250?text=President\" alt=\"President\">\n          <div class=\"card-content\">\n            <h3>President<\/h3>\n            <p>Add the President&#8217;s name and short bio here.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"card\">\n          <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x250?text=Vice+President\" alt=\"Vice President\">\n          <div class=\"card-content\">\n            <h3>Vice President<\/h3>\n            <p>Add the Vice President&#8217;s name and short bio here.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"card\">\n          <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x250?text=Treasurer\" alt=\"Treasurer\">\n          <div class=\"card-content\">\n            <h3>Treasurer<\/h3>\n            <p>Add the Treasurer&#8217;s name and short bio here.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"card\">\n          <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x250?text=Secretary\" alt=\"Secretary\">\n          <div class=\"card-content\">\n            <h3>Secretary<\/h3>\n            <p>Add the Secretary&#8217;s name and short bio here.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"contact\">\n    <div class=\"container\">\n      <h2>Contact \/ Get Involved<\/h2>\n      <div class=\"contact-box\">\n        <p>\n          Interested in joining the RCBC Cybersecurity Club or learning more about upcoming events,\n          activities, and competitions?\n        <\/p>\n        <br>\n        <p>\n          Update this section with your club advisor email, meeting details, and membership information.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <footer>\n    <p>\n      &copy; 2026 RCBC Cybersecurity Club. All Rights Reserved.\n    <\/p>\n  <\/footer>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>RCBC Cybersecurity Club RCBC Cybersecurity Club Home About Highlights Gallery Videos Leadership Contact Welcome to the RCBC Cybersecurity Club The RCBC Cybersecurity [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stem-comsi.com\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stem-comsi.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stem-comsi.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stem-comsi.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stem-comsi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":2,"href":"https:\/\/stem-comsi.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":208,"href":"https:\/\/stem-comsi.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/208"}],"wp:attachment":[{"href":"https:\/\/stem-comsi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}