{"id":19,"date":"2026-06-03T07:55:03","date_gmt":"2026-06-03T07:55:03","guid":{"rendered":"https:\/\/j4web.in\/hsc-london\/?st-import=5703b44157b42b600703943e40791d1a"},"modified":"2026-06-18T12:54:42","modified_gmt":"2026-06-18T12:54:42","slug":"about","status":"publish","type":"page","link":"https:\/\/j4web.in\/hsc-london\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0b3181 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"f0b3181\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b17abf7 e-con-full e-flex e-con e-child\" data-id=\"b17abf7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6878345 elementor-widget elementor-widget-heading\" data-id=\"6878345\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">About Us<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-6010159 e-con-full e-flex e-con e-parent\" data-id=\"6010159\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1fb785 elementor-widget elementor-widget-html\" data-id=\"c1fb785\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"golfex-about\">\r\n    <div class=\"container\">\r\n\r\n        <div class=\"about-images\">\r\n            <div class=\"img-back\">\r\n                <img decoding=\"async\" src=\"https:\/\/j4web.in\/hsc-london\/wp-content\/uploads\/2026\/06\/sandro-schuh-HgwY_YQ1m0w-unsplash-scaled.jpg\" alt=\"Sandro Schuh HgwY YQ1m0w Unsplash Scaled\" title=\"About\">\r\n            <\/div>\r\n\r\n            <div class=\"img-front\">\r\n                <img decoding=\"async\" src=\"https:\/\/j4web.in\/hsc-london\/wp-content\/uploads\/2026\/06\/about.jpg-2.jpeg\" alt=\"About.jpg 2\" title=\"About\">\r\n            <\/div>\r\n\r\n<div class=\"membership-badge\">\r\n\r\n    <svg viewBox=\"0 0 200 200\" class=\"rotating-text\">\r\n        <defs>\r\n            <path id=\"circlePath\"\r\n                  d=\"M100,100\r\n                     m-75,0\r\n                     a75,75 0 1,1 150,0\r\n                     a75,75 0 1,1 -150,0\"\/>\r\n        <\/defs>\r\n\r\n        <text>\r\n            <textPath href=\"#circlePath\">\r\n                \u2022 GET MEMBERSHIP \u2022 GET MEMBERSHIP \u2022 GET MEMBERSHIP \u2022\r\n            <\/textPath>\r\n        <\/text>\r\n    <\/svg>\r\n\r\n    <div class=\"badge-center\">\r\n        <i class=\"fas fa-golf-ball-tee\"><\/i>\r\n    <\/div>\r\n\r\n<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"about-content\">\r\n\r\n\r\n            <h2>\r\n               Hydepark Sports Club\r\n            <\/h2>\r\n\r\n            <p class=\"intro\">\r\nHSC London (Hydepark Sports Club) is one of the region\u2019s fastest-growing family-oriented sports and community organizations, based in London, Ontario. Established in 2017, HSC was founded with a vision of bringing people together through sports while promoting leadership, personal growth, active citizenship, and community development. We believe sports are more than competition\u2014they are a powerful platform for building character, fostering lifelong friendships, encouraging healthy lifestyles, and developing future leaders.\r\n            <\/p>\r\n\r\n             <p class=\"intro\"> Guided by the values of leadership, fellowship, service, and positive community impact, HSC extends beyond sports to create meaningful opportunities for individuals and families to connect, learn, and grow. Through youth development initiatives, family programs, cultural celebrations, community outreach, networking opportunities, and social events, we empower people of all ages to make a positive difference while building a stronger, more united community.<\/p>    \r\n\r\n            <a href=\"#\" class=\"about-btn\">\r\n               Register Now\r\n                <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n    .golfex-about{\r\n    padding:120px 0;\r\n   \r\n    overflow:hidden;\r\n}\r\n\r\n.golfex-about .container{\r\n    max-width:1400px;\r\n    margin:auto;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    gap:80px;\r\n}\r\n\r\n.about-images{\r\n    flex:1;\r\n    position:relative;\r\n    min-height:650px;\r\n}\r\n\r\n.img-back{\r\n    width:430px;\r\n    border-radius:15px;\r\n    overflow:hidden;\r\n}\r\n\r\n.img-back img{\r\n    width:100%;\r\n    display:block;\r\n    height:520px;\r\n    object-fit:cover;\r\n}\r\n\r\n.img-front{\r\n    position:absolute;\r\n    left:90px;\r\n    top:120px;\r\n    width:470px;\r\n    transform:rotate(-7deg);\r\n    border:10px solid #fff;\r\n    border-radius:20px;\r\n    overflow:hidden;\r\n    box-shadow:0 20px 60px rgba(0,0,0,.15);\r\n}\r\n\r\n.img-front img{\r\n    width:100%;\r\n    display:block;\r\n    height:520px;\r\n    object-fit:cover;\r\n}\r\n\r\n.membership-badge{\r\n    position:absolute;\r\n    left:120px;\r\n    bottom:30px;\r\n    width:160px;\r\n    height:160px;\r\n    border-radius:50%;\r\n    background:#f2e64d;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    text-align:center;\r\n    font-weight:700;\r\n    color:#000;\r\n    z-index:5;\r\n}\r\n\r\n.membership-badge span{\r\n    font-size:15px;\r\n    line-height:1.4;\r\n}\r\n\r\n.about-content{\r\n    flex:1;\r\n}\r\n\r\n.section-tag{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    font-size:14px;\r\n    font-weight:700;\r\n    letter-spacing:3px;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.section-tag i{\r\n    width:28px;\r\n    height:28px;\r\n    border-radius:50%;\r\n    background:#f2e64d;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:12px;\r\n}\r\n\r\n.about-content h2{\r\n    font-size:48px;\r\n    line-height:1.1;\r\n    font-weight:500;\r\n    margin-bottom:25px;\r\n    color:#111;\r\n}\r\n\r\n.intro{\r\n    font-size:17px;\r\n    line-height:1.8;\r\n    color:#6d6d6d;\r\n    margin-bottom:40px;\r\n}\r\n\r\n.about-feature{\r\n    display:flex;\r\n    gap:20px;\r\n    margin-bottom:35px;\r\n}\r\n\r\n.about-feature i{\r\n    width:34px;\r\n    height:34px;\r\n    border-radius:50%;\r\n    background:#fbbc3a;\r\n    color:#000;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex-shrink:0;\r\n}\r\n\r\n.about-feature h4{\r\n    font-size:20px;\r\n    margin-bottom:10px;\r\n    color:#111;\r\n}\r\n\r\n.about-feature p{\r\n    color:#6d6d6d;\r\n    line-height:1.8;\r\n    margin:0;\r\n}\r\n\r\n.about-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    background:#fbbc3a;\r\n    color:#111;\r\n    padding:18px 35px;\r\n    border-radius:50px;\r\n    font-weight:700;\r\n    text-decoration:none;\r\n    transition:.3s;\r\n}\r\n\r\n.about-btn:hover{\r\n    transform:translateY(-3px);\r\n}\r\n.membership-badge{\r\n    position:absolute;\r\n    left:57px;\r\n    bottom:30px;\r\n    width:180px;\r\n    height:180px;\r\n    border-radius:50%;\r\n    background:#fbbc3a;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    z-index:5;\r\n}\r\n\r\n.rotating-text{\r\n    position:absolute;\r\n    width:100%;\r\n    height:100%;\r\n    animation:rotateBadge 15s linear infinite;\r\n}\r\n\r\n.rotating-text text{\r\n    fill:#000;\r\n    font-size:16px;\r\n    font-weight:700;\r\n    letter-spacing:1px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.badge-center{\r\n    width:65px;\r\n    height:65px;\r\n    border-radius:50%;\r\n    background:#000;\r\n    color:#fff;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:28px;\r\n}\r\n\r\n@keyframes rotateBadge{\r\n    from{\r\n        transform:rotate(0deg);\r\n    }\r\n    to{\r\n        transform:rotate(360deg);\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-412fb8b e-con-full e-flex e-con e-parent\" data-id=\"412fb8b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-55a37a6 e-flex e-con-boxed e-con e-child\" data-id=\"55a37a6\" 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-1a23b0f elementor-widget elementor-widget-html\" data-id=\"1a23b0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.7.2\/css\/all.min.css\">\r\n\r\n<section class=\"hsc-about-vm\">\r\n  <div class=\"container\">\r\n\r\n    <div class=\"hsc-section-title\">\r\n    \r\n      <h2>Our Vision, Mission & Values<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"hsc-vm-grid\">\r\n<div class=\"hsc-vm-card\">\r\n    \r\n    <div class=\"hsc-icon\">\r\n        <i class=\"fa-solid fa-trophy\"><\/i>\r\n    <\/div>\r\n\r\n    <div class=\"hsc-content\">\r\n        <h3>Our Vision<\/h3>\r\n        <p>\r\n            To be a leading community sports club that inspires excellence,\r\n            inclusivity, and lifelong friendships through sports and social engagement.\r\n        <\/p>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"hsc-vm-card\">\r\n\r\n    <div class=\"hsc-icon\">\r\n        <i class=\"fa-solid fa-bullseye\"><\/i>\r\n    <\/div>\r\n\r\n    <div class=\"hsc-content\">\r\n        <h3>Our Mission<\/h3>\r\n\r\n    <p> To provide inclusive opportunities in sports, leadership development, cultural engagement, and community service that empower youth, strengthen families, develop responsible leaders, and create lasting positive impact within our community.\r\n  <\/p>  <\/div>\r\n\r\n<\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\n\r\n.hsc-vm-card{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:25px;\r\n}\r\n\r\n.hsc-icon{\r\n    flex:0 0 80px;\r\n}\r\n\r\n.hsc-vm-card h3{\r\n    flex:0 0 140px;\r\n    margin:0;\r\n    line-height:1.2;\r\n}\r\n\r\n.hsc-vm-card p,\r\n.hsc-vm-card ul{\r\n    flex:1;\r\n    margin:0;\r\n}\r\n    .hsc-about-vm,\r\n.hsc-join-section {\r\n  padding: 90px 0;\r\n  background: #FBBC39;\r\n}\r\n\r\n.container {\r\n  width: min(1400px, 100%);\r\n  margin: auto;\r\n}\r\n\r\n.hsc-section-title {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.hsc-section-title span,\r\n.hsc-join-content span {\r\n   color: black;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.hsc-section-title h2,\r\n.hsc-join-content h2 {\r\n  font-size: 42px;\r\n  color: black;\r\n  margin: 12px 0 0;\r\n  font-weight:500;\r\n}\r\n\r\n.hsc-vm-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 30px;\r\n}\r\n\r\n.hsc-vm-card {\r\n  background: #fff;\r\n  padding: 40px;\r\n  border-radius: 24px;\r\n  box-shadow: 0 15px 40px rgba(0,0,0,0.08);\r\n  border-bottom: 5px solid #fbbc3a;\r\n}\r\n\r\n.hsc-icon {\r\n  width: 70px;\r\n  height: 70px;\r\n  background: black;\r\n  color: #fff;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 32px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.hsc-vm-card h3 {\r\n  font-size: 28px;\r\n  color: #082f49;\r\n  margin-bottom: 15px;\r\n  font-weight:500;\r\n}\r\n\r\n.hsc-vm-card p,\r\n.hsc-vm-card li,\r\n.hsc-join-content p,\r\n.hsc-benefits-card li {\r\n  color: #51606f;\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n}\r\n\r\n.hsc-vm-card ul,\r\n.hsc-benefits-card ul {\r\n  padding-left: 20px;\r\n  margin: 0;\r\n}\r\n\r\n.hsc-values-section {\r\n  padding: 90px 0;\r\n  background:  #082f49;\r\n    max-width:1400px;\r\n    width:100%;\r\n    margin:0 auto;\r\n    padding-left:20px;\r\n    padding-right:20px;\r\n}\r\n.hsc-about-vm .container,\r\n.hsc-values-section .container,\r\n.hsc-join-section .container {\r\n  max-width:1400px;\r\n}\r\n.hsc-section-title.light h2 {\r\n  color: #fff;\r\n}\r\n\r\n.hsc-values-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(6, 1fr);\r\n  gap: 18px;\r\n}\r\n\r\n.hsc-value-box {\r\n  background: rgba(255,255,255,0.12);\r\n  color: #fff;\r\n  padding: 28px 15px;\r\n  border-radius: 18px;\r\n  text-align: center;\r\n  font-weight: 700;\r\n  border: 1px solid rgba(255,255,255,0.2);\r\n  transition: 0.3s ease;\r\n}\r\n\r\n.hsc-value-box:hover {\r\n  background: #f6a800;\r\n  color: #082f49;\r\n  transform: translateY(-6px);\r\n}\r\n\r\n.hsc-join-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 35px;\r\n  align-items: center;\r\n}\r\n\r\n.hsc-join-content p {\r\n  max-width: 520px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.hsc-btn {\r\n  display: inline-block;\r\n  background: #f6a800;\r\n  color: #082f49;\r\n  padding: 14px 28px;\r\n  border-radius: 50px;\r\n  font-weight: 800;\r\n  text-decoration: none;\r\n}\r\n\r\n.hsc-benefits-card {\r\n  background: #fff;\r\n  padding: 40px;\r\n  border-radius: 24px;\r\n  box-shadow: 0 15px 40px rgba(0,0,0,0.08);\r\n}\r\n\r\n.hsc-benefits-card h3 {\r\n   color: black;\r\n  font-size: 28px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .hsc-vm-grid,\r\n  .hsc-join-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .hsc-values-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .hsc-section-title h2,\r\n  .hsc-join-content h2 {\r\n    font-size: 32px;\r\n  }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n  .hsc-about-vm,\r\n  .hsc-values-section,\r\n  .hsc-join-section {\r\n    padding: 60px 0;\r\n  }\r\n\r\n  .hsc-values-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .hsc-vm-card,\r\n  .hsc-benefits-card {\r\n    padding: 28px;\r\n  }\r\n}\r\n\r\n.hsc-section-title span,\r\n.hsc-join-content span {\r\n  color: #f2e64d;\r\n}\r\n\r\n.hsc-vm-card {\r\n  border-bottom: 5px solid #f2e64d;\r\n}\r\n\r\n.hsc-value-box:hover {\r\n  background: #f2e64d;\r\n  color: #082f49;\r\n}\r\n\r\n.hsc-btn {\r\n  background: #f2e64d;\r\n  color: #082f49;\r\n}\r\n\r\n.hsc-btn:hover {\r\n  background: #e8db3a;\r\n  color: #082f49;\r\n}\r\n\/* Full width section background *\/\r\n.hsc-about-vm{\r\n    background:.hsc-about-vm;\r\n    padding:90px 0;\r\n    width:100%;\r\n}\r\n\r\n\/* Content container *\/\r\n.hsc-about-vm .container{\r\n    max-width:1400px;\r\n    width:100%;\r\n    margin:0 auto;\r\n    padding-left:20px;\r\n    padding-right:20px;\r\n}\r\n.hsc-about-vm{\r\n    margin-left:calc(50% - 50vw);\r\n    margin-right:calc(50% - 50vw);\r\n    width:100vw;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-00f48ae e-con-full e-flex e-con e-parent\" data-id=\"00f48ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4f08a7 elementor-widget elementor-widget-html\" data-id=\"f4f08a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"hsc-values-section\">\r\n    <div class=\"container\">\r\n\r\n        <div class=\"hsc-section-title\">\r\n            <span>Our Principles<\/span>\r\n            <h2>Core Values<\/h2>\r\n            <p>\r\n                The values that guide Hydepark Sports Club in every activity,\r\n                event, and community initiative.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"hsc-values-grid\">\r\n\r\n            <div class=\"hsc-value-card\">\r\n                <h3>Integrity<\/h3>\r\n                <p>We act with honesty, fairness, and responsibility in everything we do.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hsc-value-card\">\r\n                <h3>Respect<\/h3>\r\n                <p>We value every member, player, family, and supporter equally.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hsc-value-card\">\r\n                <h3>Teamwork<\/h3>\r\n                <p>We believe success comes through cooperation, support, and unity.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hsc-value-card\">\r\n                <h3>Inclusivity<\/h3>\r\n                <p>We welcome people of all ages, backgrounds, and abilities.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hsc-value-card\">\r\n                <h3>Excellence<\/h3>\r\n                <p>We strive to improve, perform well, and deliver quality experiences.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hsc-value-card\">\r\n                <h3>Community Spirit<\/h3>\r\n                <p>We build friendships, belonging, and a strong community through sports.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .hsc-values-section{\r\n    padding:100px 0;\r\n    background:white;\r\n}\r\n\r\n.hsc-section-title{\r\n    text-align:center;\r\n    max-width:700px;\r\n    margin:0 auto 60px;\r\n}\r\n\r\n.hsc-section-title span{\r\n    color:#fbbc3a;\r\n    font-weight:700;\r\n    text-transform:uppercase;\r\n    letter-spacing:2px;\r\n}\r\n\r\n.hsc-section-title h2{\r\n    font-size:46px;\r\n    color:#082f49;\r\n    margin:15px 0;\r\n}\r\n\r\n.hsc-section-title p{\r\n    color:#64748b;\r\n    line-height:1.8;\r\n}\r\n\r\n.hsc-values-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:30px;\r\n}\r\n\r\n.hsc-value-card{\r\n    background:#fff;\r\n    padding:35px;\r\n    border-radius:20px;\r\n    position:relative;\r\n    overflow:hidden;\r\n    transition:.35s;\r\n    box-shadow:0 15px 40px rgba(8,47,73,.08);\r\n}\r\n\r\n.hsc-value-card::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    top:0;\r\n    width:6px;\r\n    height:100%;\r\n    background:#fbbc3a;\r\n    transition:.35s;\r\n}\r\n\r\n.hsc-value-card:hover{\r\n    transform:translateY(-10px);\r\n    background:black;\r\n}\r\n\r\n.hsc-value-card:hover::before{\r\n    width:100%;\r\n    opacity:.08;\r\n}\r\n\r\n.hsc-value-card h3{\r\n    font-size:24px;\r\n    color:#082f49;\r\n    margin-bottom:15px;\r\n    position:relative;\r\n    z-index:2;\r\n    transition:.3s;\r\n}\r\n\r\n.hsc-value-card p{\r\n    color:#64748b;\r\n    line-height:1.8;\r\n    position:relative;\r\n    z-index:2;\r\n    transition:.3s;\r\n}\r\n\r\n.hsc-value-card:hover h3,\r\n.hsc-value-card:hover p{\r\n    color:#fff;\r\n}\r\n\r\n@media(max-width:991px){\r\n    .hsc-values-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n}\r\n\r\n@media(max-width:767px){\r\n    .hsc-values-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .hsc-section-title h2{\r\n        font-size:34px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e20824e e-flex e-con-boxed e-con e-parent\" data-id=\"e20824e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f614d05 e-flex e-con-boxed e-con e-child\" data-id=\"f614d05\" 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-9e77e86 elementor-widget elementor-widget-html\" data-id=\"9e77e86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"hsc-why-join\">\r\n    <div class=\"container\">\r\n\r\n        <div class=\"hsc-join-header\">\r\n\r\n            <h2>Why Join Us<\/h2>\r\n            <p>\r\n                Joining HSC London means becoming part of a welcoming community <br>\r\n                that values friendship, health, and personal development.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"hsc-join-wrapper\">\r\n\r\n            <!-- Left Content -->\r\n            <div class=\"hsc-join-content ylllw\">\r\n                <h3>Become Part of Something Bigger<\/h3>\r\n                <p>\r\n                    Whether you're passionate about sports, looking to connect\r\n                    with like-minded people, or seeking opportunities to give\r\n                    back to the community, HSC London offers a place where\r\n                    everyone belongs.\r\n                <\/p>\r\n\r\n                <a href=\"#membership\" class=\"hsc-join-btn\">\r\n                    Join Membership\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Right Benefits -->\r\n            <div class=\"hsc-benefits-grid\">\r\n\r\n                <div class=\"hsc-benefit-card\">\r\n                    <span>01<\/span>\r\n                    <h4>Sports Activities & Tournaments<\/h4>\r\n                \r\n                <\/div>\r\n\r\n                <div class=\"hsc-benefit-card\">\r\n                    <span>02<\/span>\r\n                    <h4>Family-Friendly Events<\/h4>\r\n                  \r\n                <\/div>\r\n\r\n                <div class=\"hsc-benefit-card\">\r\n                    <span>03<\/span>\r\n                    <h4>Networking Opportunities<\/h4>\r\n           \r\n                <\/div>\r\n\r\n                <div class=\"hsc-benefit-card\">\r\n                    <span>04<\/span>\r\n                    <h4>Community Engagement<\/h4>\r\n            \r\n                <\/div>\r\n\r\n                <div class=\"hsc-benefit-card\">\r\n                    <span>05<\/span>\r\n                    <h4>Exclusive Member Updates<\/h4>\r\n                  \r\n                <\/div>\r\n\r\n                <div class=\"hsc-benefit-card\">\r\n                    <span>06<\/span>\r\n                    <h4>Leadership Opportunities<\/h4>\r\n            \r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.hsc-why-join{\r\n    padding:100px 0;\r\n   \r\n    overflow:hidden;\r\n}\r\n.ylllw\r\n{\r\n    background-color: #fbbc39 !important;\r\n}\r\n\r\n.hsc-join-header{\r\n    text-align:center;\r\n    max-width:1400x;\r\n  \r\n}\r\n\r\n.hsc-join-header span{\r\n    color:#f2e64d;\r\n    font-weight:700;\r\n    text-transform:uppercase;\r\n    letter-spacing:2px;\r\n}\r\n\r\n.hsc-join-header h2{\r\n    color:black;\r\n    font-size:48px;\r\n    margin:15px 0;\r\n    font-weight:500;\r\n}\r\n\r\n.hsc-join-header p{\r\n   color:black;\r\n    font-size:18px;\r\n    line-height:1.8;\r\n}\r\n\r\n.hsc-join-wrapper{\r\n    display:grid;\r\n    grid-template-columns:420px 1fr;\r\n    gap:40px;\r\n    align-items:start;\r\n}\r\n\r\n.hsc-join-content{\r\n    background:#fbbc39;\r\n    padding:45px;\r\n    border-radius:30px;\r\n    position:sticky;\r\n    top:30px;\r\n}\r\n\r\n.hsc-join-content h3{\r\n    color:black;\r\n    font-size:32px;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.hsc-join-content p{\r\n    color:#64748b;\r\n    line-height:1.9;\r\n    margin-bottom:30px;\r\n}\r\n\r\n.hsc-join-btn{\r\n    display:inline-block;\r\n    padding:14px 30px;\r\n    background:white;\r\n    color:#082f49;\r\n    font-weight:700;\r\n    border-radius:50px;\r\n    text-decoration:none;\r\n    transition:.3s;\r\n}\r\n\r\n.hsc-join-btn:hover{\r\n    transform:translateY(-3px);\r\n}\r\n\r\n.hsc-benefits-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:25px;\r\n}\r\n\r\n.hsc-benefit-card{\r\n    background:white;\r\n    backdrop-filter:blur(10px);\r\n    border:1px solid rgba(255,255,255,.12);\r\n    border-radius:24px;\r\n    padding:35px;\r\n    transition:.4s;\r\n}\r\n\r\n.hsc-benefit-card:hover{\r\n    background:#fff;\r\n    transform:translateY(-8px);\r\n}\r\n\r\n.hsc-benefit-card span{\r\n    font-size:50px;\r\n    font-weight:800;\r\n    color:#fbbc3a;\r\n    display:block;\r\n    margin-bottom:15px;\r\n    line-height:1;\r\n}\r\n\r\n.hsc-benefit-card h4{\r\n   color:black;\r\n    font-size:22px;\r\n    margin-bottom:15px;\r\n    transition:.3s;\r\n}\r\n\r\n.hsc-benefit-card p{\r\n    color:rgba(255,255,255,.8);\r\n    line-height:1.8;\r\n    transition:.3s;\r\n}\r\n\r\n.hsc-benefit-card:hover h4{\r\n    color:#082f49;\r\n}\r\n\r\n.hsc-benefit-card:hover p{\r\n    color:#64748b;\r\n}\r\n\r\n@media(max-width:991px){\r\n\r\n    .hsc-join-wrapper{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .hsc-benefits-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .hsc-join-content{\r\n        position:relative;\r\n        top:auto;\r\n    }\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n    .hsc-benefits-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .hsc-join-header h2{\r\n        font-size:36px;\r\n    }\r\n\r\n    .hsc-join-content{\r\n        padding:35px 25px;\r\n    }\r\n\r\n    .hsc-benefit-card{\r\n        padding:28px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\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-5a934a3 e-con-full e-flex e-con e-parent\" data-id=\"5a934a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bde3be2 e-con-full e-flex e-con e-child\" data-id=\"bde3be2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-431f164 elementor-widget elementor-widget-html\" data-id=\"431f164\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Join Us Section -->\r\n<section class=\"hsc-join-section\">\r\n    <div class=\"hsc-overlay\"><\/div>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"hsc-join-content\">\r\n            <span class=\"subtitle\">\r\n                <i class=\"fas fa-circle\"><\/i>  HSC Onam 2026\r\n            <\/span>\r\n\r\n            <h2>\r\n            More Than a Festival, A Community Celebration  \r\n\r\n            <\/h2>\r\n            <p><\/p>\r\n\r\n            <div class=\"hsc-btns\">\r\n                <a href=\"https:\/\/j4web.in\/hsc-london\/register-now\/\" class=\"btn-primary\">\r\n                  Join Now <i class=\"fas fa-arrow-right\"><\/i>\r\n                <\/a>\r\n\r\n        \r\n            <\/div>\r\n        <\/div>\r\n\r\n     \r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n    .hsc-join-section{\r\n    position:relative;\r\n    min-height:700px;\r\n    background:url('..\/wp-content\/uploads\/2026\/06\/onam-strip.jpg.jpeg') center center\/cover no-repeat;\r\n    display:flex;\r\n    align-items:center;\r\n    overflow:hidden;\r\n}\r\n\r\n.hsc-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    background:rgba(0,0,0,.55);\r\n}\r\n\r\n.hsc-join-section .container{\r\n    position:relative;\r\n    z-index:2;\r\n    width:100%;\r\n    max-width:1400px;\r\n    margin:auto;\r\n    padding:0 20px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n}\r\n\r\n.hsc-join-content{\r\n    max-width:750px;\r\n    color:#fff;\r\n    background:transparent ;\r\n}\r\n\r\n.hsc-join-content .subtitle{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    font-size:15px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    color:#fff;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.hsc-join-content .subtitle i{\r\n    color:#fbbc3a;\r\n    font-size:10px;\r\n}\r\n\r\n.hsc-join-content h2{\r\n    font-size:50px;\r\n    line-height:1.1;\r\n    font-weight:500;\r\n    color:#fff;\r\n    margin-bottom:40px;\r\n}\r\n\r\n.hsc-btns{\r\n    display:flex;\r\n    gap:20px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.hsc-btns a{\r\n    text-decoration:none;\r\n    padding:18px 38px;\r\n    border-radius:50px;\r\n    font-size:18px;\r\n    font-weight:700;\r\n    transition:.4s;\r\n}\r\n\r\n.btn-primary{\r\n    background:#fbbc3a;\r\n    color:#111;\r\n}\r\n\r\n.btn-primary:hover{\r\n    background:#fff;\r\n    color:#111;\r\n}\r\n\r\n.btn-outline{\r\n    border:1px solid rgba(255,255,255,.5);\r\n    color:#fff;\r\n    backdrop-filter:blur(5px);\r\n}\r\n\r\n.btn-outline:hover{\r\n    background:#fff;\r\n    color:#111;\r\n}\r\n\r\n.hsc-video-btn a{\r\n    width:80px;\r\n    height:80px;\r\n    border-radius:50%;\r\n    background:#fbbc3a;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    text-decoration:none;\r\n    color:#111;\r\n    font-size:30px;\r\n    position:relative;\r\n}\r\n\r\n.hsc-video-btn a:before{\r\n    content:'';\r\n    position:absolute;\r\n    width:120px;\r\n    height:120px;\r\n    border-radius:50%;\r\n    background:rgba(233,234,84,.12);\r\n}\r\n\r\n.hsc-video-btn a:after{\r\n    content:'';\r\n    position:absolute;\r\n    width:140px;\r\n    height:140px;\r\n    border-radius:50%;\r\n    background:rgba(233,234,84,.18);\r\n}\r\n\r\n.hsc-video-btn i{\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n\/* Mobile *\/\r\n@media(max-width:991px){\r\n\r\n    .hsc-join-section{\r\n        min-height:auto;\r\n        padding:100px 0;\r\n    }\r\n\r\n    .hsc-join-section .container{\r\n        flex-direction:column;\r\n        text-align:center;\r\n        gap:50px;\r\n    }\r\n\r\n    .hsc-join-content h2{\r\n        font-size:42px;\r\n    }\r\n\r\n    .hsc-btns{\r\n        justify-content:center;\r\n    }\r\n\r\n    .hsc-video-btn a{\r\n        width:90px;\r\n        height:90px;\r\n        font-size:28px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us \u2022 GET MEMBERSHIP \u2022 GET MEMBERSHIP \u2022 GET MEMBERSHIP \u2022 Hydepark Sports Club HSC London (Hydepark Sports Club) is one of the region\u2019s fastest-growing family-oriented sports and community organizations, based in London, Ontario. Established in 2017, HSC was founded with a vision of bringing people together through sports while promoting leadership, personal growth, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/j4web.in\/hsc-london\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/j4web.in\/hsc-london\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/j4web.in\/hsc-london\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/j4web.in\/hsc-london\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/j4web.in\/hsc-london\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":201,"href":"https:\/\/j4web.in\/hsc-london\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":4025,"href":"https:\/\/j4web.in\/hsc-london\/wp-json\/wp\/v2\/pages\/19\/revisions\/4025"}],"wp:attachment":[{"href":"https:\/\/j4web.in\/hsc-london\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}