Text

Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Image Cards with Hover Effect</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f0f0f0;
    }
    .card-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 20px;
      padding: 20px;
    }

    .card {
      width: 30%;
      transition: transform 0.3s ease, opacity 0.3s ease;
      position: relative;
      cursor: pointer;
    }

    .card:hover {
      transform: scale(1.1);
      opacity: 1;
    }

    .card:not(:hover) {
      opacity: 0.7; /* Only non-hovered cards fade */
    }

    .card-img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      display: block;
    }

    a {
      text-decoration: none;
    }
  </style>
</head>
<body>

  <div class="card-container">
    <div class="card">
      <a href="https://winningct.org/dr-kevin-paulin">
        <img src="https://i.postimg.cc/tTq8fz8n/11.png" alt="Dr. Kevin Paulin" class="card-img">
      </a>
    </div>
    <div class="card">
      <a href="https://winningct.org/wilford-charles">
        <img src="https://i.postimg.cc/fL81h9h2/12.png" alt="Wilford Charles" class="card-img">
      </a>
    </div>
    <div class="card">
      <a href="https://winningct.org/rosalee-daley">
        <img src="https://i.postimg.cc/rF03vsZj/13.png" alt="Rosalee Daley" class="card-img">
      </a>
    </div>
    <div class="card">
      <a href="https://winningct.org/robbia-j--williams">
        <img src="https://i.postimg.cc/tgycZ5qv/14.png" alt="Robbia J. Williams" class="card-img">
      </a>
    </div>
    
    <div class="card">
      <a href="https://winningct.org/dominique-williams" target="_blank" rel="noopener">
        <img src="https://i.postimg.cc/mD5xJZrp/12-new.png" alt="Dominique Williams" class="card-img">
      </a>
    </div>
  </div>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Image Cards with Hover Effect</title>
  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
  <style>
    body {
      margin: 0;
      padding: 0;
      background-color: #111; /* Dark background for white text */
      font-family: Arial, sans-serif;
    }

    /* BOARD OF DIRECTORS container */
    .board-container {
      width: 100%;
      text-align: center;
      margin-top: 20px;
    }

    .board-container h1 {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 60px;
      font-weight: 700;
      color: white;
      margin: 0;
      letter-spacing: 2px;
    }

    /* Card Container */
    .card-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; /* Cards centered */
      gap: 20px;
      padding: 20px;
    }

    .card {
      width: 30%;
      transition: transform 0.3s ease, opacity 0.3s ease;
      position: relative;
    }

    .card:hover {
      transform: scale(1.1);
      opacity: 1;
    }

    .card:not(:hover) {
      opacity: 0.7;
    }

    .card-img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      display: block;
    }

    /* Responsive Design */
    @media (max-width: 1024px) {
      .card {
        width: 45%;
      }
    }

    @media (max-width: 600px) {
      .card {
        width: 100%;
      }
    }
  </style>
</head>
<body>

  
  <div class="board-container">
    <h1>BOARD OF DIRECTORS</h1>
  </div>

  
  <div class="card-container">
    <div class="card">
      <img src="https://i.postimg.cc/1tNm4hRZ/16.png" alt="Image 1" class="card-img">
    </div>
    <div class="card">
      <img src="https://i.postimg.cc/cCRdMR89/16-2.png" alt="Image 2" class="card-img">
    </div>

    
    <div class="card">
      <img src="https://i.postimg.cc/zGt8jXVr/16-4.png" alt="Image 4" class="card-img">
    </div>
    <div class="card">
      <img src="https://i.postimg.cc/hGXg3Wd7/16-5.png" alt="Image 5" class="card-img">
    </div>
    <div class="card">
      <img src="https://i.postimg.cc/yN2KMQmp/16-6.png" alt="Image 6" class="card-img">
    </div>
    <div class="card">
      <img src="https://i.postimg.cc/gjHP6Gf1/16-7.png" alt="Image 7" class="card-img">
    </div>
  </div>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Memorial Image</title>
  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet" />
  <style>
    body {
      margin: 0;
      padding: 0;
      background-color: #111;
      font-family: Arial, sans-serif;
      color: #fff;
    }

    .memorial-layout {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }

    .memorial-header {
      width: 100%;
      text-align: center;
      margin-top: 20px;
      padding: 0 12px;
    }

    .memorial-title {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 40px;
      font-weight: 700;
      letter-spacing: 1px;
      line-height: 1.3;
      margin: 0;
    }

    .photo-wrap {
      width: 100%;
      display: flex;
      justify-content: center;
      padding: 20px 12px 40px;
    }

    /* Smaller image size */
    .photo-card {
      width: 30%;
      max-width: 420px;
      transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .photo-card:hover {
      transform: scale(1.05);
      opacity: 1;
    }

    .photo-link {
      display: block;
      text-decoration: none;
      cursor: pointer;
    }

    .photo-image {
      width: 100%;
      height: auto;
      border-radius: 8px;
      display: block;
    }

    @media (max-width: 1024px) {
      .photo-card { width: 45%; max-width: 380px; }
      .memorial-title { font-size: 36px; }
    }

    @media (max-width: 600px) {
      .photo-card { width: 85%; max-width: 340px; }
      .memorial-title { font-size: 30px; }
    }
  </style>
</head>
<body>
  <div class="memorial-layout">
    <div class="memorial-header">
      <h1 class="memorial-title">
        In Memory of Rebekah Lyas: A Legacy of Compassion and Leadership at Winning Ways
      </h1>
    </div>

    <div class="photo-wrap">
      <div class="photo-card">
        <a
          class="photo-link"
          href="https://winningct.org/rebekah-lyas"
          target="_blank"
          rel="noopener"
          aria-label="Read more about Rebekah Lyas at Winning Ways"
        >
          <img
            src="https://i.postimg.cc/zXNzDc99/16-3.png"
            alt="Rebekah Lyas"
            class="photo-image"
          />
        </a>
      </div>
    </div>
  </div>
</body>
</html>


Quote/testimonial

Winning Ways Inc has been a beacon of hope for my son. Their programs foster true rehabilitation and personal growth. The staff is incredibly supportive, providing guidance every step of the way. I'm grateful for the positive change they've brought to our lives.

Winning Ways Inc transformed my brother's life, offering a second chance through their comprehensive programs. Their compassionate approach and dedicated staff made all the difference. Our family is forever grateful for the hope and renewal they've brought to us.

Winning Ways Inc provided my daughter with the tools to rebuild her life. Their nurturing environment and dedicated mentors have been pivotal in her recovery journey. We are beyond thankful for their unwavering support and commitment to making a real difference.

Text + image

<h2 style="white-space:pre-line">Support Second Chances Today</h2>
<p class="large">Join us in transforming lives through rehabilitation and recovery services. Your contribution helps individuals in New Haven County rebuild a brighter future after incarceration.</p>

Gratitude, support group hug and woman counseling for drug abuse and mental health problem. Empathy, psychology workshop and therapy session together in a circle for team building with care and help

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"/>

<style>
  :root{
    --gold:#DFB33E;
    --white:#ffffff;
  }
  .footer{
    font-family:"Poppins",sans-serif;
    background:transparent;
    color:var(--white);
    padding:40px 14px 24px; /* slightly smaller side margins */
  }
  .footer a{
    color:var(--gold);
    text-decoration:none;
  }
  .footer a:hover{ text-decoration:underline; }

  /* Logo only on top */
  .footer-head{
    text-align:center;
    margin-bottom:46px;
  }
  .footer-head img{
    max-width:150px;
    height:auto;
    display:inline-block;
  }

  /* 3 columns: description, contact, connect */
  .footer-cols{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    gap:30px 48px;
    justify-content:center;
    align-items:flex-start;
    text-align:left;
  }
  .footer-col{
    flex:1 1 260px;
    min-width:240px;
    padding:0 6px;
  }

  /* Description column */
  .gold-seal{
    font-size:14.5px;
    line-height:1.6;
    margin:0;
  }
  .gold-seal .nonprofit-link{
    color:var(--gold);
    text-decoration:underline;
    word-break:break-all;
  }

  /* Contact & Connect */
  .footer-col h4{
    margin:0 0 12px;
    font-size:16px;
    font-weight:600;
    color:var(--gold);
    letter-spacing:.4px;
  }
  .footer-col p{
    margin:0 0 8px;
    font-size:14.5px;
    line-height:1.6;
  }
  .socials{
    margin-top:6px;
  }
  .socials a{
    margin-right:12px;
    font-size:20px;
  }

  @media(max-width:700px){
    .footer{ padding:34px 12px 18px; }
  }
</style>

<footer class="footer" role="contentinfo">

  
  <div class="footer-head">
    <img src="https://i.postimg.cc/Gp0299kq/26v11ml-XKn3z-Wvn-Swo-NAy-PHMab-Ezqz-Mv-Ykj-E4w-V23p-Fg-YCPp-IYtrdul0-EEHvrp-Q1.png" alt="Winning Ways CT Logo">
  </div>

  
  <div class="footer-cols">

    
    <div class="footer-col">
      <p class="gold-seal">
        We’ve earned our Gold Seal of Transparency with @CandidDotOrg! Get updates on our impact through our
        <a class="nonprofit-link" href="https://www.guidestar.org/profile/81-4056668" target="_blank" rel="noopener">NonprofitProfile</a>.
      </p>
    </div>

    
    <div class="footer-col contact">
      <h4>Contact</h4>
      <p>279 N. Main St<br>Branford, CT 06405</p>
      <p>Call Us Today: <a href="tel:+18608088001">+1 203 608 4231</a></p>
      <p>Email: <a href="mailto:info@winningwaysct.org">info@winningwaysct.org</a></p>
      <p>EIN: 81-4056668</p>
    </div>

    
    <div class="footer-col connect">
      <h4>Connect</h4>
      <p>Follow our journey and see how we're empowering lives in Connecticut.</p>
      <div class="socials" aria-label="social media">
        <a href="https://x.com/winningwaysCT" target="_blank" rel="noopener" aria-label="X (formerly Twitter)"><i class="fab fa-x-twitter"></i></a>
        <a href="https://www.facebook.com/winningwaysct" target="_blank" rel="noopener" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
        <a href="https://www.instagram.com/winningwaysinc" target="_blank" rel="noopener" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
        <a href="https://www.linkedin.com/company/winning-ways-inc-of-connecticut" target="_blank" rel="noopener" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
      </div>
    </div>

  </div>
</footer>

Winning Ways Inc

onprofit organization based in Branford, Connecticut. Our mission is to expand access to vital resources for individuals impacted by incarceration and recovery, using lived experience, evidence-based practices, and a family-centered approach to promote empowerment and healing.

We are currently seeking to redesign our website, which is built on WordPress, to better reflect the depth and impact of our work. Our goal is to create a captivating, professional, and mission-driven online presence that supports our outreach and engagement goals with both business-to-business (B2B) and business-to-consumer (B2C) audiences.

MEET OUR TEAM

BOARD OF DIRECTORS

In Memory of Rebekah Lyas: A Legacy of Compassion and Leadership at Winning Ways

Winning Ways Inc has been a beacon of hope for my son. Their programs foster true rehabilitation and personal growth. The staff is incredibly supportive, providing guidance every step of the way. I'm grateful for the positive change they've brought to our lives.

Winning Ways Inc transformed my brother's life, offering a second chance through their comprehensive programs. Their compassionate approach and dedicated staff made all the difference. Our family is forever grateful for the hope and renewal they've brought to us.

Winning Ways Inc provided my daughter with the tools to rebuild her life. Their nurturing environment and dedicated mentors have been pivotal in her recovery journey. We are beyond thankful for their unwavering support and commitment to making a real difference.

Winning Ways Inc has been a beacon of hope for my son. Their programs foster true rehabilitation and personal growth. The staff is incredibly supportive, providing guidance every step of the way. I'm grateful for the positive change they've brought to our lives.

Winning Ways Inc transformed my brother's life, offering a second chance through their comprehensive programs. Their compassionate approach and dedicated staff made all the difference. Our family is forever grateful for the hope and renewal they've brought to us.

Winning Ways Inc provided my daughter with the tools to rebuild her life. Their nurturing environment and dedicated mentors have been pivotal in her recovery journey. We are beyond thankful for their unwavering support and commitment to making a real difference.

Winning Ways Inc has been a beacon of hope for my son. Their programs foster true rehabilitation and personal growth. The staff is incredibly supportive, providing guidance every step of the way. I'm grateful for the positive change they've brought to our lives.

Winning Ways Inc transformed my brother's life, offering a second chance through their comprehensive programs. Their compassionate approach and dedicated staff made all the difference. Our family is forever grateful for the hope and renewal they've brought to us.

Winning Ways Inc provided my daughter with the tools to rebuild her life. Their nurturing environment and dedicated mentors have been pivotal in her recovery journey. We are beyond thankful for their unwavering support and commitment to making a real difference.

Support Second Chances Today