https://ypng.org/Softball Young Professionals Networking Group upcoming events Young Professionals Networking Group Wild Apricot - membership management software and more en Tue, 21 Apr 2026 14:03:02 GMT Tue, 21 Apr 2026 14:03:02 GMT Wed, 03 Jun 2026 01:30:00 GMT <style type="text/css">:root { color-scheme: light only; } body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table { border-collapse: collapse; } img { border: 0; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; } a { text-decoration: none; } /* @tab Page @section Background @tip Set the background color for the email body wrapper */ .bodyWrapper { /*@editable*/ background-color: #E8E8EB; } /* @tab Header @section Header Container @tip Set the background color and padding for the header */ .headerContainer { /*@editable*/ background-color: #FCFCFD; /*@editable*/ padding-top: 16px; /*@editable*/ padding-bottom: 16px; /*@editable*/ padding-left: 40px; /*@editable*/ padding-right: 40px; } /* @tab Header @section Header Logo @tip Set the padding below the logo */ .headerLogo { /*@editable*/ padding-bottom: 16px; } /* @tab Header @section Preheader Text @tip Set the style for the preheader text above the title */ .preheaderText { /*@editable*/ color: #006B67; /*@editable*/ font-size: 11px; /*@editable*/ font-weight: 600; /*@editable*/ letter-spacing: 2px; margin: 0; text-transform: uppercase; } /* @tab Header @section Header Title @tip Set the style for the main header title */ .headerTitle { /*@editable*/ color: #101013; /*@editable*/ font-size: 32px; /*@editable*/ font-weight: 700; /*@editable*/ line-height: 1.2; margin: 0; } /* @tab Header @section Header Title Spacing @tip Set the padding above the title */ .headerTitleSpacing { /*@editable*/ padding-top: 8px; } /* @tab Header @section Header Subtitle @tip Set the style for the header subtitle */ .headerSubtitle { /*@editable*/ color: #64748b; /*@editable*/ font-size: 16px; margin: 0; } /* @tab Header @section Header Subtitle Spacing @tip Set the padding above the subtitle */ .headerSubtitleSpacing { /*@editable*/ padding-top: 6px; } /* @tab Accent Bar @section Top Accent Bar @tip Set the height and colors for the gradient accent bar */ .accentBar { /*@editable*/ height: 6px; /*@editable*/ background-color: #00A19A; background: linear-gradient(90deg, #00A19A 0%, #838AF2 100%); border-radius: 12px 12px 0 0; } /* @tab Date Pill @section Date Pill Container @tip Set the background color, border radius, and padding for the date pill */ .datePill { /*@editable*/ background-color: #006B67; /*@editable*/ border-radius: 24px; /*@editable*/ padding-top: 6px; /*@editable*/ padding-bottom: 6px; /*@editable*/ padding-left: 14px; /*@editable*/ padding-right: 14px; } /* @tab Date Pill @section Date Pill Text @tip Set the style for the date pill text */ .datePillText { /*@editable*/ font-size: 14px; /*@editable*/ font-weight: 600; /*@editable*/ color: #FCFCFD; margin: 0; } /* @tab Date Pill @section Date Pill Spacing @tip Set the padding above the date pill */ .datePillSpacing { /*@editable*/ padding-top: 14px; } /* @tab Body @section Body Container @tip Set the background color for the main body area */ .bodyContainer { /*@editable*/ background-color: #FCFCFD; } /* @tab Body @section Body Padding @tip Set the padding for body content sections */ .bodyPadding { /*@editable*/ padding-left: 40px; /*@editable*/ padding-right: 40px; } /* @tab Body @section Hero Section @tip Set padding for hero image section */ .heroSection { /*@editable*/ padding-top: 24px; /*@editable*/ padding-bottom: 0; } /* @tab Body @section Intro Section @tip Set padding for intro section */ .introSection { /*@editable*/ padding-top: 32px; /*@editable*/ padding-bottom: 32px; } /* @tab Body @section Intro First Paragraph @tip Set margin below first intro paragraph */ .introFirstParagraph { /*@editable*/ margin-bottom: 16px; } /* @tab Body @section Headline Text @tip Set the style for headline text in the body */ .headlineText { /*@editable*/ color: #101013; /*@editable*/ font-size: 18px; /*@editable*/ font-weight: 600; /*@editable*/ line-height: 1.5; margin: 0; } /* @tab Body @section Body Text @tip Set the style for regular body text */ .bodyText { /*@editable*/ color: #64748b; /*@editable*/ font-size: 16px; /*@editable*/ line-height: 1.6; margin: 0; } /* @tab Body @section Body Text Strong @tip Set the color for bold text within body paragraphs */ .bodyText strong { /*@editable*/ color: #101013; } /* @tab Body @section Cards Section @tip Set padding for info cards section */ .cardsSection { /*@editable*/ padding-top: 0; /*@editable*/ padding-bottom: 32px; } /* @tab Body @section Section Label @tip Set the style for section labels like "What You Get" */ .sectionLabel { /*@editable*/ color: #006B67; /*@editable*/ font-size: 13px; /*@editable*/ font-weight: 600; /*@editable*/ letter-spacing: 1px; margin: 0 0 20px 0; text-transform: uppercase; } /* @tab Body @section Info Card @tip Set the background color and border radius for info cards */ .infoCard { /*@editable*/ background-color: #E8E8EB; /*@editable*/ border-radius: 12px; } /* @tab Body @section Info Card Label @tip Set the style for info card labels */ .infoCardLabel { /*@editable*/ color: #475569; /*@editable*/ font-size: 12px; /*@editable*/ font-weight: 600; /*@editable*/ letter-spacing: 0.5px; margin: 0; text-transform: uppercase; } /* @tab Body @section Info Card Text @tip Set the style for info card text */ .infoCardText { /*@editable*/ color: #0f172a; /*@editable*/ font-size: 15px; /*@editable*/ font-weight: 600; margin: 0; } /* @tab Body @section Info Card Price @tip Set the style for the price in info cards */ .infoCardPrice { /*@editable*/ color: #0f172a; /*@editable*/ font-size: 15px; /*@editable*/ font-weight: 600; margin: 0; } /* @tab Body @section Info Card Price Label @tip Set the style for the price label (Members/Non-members) */ .infoCardPriceLabel { /*@editable*/ color: #334155; /*@editable*/ font-size: 15px; /*@editable*/ font-weight: 400; } /* @tab Body @section Price Row Spacing @tip Set margin between price rows */ .priceRowSpacing { /*@editable*/ margin-top: 4px; } /* @tab Body @section Info Card Subtext @tip Set the style for info card subtext */ .infoCardSubtext { /*@editable*/ color: #334155; /*@editable*/ font-size: 13px; /*@editable*/ font-weight: 400; margin: 6px 0 0 0; } /* @tab Body @section Info Card Large Text @tip Set the style for large text in info cards like price */ .infoCardLarge { /*@editable*/ color: #003633; /*@editable*/ font-size: 28px; /*@editable*/ font-weight: 700; margin: 0; } /* @tab Body @section Benefits Section @tip Set padding for benefits section */ .benefitsSection { /*@editable*/ padding-top: 0; /*@editable*/ padding-bottom: 32px; } /* @tab Body @section Check Mark @tip Set the style for the checkmark circles */ .checkMark { /*@editable*/ background-color: #C4E000; /*@editable*/ color: #101013; /*@editable*/ font-size: 14px; /*@editable*/ font-weight: 700; width: 28px; height: 28px; border-radius: 50%; text-align: center; line-height: 28px; } /* @tab Body @section Check Text @tip Set the style for text next to checkmarks */ .checkText { /*@editable*/ color: #334155; /*@editable*/ font-size: 15px; margin: 0; } .checkText strong { /*@editable*/ color: #101013; /*@editable*/ font-size: 15px; margin: 0; } /* @tab Body @section Membership Section @tip Set padding for membership info section */ .membershipSection { /*@editable*/ padding-top: 0; /*@editable*/ padding-bottom: 32px; } /* @tab Body @section Encouragement Section @tip Set padding for encouragement text section */ .encouragementSection { /*@editable*/ padding-top: 0; /*@editable*/ padding-bottom: 32px; } /* @tab Body @section Encouragement Body Spacing @tip Set margin above encouragement body text */ .encouragementBodySpacing { /*@editable*/ margin-top: 12px; } /* @tab Body @section CTA Section @tip Set padding for CTA button section */ .ctaSection { /*@editable*/ padding-top: 0; /*@editable*/ padding-bottom: 32px; } /* @tab Button @section Button Container @tip Set the background color and border radius for the CTA button */ .buttonContainer { /*@editable*/ background-color: #E5186E; /*@editable*/ border-radius: 8px; } /* @tab Button @section Button Text @tip Set the style for the CTA button text */ .buttonText { /*@editable*/ color: #FCFCFD; /*@editable*/ font-size: 18px; /*@editable*/ font-weight: 600; /*@editable*/ padding-top: 18px; /*@editable*/ padding-bottom: 18px; /*@editable*/ padding-left: 52px; /*@editable*/ padding-right: 52px; display: inline-block; text-decoration: none; } /* @tab Body @section Footer Info Section @tip Set padding for footer info box section */ .footerInfoSection { /*@editable*/ padding-top: 0; /*@editable*/ padding-bottom: 40px; } /* @tab Body @section Info Box @tip Set the style for the info box with left border */ .infoBox { /*@editable*/ background-color: #E8E8EB; /*@editable*/ border-left-width: 4px; /*@editable*/ border-left-style: solid; /*@editable*/ border-left-color: #838AF2; /*@editable*/ border-radius: 0 12px 12px 0; } /* @tab Body @section Info Box Text @tip Set the style for text inside the info box */ .infoBoxText { /*@editable*/ color: #1e293b; /*@editable*/ font-size: 15px; /*@editable*/ line-height: 1.6; margin: 0; } /* @tab Body @section Info Box Link @tip Set the style for links inside the info box */ .infoBoxLink { /*@editable*/ color: #838AF2; /*@editable*/ font-weight: 500; text-decoration: underline; } /* @tab Footer @section Brand Footer @tip Set the background color and padding for the brand footer */ .brandFooter { /*@editable*/ background-color: #003633; /*@editable*/ padding-top: 32px; /*@editable*/ padding-bottom: 32px; /*@editable*/ padding-left: 40px; /*@editable*/ padding-right: 40px; } /* @tab Footer @section Brand Name @tip Set the style for the brand name in the footer */ .brandName { /*@editable*/ color: #C4E000; /*@editable*/ font-size: 14px; /*@editable*/ font-weight: 600; /*@editable*/ letter-spacing: 1px; margin: 0 0 4px 0; } /* @tab Footer @section Brand Tagline @tip Set the style for the brand tagline */ .brandTagline { /*@editable*/ color: rgba(255, 255, 255, 0.7); /*@editable*/ font-size: 13px; margin: 0; } /* @tab Footer @section Brand Subtagline @tip Set the style for the brand subtagline */ .brandSubtagline { /*@editable*/ color: rgba(255, 255, 255, 0.5); /*@editable*/ font-size: 12px; margin: 8px 0 0 0; } /* @tab Footer @section Mailchimp Footer @tip Set the background color and padding for the Mailchimp footer */ .mailchimpFooter { /*@editable*/ background-color: #E8E8EB; /*@editable*/ padding-top: 24px; /*@editable*/ padding-bottom: 24px; /*@editable*/ padding-left: 40px; /*@editable*/ padding-right: 40px; border-radius: 0 0 12px 12px; } /* @tab Footer @section Footer Text @tip Set the style for footer text */ .footerText { /*@editable*/ color: #64748b; /*@editable*/ font-size: 12px; /*@editable*/ line-height: 1.6; margin: 0 0 12px 0; } /* @tab Footer @section Footer Link @tip Set the style for footer links */ .footerLink { /*@editable*/ color: #64748b; text-decoration: underline; } /* @tab Footer @section Footer Email Link @tip Set the style for the email link in the footer */ .footerEmailLink { /*@editable*/ color: #003633; } /* @tab Footer @section Footer Address @tip Set the style for the address in the footer */ .footerAddress { /*@editable*/ color: #94a3b8; /*@editable*/ font-size: 12px; /*@editable*/ line-height: 1.5; margin: 0; } /* @tab Hero @section Hero Image @tip Set the border radius for the hero image */ .heroImage { /*@tab Hero @section Hero Image @tip Set the border radius for the hero image*/ display: block; width: 100%; max-width: 560px; height: auto; /*@editable*/ border-radius: 12px; } @media screen and (max-width: 620px) { .mobile-full { width: 100% !important; max-width: 100% !important; } } @media screen and (max-width: 620px) { .mobile-padding { padding-left: 24px !important; padding-right: 24px !important; } } @media screen and (max-width: 620px) { .mobile-center { text-align: center !important; } } @media screen and (max-width: 620px) { .mobile-stack { display: block !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 12px !important; } } @media screen and (max-width: 620px) { .mobile-hide { display: none !important; } } @media screen and (max-width: 620px) { .mobile-img { width: 100% !important; height: auto !important; } }</style> <div mc:edit="preview_text" style="display: none; max-height: 0; overflow: hidden; font-size: 1px; line-height: 1px; color: #E8E8EB;"> Summer is almost here—join YPNG Coed Softball! Registration is $70. First game June 2nd. ͏‌&nbsp;͏‌&nbsp;͏‌&nbsp;͏‌&nbsp;͏‌&nbsp; </div> <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" class="bodyWrapper"> <tbody> <tr> <td align="center" style="padding: 40px 16px;"> <table class="mobile-full" width="640" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 640px;"> <tbody> <tr> <td class="accentBar"></td> </tr> <tr> <td class="headerContainer"> <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation"> <tbody> <tr> <td align="center" mc:edit="preheader_text"> <p class="preheaderText">Summer 2026</p> </td> </tr> <tr> <td align="center" class="headerTitleSpacing" mc:edit="header_title"> <h1 class="headerTitle">Co-ed Softball</h1> </td> </tr> <tr> <td align="center" class="headerSubtitleSpacing" mc:edit="header_subtitle"> <p class="headerSubtitle">Get outside. Meet great people. Have fun.</p> </td> </tr> <tr> <td align="center" class="datePillSpacing"> <table border="0" cellpadding="0" cellspacing="0" role="presentation"> <tbody> <tr> <td class="datePill" mc:edit="date_pill"> <p class="datePillText">First Game: Tuesday, June 2nd, 2026</p> </td> </tr> </tbody> </table> <p><font color="#101013"><strong>Registration deadline: May 22nd, 2026</strong></font></p> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="bodyContainer bodyPadding heroSection" mc:edit="hero_image"><img src="https://cdn.ypngslo.org/images/hero/softball-high-fives-soft-min.jpg" alt="YPNG Coed Softball" width="560" class="heroImage mobile-img"></td> </tr> <tr> <td class="bodyContainer mobile-padding bodyPadding introSection" mc:edit="intro_content"> <p class="bodyText introFirstParagraph">Summer approaching means another season of <strong>YPNG Co-ed Softball</strong>. Whether you played last year or you're brand new to the league, this is your chance to get outside, meet some great people, and enjoy some friendly competition. Season lasts 8 weeks plus playoffs, and game times can be any of the following: 6:30, 7:40, or 8:50.</p> <p class="bodyText">No pressure to be an all-star—just show up, have fun, and we'll take care of the rest. We have players of all skill levels on our league.</p> </td> </tr> <tr> <td class="bodyContainer mobile-padding bodyPadding cardsSection"> <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation"> <tbody> <tr> <td valign="top" style="padding-bottom: 16px;"> <table width="100%" height="100" border="0" cellpadding="0" cellspacing="0" role="presentation" class="infoCard"> <tbody> <tr> <td align="center" valign="top" style="padding: 20px 24px 0 24px;"> <p class="infoCardLabel">Registration</p> </td> </tr> <tr> <td align="center" valign="middle" style="padding: 0 24px 20px 24px;" mc:edit="info_card_1"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="display: inline-block;"> <tbody> <tr> <td align="left"> <p class="infoCardPrice"><span>$70</span> <span class="infoCardPriceLabel">– Members*</span></p> <p class="infoCardPrice priceRowSpacing"><span>$78</span> <span class="infoCardPriceLabel">– Non-members</span></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td valign="top"> <table width="100%" height="100" border="0" cellpadding="0" cellspacing="0" role="presentation" class="infoCard"> <tbody> <tr> <td align="center" valign="top" style="padding: 20px 24px 0 24px;"> <p class="infoCardLabel">Season Starts</p> </td> </tr> <tr> <td align="center" valign="middle" style="padding: 0 24px 20px 24px;" mc:edit="info_card_2"> <p class="infoCardText">Tuesday, June 2, 2026</p> <p class="infoCardSubtext">@ 6:30pm, 7:40pm, 8:50pm</p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="bodyContainer mobile-padding bodyPadding benefitsSection"> <p class="sectionLabel" mc:edit="benefits_label">What You Get</p> <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation"> <tbody> <tr mc:repeatable="benefit_item"> <td style="padding-bottom: 16px;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation"> <tbody> <tr> <td width="36" valign="top"> <div class="checkMark"> ✓ </div> </td> <td valign="middle" style="padding-left: 12px;" mc:edit="benefit_text"> <p class="checkText">A secured spot on a YPNG team</p> </td> </tr> </tbody> </table> </td> </tr> <tr mc:repeatable="benefit_item"> <td style="padding-bottom: 16px;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation"> <tbody> <tr> <td width="36" valign="top"> <div class="checkMark"> ✓ </div> </td> <td valign="middle" style="padding-left: 12px;" mc:edit="benefit_text"> <p class="checkText">Two season BBQs with all the YPNG teams</p> </td> </tr> </tbody> </table> </td> </tr> <tr mc:repeatable="benefit_item"> <td style="padding-bottom: 16px;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation"> <tbody> <tr> <td width="36" valign="top"> <div class="checkMark"> ✓ </div> </td> <td valign="middle" style="padding-left: 12px;" mc:edit="benefit_text"> <p class="checkText">A full season of games and good company</p> </td> </tr> </tbody> </table> </td> </tr> <tr mc:repeatable="benefit_item"> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation"> <tbody> <tr> <td width="36" valign="top"> <div class="checkMark"> ✓ </div> </td> <td valign="middle" style="padding-left: 12px;" mc:edit="benefit_text"> <p class="checkText"><strong>Champion team wins free round of drinks at CCB/Krobar!</strong></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="bodyContainer mobile-padding bodyPadding membershipSection"> <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" class="infoBox"> <tbody> <tr> <td style="padding: 20px 24px;" mc:edit="membership_info"> <p class="infoBoxText">*YPNG membership costs $40 per year and saves you $8 on each softball season's registration, while also unlocking access to SLO Chamber of Commerce and MemberDeals (members-only discount program similar to AAA – travel, hotels, movie tickets, rental cars, concerts, electronics, and so much more!)</p> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="bodyContainer mobile-padding bodyPadding encouragementSection" mc:hideable="" mc:edit="encouragement_text"> <p class="headlineText">If you've been thinking about joining but haven't pulled the trigger yet—this is your sign.</p> <p class="bodyText encouragementBodySpacing">Spots fill up, and we'd love to have you out there with us.</p> </td> </tr> <tr> <td class="bodyContainer bodyPadding ctaSection"> <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation"> <tbody> <tr> <td align="center"> <table border="0" cellpadding="0" cellspacing="0" role="presentation"> <tbody> <tr> <td class="buttonContainer"><a href="https://ypng.org/event-6650983/Registration" class="buttonText" mc:edit="cta_button">Register Now →</a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="bodyContainer mobile-padding bodyPadding footerInfoSection" mc:hideable=""> <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" class="infoBox"> <tbody> <tr> <td style="padding: 20px 24px;" mc:edit="info_box"> <p class="infoBoxText">Questions about the league, schedule, or what to expect? All the details are at <a href="https://www.ypng.org/Softball" class="infoBoxLink">ypng.org/Softball</a></p> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="bodyContainer bodyPadding" style="padding-top:0; padding-bottom:16px;" mc:edit="teams_banner"><img src="https://cdn.ypngslo.org/images/banner/team-stickers-banner-2-min.png" alt="YPNG Softball Teams" width="560" class="mobile-img" style="display:block; width:100%; max-width:560px; height:auto; border-radius:12px;"></td> </tr> <tr> <td class="bodyContainer bodyPadding" style="padding-top:0; padding-bottom:32px;" mc:edit="sponsor_banner"><img src="https://cdn.ypngslo.org/images/banner/sponsor-logos-2-min.png" alt="YPNG Sponsors" width="560" class="mobile-img" style="display:block; width:100%; max-width:560px; height:auto; border-radius:12px;"></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> https://ypng.org/event-6650983 https://ypng.org/event-6650983