tag:blogger.com,1999:blog-74695823424925289582026-04-30T10:17:12.820-04:00Saint Andrew Catholic Church Men's Club Coral Springs, FLMISSION STATEMENT: The Men’s Club is a Stewardship Ministry dedicated to building community and promoting spiritual growth through Service, Fellowship and Hospitality to the Parish Family of St. Andrew Catholic Church.Unknownnoreply@blogger.comBlogger2125tag:blogger.com,1999:blog-7469582342492528958.post-20966633012177954442025-02-01T18:14:00.004-05:002026-04-30T09:33:34.241-04:00<script>window.enableEventObserver=true</script>
<script>window.enableRenameUploadFile=false</script>
<script>window.enableDateFieldSelectInputs=false</script>
<script>window.CDN="https://cdn.jotfor.ms/"</script>
<script>window.umdRootPath="https://cdn.jotfor.ms/s/umd/db56e933db2/"</script>
<script>window.staticRootPath="https://cdn.jotfor.ms/s/static/90ac9bf28b7/"</script>
<script src="https://cdn.jotfor.ms/s/static/90ac9bf28b7/static/prototype.forms.js" type="text/javascript"></script>
<script src="https://cdn.jotfor.ms/s/static/90ac9bf28b7/static/jotform.forms.js" type="text/javascript"></script>
<script src="https://cdn.jotfor.ms/s/static/90ac9bf28b7/js/punycode-1.4.1.min.js" type="text/javascript" defer></script>
<script src="https://cdn.jotfor.ms/s/static/90ac9bf28b7/js/payments/paypalcomplete.js" type="text/javascript"></script>
<script src="https://cdn.jotfor.ms/s/static/90ac9bf28b7/js/libraries/promise-polyfill.js" type="text/javascript"></script>
<script src="https://cdn.jotfor.ms/s/static/90ac9bf28b7/js/payments/payment_form_embedded.js" type="text/javascript"></script>
<script src="https://cdn.jotfor.ms/s/static/90ac9bf28b7/js/payments/paymentUtils.js" type="text/javascript"></script>
<script src="https://cdn.jotfor.ms/s/static/90ac9bf28b7/js/payments/validategateways.js" type="text/javascript"></script>
<script src="https://cdn.jotfor.ms/s/umd/db56e933db2/for-aria-notify-polyfill.js" type="text/javascript"></script>
<script type="text/javascript"> JotForm.newDefaultTheme = false;
JotForm.extendsNewTheme = false;
// {GPT_APP_SCRIPT}
JotForm.singleProduct = false;
JotForm.newPaymentUIForNewCreatedForms = false;
JotForm.texts = {"confirmEmail":"E-mail does not match","pleaseWait":"Please wait...","validateEmail":"You need to validate this e-mail","confirmClearForm":"Are you sure you want to clear the form","lessThan":"Your score should be less than or equal to","incompleteFields":"There are incomplete required fields. Please complete them.","required":"This field is required.","requireOne":"At least one field required.","requireEveryRow":"Every row is required.","requireEveryCell":"Every cell is required.","email":"Enter a valid e-mail address","alphabetic":"This field can only contain letters","numeric":"This field can only contain numeric values","alphanumeric":"This field can only contain letters and numbers.","cyrillic":"This field can only contain cyrillic characters","url":"This field can only contain a valid URL","currency":"This field can only contain currency values.","fillMask":"Field value must fill mask.","uploadExtensions":"You can only upload following files:","noUploadExtensions":"File has no extension file type (e.g. .txt, .png, .jpeg)","uploadFilesize":"File size cannot be bigger than:","uploadFilesizemin":"File size cannot be smaller than:","gradingScoreError":"Score total should only be less than or equal to","inputCarretErrorA":"Input should not be less than the minimum value:","inputCarretErrorB":"Input should not be greater than the maximum value:","maxDigitsError":"The maximum digits allowed is","minCharactersError":"The number of characters should not be less than the minimum value:","maxCharactersError":"The number of characters should not be more than the maximum value:","freeEmailError":"Free email accounts are not allowed","minSelectionsError":"The minimum required number of selections is ","maxSelectionsError":"The maximum number of selections allowed is ","pastDatesDisallowed":"Date must not be in the past.","dateLimited":"This date is unavailable.","dateInvalid":"This date is not valid. The date format is {format}","dateInvalidSeparate":"This date is not valid. Enter a valid {element}.","ageVerificationError":"You must be older than {minAge} years old to submit this form.","multipleFileUploads_typeError":"{file} has invalid extension. Only {extensions} are allowed.","multipleFileUploads_sizeError":"{file} is too large, maximum file size is {sizeLimit}.","multipleFileUploads_minSizeError":"{file} is too small, minimum file size is {minSizeLimit}.","multipleFileUploads_emptyError":"{file} is empty, please select files again without it.","multipleFileUploads_uploadFailed":"File upload failed, please remove it and upload the file again.","multipleFileUploads_onLeave":"The files are being uploaded, if you leave now the upload will be cancelled.","multipleFileUploads_fileLimitError":"Only {fileLimit} file uploads allowed.","dragAndDropFilesHere_infoMessage":"Drag and drop files here","chooseAFile_infoMessage":"Choose a file","maxFileSize_infoMessage":"Max. file size","generalError":"There are errors on the form. Please fix them before continuing.","generalPageError":"There are errors on this page. Please fix them before continuing.","wordLimitError":"Too many words. The limit is","wordMinLimitError":"Too few words. The minimum is","characterLimitError":"Too many Characters. The limit is","characterMinLimitError":"Too few characters. The minimum is","ccInvalidNumber":"Credit Card Number is invalid.","ccInvalidCVC":"CVC number is invalid.","ccInvalidExpireDate":"Expire date is invalid.","ccInvalidExpireMonth":"Expiration month is invalid.","ccInvalidExpireYear":"Expiration year is invalid.","ccMissingDetails":"Please fill up the credit card details.","ccMissingProduct":"Please select at least one product.","ccMissingDonation":"Please enter numeric values for donation amount.","disallowDecimals":"Please enter a whole number.","restrictedDomain":"This domain is not allowed","ccDonationMinLimitError":"Minimum amount is {minAmount} {currency}","requiredLegend":"All fields marked with * are required and must be filled.","geoPermissionTitle":"Permission Denied","geoPermissionDesc":"Check your browser's privacy settings.","geoNotAvailableTitle":"Position Unavailable","geoNotAvailableDesc":"Location provider not available. Please enter the address manually.","geoTimeoutTitle":"Timeout","geoTimeoutDesc":"Please check your internet connection and try again.","selectedTime":"Selected Time","formerSelectedTime":"Former Time","cancelAppointment":"Cancel Appointment","cancelSelection":"Cancel Selection","confirmSelection":"Confirm Selection","noSlotsAvailable":"No slots available","slotUnavailable":"{time} on {date} has been selected is unavailable. Please select another slot.","multipleError":"There are {count} errors on this page. Please correct them before moving on.","oneError":"There is {count} error on this page. Please correct it before moving on.","doneMessage":"Well done! All errors are fixed.","invalidTime":"Enter a valid time","doneButton":"Done","reviewSubmitText":"Review and Submit","nextButtonText":"Next","prevButtonText":"Previous","seeErrorsButton":"See Errors","notEnoughStock":"Not enough stock for the current selection","notEnoughStock_remainedItems":"Not enough stock for the current selection ({count} items left)","soldOut":"Sold Out","justSoldOut":"Just Sold Out","selectionSoldOut":"Selection Sold Out","subProductItemsLeft":"({count} items left)","startButtonText":"START","submitButtonText":"Submit","submissionLimit":"Sorry! Only one entry is allowed. <br> Multiple submissions are disabled for this form.","reviewBackText":"Back to Form","seeAllText":"See All","progressMiddleText":"of","fieldError":"field has an error.","error":"Error"};
JotForm.isFormViewTrackingAllowed = true;
JotForm.replaceTagTest = true;
JotForm.activeRedirect = "thanktext";
JotForm.uploadServerURL = "https://upload.jotform.com/upload";
JotForm.clearFieldOnHide="disable";
JotForm.submitError="jumpToFirstError";
JotForm.isFullSource = true;
JotForm.init(function(){
/*INIT-START*/
productID = {"0":"input_3_1000","1":"input_3_1001"};
paymentType = "product";
JotForm.setCurrencyFormat('USD',true, 'point');
JotForm.totalCounter({"input_3_1000":{"price":"20.00","quantityField":"input_3_quantity_1000_0"},"input_3_1001":{"price":"35.00","quantityField":"input_3_quantity_1001_0"}});
$$('.form-product-custom_quantity').each(function(el, i){el.observe('blur', function(){isNaN(this.value) || this.value < 1 ? this.value = '0' : this.value = parseInt(this.value)})});
$$('.form-product-custom_quantity').each(function(el, i){el.observe('focus', function(){this.value == 0 ? this.value = '' : this.value})});
JotForm.handleProductLightbox();
JotForm.paymentProperties = {"styleColor":"gold","styleShape":"rect","styleSize":"medium","styleLabel":"checkout","styleLayout":"vertical","payLaterEnabled":"Yes","paymentFormProperties":{"products":[{"customPrice":"","customPriceSource":"0","hasExpandedOption":"","hasQuantity":"1","hasSpecialPricing":"","icon":"","name":"Year End Meeting Attendance - Member Only","options":[{"type":"quantity","properties":"0\n1","name":"Quantity","defaultQuantity":"","specialPricing":false,"specialPrices":"0,10","expanded":false}],"order":"0","paymentUUID":"018ee19c85b17d3b9ce7b77c66f98182b3fa","period":"Monthly","pid":"1000","price":"20.00","recurringtimes":"No Limit","required":"","selected":"","setupfee":"","showSubtotal":"1","trial":""},{"customPrice":"","customPriceSource":"0","hasExpandedOption":"","hasQuantity":"1","hasSpecialPricing":"","icon":"","name":"Year End Meeting Attendance - Member & Guest","options":[{"type":"quantity","properties":"0\n1","name":"Quantity","defaultQuantity":"","specialPricing":false,"specialPrices":"0,10","expanded":false}],"order":"1","paymentUUID":"018ee19c85b275a9b5cdd045f8ae6a3a3977","period":"Monthly","pid":"1001","price":"35.00","recurringtimes":"No Limit","required":"","selected":"","setupfee":"","showSubtotal":"1","trial":""}]}}
JotForm.alterTexts(undefined);
JotForm.alterTexts({"couponApply":"Apply","couponBlank":"Please enter a coupon.","couponChange":"","couponEnter":"Enter coupon","couponExpired":"Coupon is expired. Please try another one.","couponInvalid":"Coupon is invalid.","couponValid":"Coupon is valid.","shippingShipping":"Shipping","taxTax":"Tax","totalSubtotal":"Subtotal","totalTotal":"Total"}, true);
/*INIT-END*/
});
setTimeout(function() {
JotForm.paymentExtrasOnTheFly([null,{"name":"2019Good","qid":"1","text":"Year End Meeting - May 4, 2025","type":"control_head"},{"name":"submit2","qid":"2","text":"Submit","type":"control_button"},{"description":"","name":"yearEnd","qid":"3","text":"Year End Meeting - PAY ONLINE - See payment note below.","type":"control_paypalcomplete"},{"name":"clickTo","qid":"4","text":"Payment will be made through PayPal. Please choose payment method from below and follow instructions on screen.","type":"control_text"},{"description":"","name":"name","qid":"5","text":"Name","type":"control_fullname"},{"description":"","name":"email","qid":"6","subLabel":"example@example.com","text":"Email","type":"control_email"},{"description":"","name":"phoneNumber","qid":"7","text":"Phone Number","type":"control_phone"},{"name":"divider","qid":"8","text":"Divider","type":"control_divider"},{"name":"divider9","qid":"9","text":"Divider","type":"control_divider"},null,null,null,null,null,null,null,{"description":"","name":"GuestName","qid":"17","text":"Guest Name","type":"control_fullname"},{"name":"clickTo18","qid":"18","text":"Enter guest name below, if applicable.","type":"control_text"},{"name":"clickTo19","qid":"19","text":"REGISTER AND PAY ONLINE\nTo register without paying, skip to next section.","type":"control_text"},null,{"name":"paymentMethods","qid":"21","text":"Payment Methods","type":"control_paymentmethods"}]);}, 20);
</script>
<link href="https://cdn.jotfor.ms/s/static/90ac9bf28b7/static/formCss.css" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/stylebuilder/static/form-common.css?v=8e7b6ac
"/>
<link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/css/styles/nova.css?4.1.64768" />
<style type="text/css">@media print{*{-webkit-print-color-adjust: exact !important;color-adjust: exact !important;}.form-section{display:inline!important}.form-pagebreak{display:none!important}.form-section-closed{height:auto!important}.page-section{position:initial!important}}</style>
<style type="text/css">
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
</style>
<link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/themes/CSS/566a91c2977cdfcd478b4567.css?v=4.1.64768"/>
<link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/s/static/90ac9bf28b7/css/styles/payment/payment_feature.css?4.1.64768" />
<style type="text/css">
.form-label-left{
width:150px;
}
.form-line{
padding-top:12px;
padding-bottom:12px;
}
.form-label-right{
width:150px;
}
.form-all{
width:690px;
color:#7A6A53 !important;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
font-size:14px;
}
</style>
<style type="text/css" id="form-designer-style">
/* Injected CSS Code */
.form-label.form-label-auto {
display: block;
float: none;
text-align: left;
width: 100%;
} /*PREFERENCES STYLE*/
.form-all {
font-family: Lucida Grande, sans-serif;
}
.form-label.form-label-auto {
display: block;
float: none;
text-align: left;
width: 100%;
}
.form-line {
margin-top: 12px;
margin-bottom: 12px;
}
.form-all {
max-width: 690px;
width: 100%;
}
.form-label.form-label-left,
.form-label.form-label-right,
.form-label.form-label-left.form-label-auto,
.form-label.form-label-right.form-label-auto {
width: 150px;
}
.form-all {
font-size: 14px
}
.supernova .form-all, .form-all {
background-color: #D9CEB2;
}
.form-all {
color: #7A6A53;
}
.form-header-group .form-header {
color: #7A6A53;
}
.form-header-group .form-subHeader {
color: #7A6A53;
}
.form-label-top,
.form-label-left,
.form-label-right,
.form-html,
.form-checkbox-item label,
.form-radio-item label,
span.FITB .qb-checkbox-label,
span.FITB .qb-radiobox-label,
span.FITB .form-radio label,
span.FITB .form-checkbox label,
[data-blotid][data-type=checkbox] [data-labelid],
[data-blotid][data-type=radiobox] [data-labelid],
span.FITB-inptCont[data-type=checkbox] label,
span.FITB-inptCont[data-type=radiobox] label {
color: #7A6A53;
}
.form-sub-label {
color: #94846d;
}
.supernova {
background-color: #ffffff;
}
.supernova body {
background: transparent;
}
.form-textbox,
.form-textarea,
.form-dropdown,
.form-radio-other-input,
.form-checkbox-other-input,
.form-captcha input,
.form-spinner input {
background-color: #fff;
}
.supernova {
background-repeat: no-repeat;
background-size:cover;
background-attachment: fixed;
background-position: center top;
}
.supernova, #stage {
background-image: none;
}
.form-all {
background-image: none;
}
/*PREFERENCES STYLE*//*__INSPECT_SEPERATOR__*/
/* Injected CSS Code */
</style>
<link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/stylebuilder/static/buttons/form-submit-button-simple_red.css?4.1.64768"/>
<form class="jotform-form" onsubmit="return typeof testSubmitFunction !== 'undefined' && testSubmitFunction();" action="https://submit.jotform.com/submit/261193514682156" method="post" name="form_261193514682156" id="261193514682156" accept-charset="utf-8" autocomplete="on"><input type="hidden" name="formID" value="261193514682156" /><input type="hidden" id="JWTContainer" value="" /><input type="hidden" id="cardinalOrderNumber" value="" /><input type="hidden" id="jsExecutionTracker" name="jsExecutionTracker" value="build-date-1777555990905" /><input type="hidden" id="submitSource" name="submitSource" value="unknown" /><input type="hidden" id="submitDate" name="submitDate" value="undefined" /><input type="hidden" id="buildDate" name="buildDate" value="1777555990905" /><input type="hidden" name="uploadServerUrl" value="https://upload.jotform.com/upload" /><input type="hidden" name="eventObserver" value="1" /><input type="hidden" name="eventObserverPayment" value="control_paypalcomplete" />
<div id="formCoverLogo" style="margin-bottom:32px" class="form-cover-wrapper form-has-cover form-page-cover-image-align-center">
<div class="form-page-cover-image-wrapper" style="max-width:690px"><img src="https://www.jotform.com/uploads/samensclub/form_files/Mens%20Club-No%20Backgroud.67f7348a0e9ce2.25047462.png" class="form-page-cover-image" width="540" height="175" alt="2026 Year End Meeting" style="aspect-ratio:540/175" /></div>
</div>
<div role="main" class="form-all">
<ul class="form-section page-section" role="presentation">
<li id="cid_1" class="form-input-wide" data-type="control_head">
<div class="form-header-group header-default">
<div class="header-text httac htvam">
<h2 id="header_1" class="form-header" data-component="header">Year End Meeting - May 4, 2025</h2>
<div id="subHeader_1" class="form-subHeader">RSVP by Thursday, May 1st, so we can place order with Caterer.</div>
</div>
</div>
</li>
<li class="form-line" data-type="control_fullname" id="id_5"><label class="form-label form-label-top form-label-auto" id="label_5" for="first_5"> Name </label>
<div id="cid_5" class="form-input-wide">
<div aria-labelledby="label_5" role="group" data-wrapper-react="true"><span class="form-sub-label-container" style="vertical-align:top" data-input-type="first"><input type="text" id="first_5" name="q5_name[first]" class="form-textbox" data-defaultvalue="" autoComplete="section-input_5 given-name" size="10" data-component="first" aria-labelledby="sublabel_5_first" value="" /><label class="form-sub-label" for="first_5" id="sublabel_5_first" style="min-height:13px">First Name</label></span><span class="form-sub-label-container" style="vertical-align:top" data-input-type="last"><input type="text" id="last_5" name="q5_name[last]" class="form-textbox" data-defaultvalue="" autoComplete="section-input_5 family-name" size="15" data-component="last" aria-labelledby="sublabel_5_last" value="" /><label class="form-sub-label" for="last_5" id="sublabel_5_last" style="min-height:13px">Last Name</label></span></div>
</div>
</li>
<li class="form-line" data-type="control_email" id="id_6"><label class="form-label form-label-top form-label-auto" id="label_6" for="input_6"> Email </label>
<div id="cid_6" class="form-input-wide"> <span class="form-sub-label-container" style="vertical-align:top"><input type="email" id="input_6" name="q6_email" class="form-textbox validate[Email]" data-defaultvalue="" autoComplete="section-input_6 email" size="30" data-component="email" aria-labelledby="label_6 sublabel_input_6" value="" /><label class="form-sub-label" for="input_6" id="sublabel_input_6" style="min-height:13px">example@example.com</label></span> </div>
</li>
<li class="form-line" data-type="control_phone" id="id_7"><label class="form-label form-label-top form-label-auto" id="label_7" for="input_7_area"> Phone Number </label>
<div id="cid_7" class="form-input-wide">
<div data-wrapper-react="true"><span class="form-sub-label-container" style="vertical-align:top" data-input-type="areaCode"><input type="tel" id="input_7_area" name="q7_phoneNumber[area]" class="form-textbox" data-defaultvalue="" autoComplete="section-input_7 tel-area-code" data-component="areaCode" aria-labelledby="label_7 sublabel_7_area" value="" /><span class="phone-separate" aria-hidden="true"> -</span><label class="form-sub-label" for="input_7_area" id="sublabel_7_area" style="min-height:13px">Area Code</label></span><span class="form-sub-label-container" style="vertical-align:top" data-input-type="phone"><input type="tel" id="input_7_phone" name="q7_phoneNumber[phone]" class="form-textbox" data-defaultvalue="" autoComplete="section-input_7 tel-local" data-component="phone" aria-labelledby="label_7 sublabel_7_phone" value="" /><label class="form-sub-label" for="input_7_phone" id="sublabel_7_phone" style="min-height:13px">Phone Number</label></span></div>
</div>
</li>
<li class="form-line" data-type="control_divider" id="id_8">
<div id="cid_8" class="form-input-wide">
<div class="divider" data-component="divider" style="border-bottom-width:1px;border-bottom-style:solid;border-color:#948C75;height:1px;margin-left:0px;margin-right:0px;margin-top:5px;margin-bottom:5px"></div>
</div>
</li>
<li class="form-line" data-type="control_text" id="id_19">
<div id="cid_19" class="form-input-wide">
<div id="text_19" class="form-html" data-component="text" tabindex="-1">
<p>REGISTER AND PAY ONLINE</p>
<p>To register without paying, skip to next section.</p>
</div>
</div>
</li>
<li class="form-line" data-type="control_paypalcomplete" id="id_3" data-payment="true"><label class="form-label form-label-top form-label-auto" id="label_3" for="input_3"> Year End Meeting - PAY ONLINE - See payment note below. </label>
<div id="cid_3" class="form-input-wide">
<div data-wrapper-react="true">
<div data-wrapper-react="true" class="product-container-wrapper">
<div class="filter-container"></div><input type="hidden" name="simple_fpc" data-payment_type="paypalcomplete" data-component="payment1" value="3" /><input type="hidden" name="payment_transaction_uuid" id="paymentTransactionId" /><input type="hidden" name="payment_version" id="payment_version" value="4" /><input type="hidden" name="payment_total_checksum" id="payment_total_checksum" data-component="payment2" /><input type="hidden" name="payment_discount_value" id="payment_discount_value" data-component="payment3" />
<div id="image-overlay" class="overlay-content" style="display:none"><img id="current-image" /><span class="lb-prev-button">prev</span><span class="lb-next-button">next</span><span class="lb-close-button">( X )</span><span class="image-overlay-product-container">
<ul class="form-overlay-item" pid="1000" hasicon="false" hasimages="false" iconvalue=""></ul>
<ul class="form-overlay-item" pid="1001" hasicon="false" hasimages="false" iconvalue=""></ul>
</span></div>
<div data-wrapper-react="true"><span class="form-product-item hover-product-item " categories="non-categorized" pid="1000">
<div data-wrapper-react="true" class="form-product-item-detail"><input class="form-checkbox form-product-input" type="checkbox" id="input_3_1000" name="q3_yearEnd[][id]" data-is-default-required="false" data-is-default-selected="false" aria-label="Select Product: Year End Meeting Attendance - Member Only" value="1000" /><label for="input_3_1000" class="form-product-container"><span data-wrapper-react="true"><span class="form-product-name" id="product-name-input_3_1000">Year End Meeting Attendance - Member Only</span><span class="form-product-details"><b><span data-wrapper-react="true">$<span id="input_3_1000_price">20.00</span></span></b></span></span></label><br /><br /><span class="form-sub-label-container" style="vertical-align:top"><label class="form-sub-label" for="input_3_quantity_1000_0" style="min-height:13px">Quantity</label><select class="form-dropdown" name="q3_yearEnd[special_1000][item_0]" id="input_3_quantity_1000_0">
<option value="0">0</option>
<option value="1">1</option>
</select></span><br /><span class="form-special-subtotal"><span class="form-item-subtotal">Item subtotal:</span><span data-wrapper-react="true">$<span id="input_3_1000_item_subtotal">0.00</span></span></span></div>
</span><br /><span class="form-product-item hover-product-item " categories="non-categorized" pid="1001">
<div data-wrapper-react="true" class="form-product-item-detail"><input class="form-checkbox form-product-input" type="checkbox" id="input_3_1001" name="q3_yearEnd[][id]" data-is-default-required="false" data-is-default-selected="false" aria-label="Select Product: Year End Meeting Attendance - Member & Guest" value="1001" /><label for="input_3_1001" class="form-product-container"><span data-wrapper-react="true"><span class="form-product-name" id="product-name-input_3_1001">Year End Meeting Attendance - Member & Guest</span><span class="form-product-details"><b><span data-wrapper-react="true">$<span id="input_3_1001_price">35.00</span></span></b></span></span></label><br /><br /><span class="form-sub-label-container" style="vertical-align:top"><label class="form-sub-label" for="input_3_quantity_1001_0" style="min-height:13px">Quantity</label><select class="form-dropdown" name="q3_yearEnd[special_1001][item_0]" id="input_3_quantity_1001_0">
<option value="0">0</option>
<option value="1">1</option>
</select></span><br /><span class="form-special-subtotal"><span class="form-item-subtotal">Item subtotal:</span><span data-wrapper-react="true">$<span id="input_3_1001_item_subtotal">0.00</span></span></span></div>
</span><br /><span class="form-payment-total"><b><span id="total-text">Total</span> <span class="form-payment-price"><span data-wrapper-react="true">$<span id="payment_total">0.00</span></span></span></b></span></div>
</div>
</div>
</div>
</li>
<li class="form-line" data-type="control_text" id="id_18">
<div id="cid_18" class="form-input-wide">
<div id="text_18" class="form-html" data-component="text" tabindex="-1">
<p style="text-align: center;"><span style="font-family: arial, helvetica, sans-serif; font-size: 14pt;">Enter guest name below, if applicable.</span></p>
</div>
</div>
</li>
<li class="form-line" data-type="control_fullname" id="id_17"><label class="form-label form-label-top form-label-auto" id="label_17" for="first_17"> Guest Name </label>
<div id="cid_17" class="form-input-wide">
<div aria-labelledby="label_17" role="group" data-wrapper-react="true"><span class="form-sub-label-container" style="vertical-align:top" data-input-type="first"><input type="text" id="first_17" name="q17_GuestName[first]" class="form-textbox" data-defaultvalue="" autoComplete="section-input_17 given-name" size="10" data-component="first" aria-labelledby="sublabel_17_first" value="" /><label class="form-sub-label" for="first_17" id="sublabel_17_first" style="min-height:13px">First Name</label></span><span class="form-sub-label-container" style="vertical-align:top" data-input-type="last"><input type="text" id="last_17" name="q17_GuestName[last]" class="form-textbox" data-defaultvalue="" autoComplete="section-input_17 family-name" size="15" data-component="last" aria-labelledby="sublabel_17_last" value="" /><label class="form-sub-label" for="last_17" id="sublabel_17_last" style="min-height:13px">Last Name</label></span></div>
</div>
</li>
<li class="form-line" data-type="control_text" id="id_4">
<div id="cid_4" class="form-input-wide">
<div id="text_4" class="form-html" data-component="text" tabindex="-1">
<p><span style="font-size: 14pt; font-family: arial, helvetica, sans-serif;"><strong>Payment will be made through PayPal. Please choose payment method from below and follow instructions on screen.</strong></span></p>
</div>
</div>
</li>
<li class="form-line" data-type="control_divider" id="id_9">
<div id="cid_9" class="form-input-wide">
<div class="divider" data-component="divider" style="border-bottom-width:1px;border-bottom-style:solid;border-color:#948C75;height:1px;margin-left:0px;margin-right:0px;margin-top:5px;margin-bottom:5px"></div>
</div>
</li>
<li class="form-line" data-type="control_paymentmethods" id="id_21"><label class="form-label form-label-top" id="label_21" for="input_21"> Payment Methods </label>
<div id="cid_21" class="form-input-wide">
<div class="payment-methods-area">
<div data-wrapper-react="true" class="paypalcomplete-payment-wrapper" data-sandbox="disabled" data-currency="USD" data-merchantid="ZTG3UTB7E8DZL" data-auth-only="No" data-show-spb="true" data-show-card-fields="false" data-show-fastlane="true" data-show-googlepay="true" data-show-applepay="true">
<div id="paypal-commerce-platform-container">
<div class="paypal-toggle-buttons">
<div class="paypal-toggle">
<div class="paypal-toggle-content paypal-new-radioView " render-paypal-type="">
<div class="content-area">
<div id="paypal-smart-buttons">
<div class="payment-method-container" data-id="paypal-smart-buttons"><input class="form-radio" type="radio" name="paypal-payment-method" data-id="paypal-smart-buttons" id="paypal-smart-buttons-input" aria-label="Paypal" aria-describedby="label_21" /><label for="paypal-smart-buttons-input" aria-hidden="true"></label>
<div id="paypal-spb-area" class="has-fastlane">
<div class="fastlane-checkout-header">
<p class="fastlane-checkout-header-text"><span>Fastlane </span>Checkout</p><button class="fastlane-closeBtn" type="button"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="color-navy-300" width="28px" height="28px">
<path fill-rule="evenodd" d="M16.707 8.707a1 1 0 0 0-1.414-1.414L12 10.586 8.707 7.293a1 1 0 0 0-1.414 1.414L10.586 12l-3.293 3.293a1 1 0 1 0 1.414 1.414L12 13.414l3.293 3.293a1 1 0 0 0 1.414-1.414L13.414 12l3.293-3.293Z" clip-rule="evenodd"></path>
</svg></button>
</div>
<p class="paypal-smart-text-fastlane">Choose from one of the PayPal options to <b>make your payment.</b></p>
<div class="paypalFastlaneField-wrapper"><button class="fastlaneCheckoutButton" id="fastlane-checkout-button" type="button">Checkout</button>
<div class="paypalFastlaneField">
<div class="fastlane-email-section" id="fastlane-email-section">
<p class="fastlane-section-header">Contact Info</p><input data-component="cc_email" type="email" id="fastlane-email" class="form-textbox fastlane_email cc_email" placeholder="Email" />
<div class="fastlane-email-pretty-format-field">
<p class="fastlane-email-pretty-format"></p><button class="fastlane-email-change-button" type="button">Change</button>
</div>
</div>
<div id="fastlane-watermark-container" class="fastlane-watermark-container"></div><button class="fastlaneCheckoutButton fastlaneContinueButton loadingWatermark" id="fastlane-continue-button" type="button" disabled="">Continue<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="fastlaneContinueButton-loading-icon">
<path fill-rule="evenodd" d="M13 2a1 1 0 1 0-2 0v3a1 1 0 1 0 2 0V2Zm0 16a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm10-6a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1ZM5.5 13a1 1 0 1 0 0-2H2a1 1 0 1 0 0 2h3.5Zm14.278 6.779a1 1 0 0 1-1.414 0l-1.071-1.072a1 1 0 1 1 1.414-1.414l1.071 1.071a1 1 0 0 1 0 1.415ZM6.293 7.707a1 1 0 0 0 1.414-1.414l-2.071-2.07a1 1 0 1 0-1.414 1.414l2.07 2.07Zm-2.07 12.071a1 1 0 0 1 0-1.414l2.828-2.828a1 1 0 1 1 1.414 1.414l-2.829 2.828a1 1 0 0 1-1.414 0Zm12.57-13.985a1 1 0 0 0 1.414 1.414l1.571-1.57a1 1 0 0 0-1.414-1.415l-1.571 1.571Z" clip-rule="evenodd"></path>
</svg></button>
<div id="fastlane-payment-field-section" class="fastlane-payment-field-section">
<p class="fastlane-section-header fastlane-section-billing-header">Payment Info</p>
<div id="fastlane-payment-component" class="fastlane-payment-component"></div>
</div>
</div>
</div>
<div id="paypal-button-container"></div>
<div class="paypal-paylater-messages displayMessage">
<div class="message-area"></div>
</div>
</div>
</div>
</div>
<div id="paypal-google-pay" class="marginBottom">
<div class="payment-method-container" data-id="paypal-google-pay"><input class="form-radio" type="radio" name="paypal-payment-method" data-id="paypal-google-pay" id="paypal-googlepay-input" aria-label="Google Pay" aria-describedby="label_21" /><label for="paypal-googlepay-input" aria-hidden="true"></label><svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 40" class="google-pay-logo" width="40" height="auto">
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.293 25.113v-5.317h2.744c1.125 0 2.074-.377 2.848-1.12l.185-.188a3.828 3.828 0 0 0-.185-5.36 3.916 3.916 0 0 0-2.848-1.14h-4.405v13.125h1.661Zm0-6.929V13.6h2.786c.599 0 1.166.23 1.59.649.897.879.917 2.344.05 3.255a2.157 2.157 0 0 1-1.64.68h-2.786Z" fill="#3C4043"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.818 16.834c-.712-.66-1.682-.994-2.91-.994-1.578 0-2.764.586-3.548 1.748l1.465.931c.536-.795 1.268-1.193 2.197-1.193.588 0 1.155.22 1.599.617.433.377.68.921.68 1.497v.387c-.639-.356-1.444-.544-2.434-.544-1.155 0-2.084.272-2.775.827-.691.555-1.042 1.287-1.042 2.219-.02.848.34 1.654.98 2.198.65.586 1.475.879 2.445.879 1.145 0 2.053-.513 2.744-1.539h.072v1.246h1.59v-5.537c0-1.162-.352-2.083-1.063-2.742Zm-4.508 6.625a1.365 1.365 0 0 1-.547-1.1c0-.491.227-.9.67-1.224.454-.324 1.022-.492 1.693-.492.928-.01 1.65.2 2.166.618 0 .712-.278 1.33-.825 1.852a2.62 2.62 0 0 1-1.868.785 2.01 2.01 0 0 1-1.29-.44Z" fill="#3C4043"></path>
<path d="M38.45 29.059 44 16.133h-1.806l-2.568 6.447h-.031l-2.63-6.447h-1.806l3.641 8.404-2.063 4.522h1.713Z" fill="#3C4043"></path>
<path d="M14.435 17.117c.082.502.124 1.015.124 1.528 0 2.302-.805 4.239-2.208 5.547l-2.393-1.884a3.493 3.493 0 0 0 1.485-2.292H7.43v-2.9h7.005Z" fill="#4285F4"></path>
<path d="m.797 21.858 2.466-1.936C3.85 21.7 5.49 23.03 7.43 23.03c1.001 0 1.857-.262 2.528-.722l2.393 1.884c-1.227 1.15-2.92 1.82-4.92 1.82a7.409 7.409 0 0 1-6.634-4.144v-.01Z" fill="#34A853"></path>
<path d="M7.43 13.924a3.966 3.966 0 0 1 2.848 1.13l2.125-2.155A7.113 7.113 0 0 0 7.43 10.94c-2.806 0-5.375 1.612-6.633 4.155l2.465 1.947c.589-1.79 2.229-3.119 4.168-3.119Z" fill="#EA4335"></path>
<path d="M.797 15.097 3.26 17.04a4.609 4.609 0 0 0 .003 2.88L.797 21.859a7.568 7.568 0 0 1 0-6.761Z" fill="#FBBC04"></path>
</svg>
<div id="googlepay-button-container" class="loading-visible marginBottom" style="display:none;width:100%">
<div id="googlepay-button-spinner" class="loading-wallet-buttons "><span>Buy with</span><svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 40" class="google-pay-logo" width="50" height="auto">
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.293 25.113v-5.317h2.744c1.125 0 2.074-.377 2.848-1.12l.185-.188a3.828 3.828 0 0 0-.185-5.36 3.916 3.916 0 0 0-2.848-1.14h-4.405v13.125h1.661Zm0-6.929V13.6h2.786c.599 0 1.166.23 1.59.649.897.879.917 2.344.05 3.255a2.157 2.157 0 0 1-1.64.68h-2.786Z" fill="white"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.818 16.834c-.712-.66-1.682-.994-2.91-.994-1.578 0-2.764.586-3.548 1.748l1.465.931c.536-.795 1.268-1.193 2.197-1.193.588 0 1.155.22 1.599.617.433.377.68.921.68 1.497v.387c-.639-.356-1.444-.544-2.434-.544-1.155 0-2.084.272-2.775.827-.691.555-1.042 1.287-1.042 2.219-.02.848.34 1.654.98 2.198.65.586 1.475.879 2.445.879 1.145 0 2.053-.513 2.744-1.539h.072v1.246h1.59v-5.537c0-1.162-.352-2.083-1.063-2.742Zm-4.508 6.625a1.365 1.365 0 0 1-.547-1.1c0-.491.227-.9.67-1.224.454-.324 1.022-.492 1.693-.492.928-.01 1.65.2 2.166.618 0 .712-.278 1.33-.825 1.852a2.62 2.62 0 0 1-1.868.785 2.01 2.01 0 0 1-1.29-.44Z" fill="white"></path>
<path d="M38.45 29.059 44 16.133h-1.806l-2.568 6.447h-.031l-2.63-6.447h-1.806l3.641 8.404-2.063 4.522h1.713Z" fill="white"></path>
<path d="M14.435 17.117c.082.502.124 1.015.124 1.528 0 2.302-.805 4.239-2.208 5.547l-2.393-1.884a3.493 3.493 0 0 0 1.485-2.292H7.43v-2.9h7.005Z" fill="#4285F4"></path>
<path d="m.797 21.858 2.466-1.936C3.85 21.7 5.49 23.03 7.43 23.03c1.001 0 1.857-.262 2.528-.722l2.393 1.884c-1.227 1.15-2.92 1.82-4.92 1.82a7.409 7.409 0 0 1-6.634-4.144v-.01Z" fill="#34A853"></path>
<path d="M7.43 13.924a3.966 3.966 0 0 1 2.848 1.13l2.125-2.155A7.113 7.113 0 0 0 7.43 10.94c-2.806 0-5.375 1.612-6.633 4.155l2.465 1.947c.589-1.79 2.229-3.119 4.168-3.119Z" fill="#EA4335"></path>
<path d="M.797 15.097 3.26 17.04a4.609 4.609 0 0 0 .003 2.88L.797 21.859a7.568 7.568 0 0 1 0-6.761Z" fill="#FBBC04"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="loading-icon">
<path fill-rule="evenodd" d="M13 2a1 1 0 1 0-2 0v3a1 1 0 1 0 2 0V2Zm0 16a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm10-6a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1ZM5.5 13a1 1 0 1 0 0-2H2a1 1 0 1 0 0 2h3.5Zm14.278 6.779a1 1 0 0 1-1.414 0l-1.071-1.072a1 1 0 1 1 1.414-1.414l1.071 1.071a1 1 0 0 1 0 1.415ZM6.293 7.707a1 1 0 0 0 1.414-1.414l-2.071-2.07a1 1 0 1 0-1.414 1.414l2.07 2.07Zm-2.07 12.071a1 1 0 0 1 0-1.414l2.828-2.828a1 1 0 1 1 1.414 1.414l-2.829 2.828a1 1 0 0 1-1.414 0Zm12.57-13.985a1 1 0 0 0 1.414 1.414l1.571-1.57a1 1 0 0 0-1.414-1.415l-1.571 1.571Z" clip-rule="evenodd"></path>
</svg></div>
</div>
</div>
</div>
<div id="paypal-apple-pay">
<div class="payment-method-container" data-id="paypal-apple-pay"><input class="form-radio" type="radio" name="paypal-payment-method" data-id="paypal-apple-pay" id="paypal-applepay-input" aria-label="Apple Pay" aria-describedby="label_21" /><label for="paypal-applepay-input" aria-hidden="true"></label><svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 40" class="apple-pay-logo" width="40" height="auto">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.874 14.25c.825.07 1.65-.418 2.166-1.036.507-.635.842-1.488.756-2.358-.73.035-1.633.488-2.149 1.123-.473.548-.876 1.435-.773 2.27Zm9.815 11.205V11.892h5.028c2.596 0 4.409 1.81 4.409 4.454 0 2.645-1.848 4.472-4.478 4.472h-2.88v4.637H15.69Zm-6.902-11.04c-.727-.042-1.39.222-1.926.435-.344.137-.636.253-.858.253-.25 0-.554-.123-.895-.26-.447-.18-.958-.385-1.495-.375-1.229.017-2.372.722-3 1.844-1.288 2.245-.334 5.568.912 7.395.61.905 1.34 1.897 2.303 1.862.424-.016.728-.147 1.044-.283.363-.155.74-.317 1.328-.317.569 0 .93.157 1.275.309.33.144.646.282 1.115.274.997-.018 1.624-.905 2.234-1.81a8 8 0 0 0 .992-2.063l.005-.016-.023-.012c-.22-.102-1.903-.882-1.92-2.973-.015-1.755 1.335-2.644 1.548-2.784l.026-.017c-.86-1.288-2.2-1.427-2.665-1.462ZM28.925 25.56c1.306 0 2.518-.67 3.068-1.732h.043v1.627h1.925v-6.75c0-1.958-1.547-3.22-3.927-3.22-2.21 0-3.842 1.279-3.902 3.036h1.873c.155-.835.92-1.383 1.968-1.383 1.272 0 1.986.6 1.986 1.705v.748l-2.596.157c-2.415.148-3.721 1.148-3.721 2.889 0 1.757 1.349 2.923 3.283 2.923Zm.558-1.61c-1.108 0-1.813-.54-1.813-1.366 0-.853.679-1.349 1.976-1.427l2.313-.148v.766c0 1.27-1.066 2.175-2.476 2.175Zm10.864 2.036c-.833 2.375-1.787 3.158-3.816 3.158-.154 0-.67-.017-.79-.052v-1.627c.129.017.447.035.61.035.92 0 1.435-.392 1.753-1.41l.19-.6-3.524-9.875h2.174l2.45 8.013h.043l2.449-8.013H44l-3.653 10.37ZM17.77 13.666h2.398c1.805 0 2.836.975 2.836 2.689s-1.031 2.697-2.845 2.697H17.77v-5.386Z" fill="black"></path>
</svg>
<div id="applepay-button-container" style="display:none;width:100%" class="loading-visible">
<div id="applepay-button-spinner" class="loading-wallet-buttons"><span>Buy with</span><svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 40" class="apple-pay-logo" width="40" height="auto">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.874 14.25c.825.07 1.65-.418 2.166-1.036.507-.635.842-1.488.756-2.358-.73.035-1.633.488-2.149 1.123-.473.548-.876 1.435-.773 2.27Zm9.815 11.205V11.892h5.028c2.596 0 4.409 1.81 4.409 4.454 0 2.645-1.848 4.472-4.478 4.472h-2.88v4.637H15.69Zm-6.902-11.04c-.727-.042-1.39.222-1.926.435-.344.137-.636.253-.858.253-.25 0-.554-.123-.895-.26-.447-.18-.958-.385-1.495-.375-1.229.017-2.372.722-3 1.844-1.288 2.245-.334 5.568.912 7.395.61.905 1.34 1.897 2.303 1.862.424-.016.728-.147 1.044-.283.363-.155.74-.317 1.328-.317.569 0 .93.157 1.275.309.33.144.646.282 1.115.274.997-.018 1.624-.905 2.234-1.81a8 8 0 0 0 .992-2.063l.005-.016-.023-.012c-.22-.102-1.903-.882-1.92-2.973-.015-1.755 1.335-2.644 1.548-2.784l.026-.017c-.86-1.288-2.2-1.427-2.665-1.462ZM28.925 25.56c1.306 0 2.518-.67 3.068-1.732h.043v1.627h1.925v-6.75c0-1.958-1.547-3.22-3.927-3.22-2.21 0-3.842 1.279-3.902 3.036h1.873c.155-.835.92-1.383 1.968-1.383 1.272 0 1.986.6 1.986 1.705v.748l-2.596.157c-2.415.148-3.721 1.148-3.721 2.889 0 1.757 1.349 2.923 3.283 2.923Zm.558-1.61c-1.108 0-1.813-.54-1.813-1.366 0-.853.679-1.349 1.976-1.427l2.313-.148v.766c0 1.27-1.066 2.175-2.476 2.175Zm10.864 2.036c-.833 2.375-1.787 3.158-3.816 3.158-.154 0-.67-.017-.79-.052v-1.627c.129.017.447.035.61.035.92 0 1.435-.392 1.753-1.41l.19-.6-3.524-9.875h2.174l2.45 8.013h.043l2.449-8.013H44l-3.653 10.37ZM17.77 13.666h2.398c1.805 0 2.836.975 2.836 2.689s-1.031 2.697-2.845 2.697H17.77v-5.386Z" fill="white"></path>
</svg><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="loading-icon">
<path fill-rule="evenodd" d="M13 2a1 1 0 1 0-2 0v3a1 1 0 1 0 2 0V2Zm0 16a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm10-6a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1ZM5.5 13a1 1 0 1 0 0-2H2a1 1 0 1 0 0 2h3.5Zm14.278 6.779a1 1 0 0 1-1.414 0l-1.071-1.072a1 1 0 1 1 1.414-1.414l1.071 1.071a1 1 0 0 1 0 1.415ZM6.293 7.707a1 1 0 0 0 1.414-1.414l-2.071-2.07a1 1 0 1 0-1.414 1.414l2.07 2.07Zm-2.07 12.071a1 1 0 0 1 0-1.414l2.828-2.828a1 1 0 1 1 1.414 1.414l-2.829 2.828a1 1 0 0 1-1.414 0Zm12.57-13.985a1 1 0 0 0 1.414 1.414l1.571-1.57a1 1 0 0 0-1.414-1.415l-1.571 1.571Z" clip-rule="evenodd"></path>
</svg></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><input id="usePaypalCompleteFormPayment" name="usePaypalCompleteFormPayment" type="hidden" />
</div>
</div><input type="hidden" id="input_21_payment_method" name="q21_paymentMethods[payment_method]" class="" data-defaultvalue="" data-component="payment_method" aria-labelledby="" value="" />
</div>
</div>
</li>
<li class="form-line" data-type="control_button" id="id_2">
<div id="cid_2" class="form-input-wide">
<div data-align="center" class="form-buttons-wrapper form-buttons-center jsTest-button-wrapperField"><button id="input_2" type="submit" class="form-submit-button form-submit-button-simple_red submit-button jf-form-buttons jsTest-submitField legacy-submit" data-component="button" data-content="">Submit</button></div>
</div>
</li>
<li style="display:none">Should be Empty: <input type="text" name="website" value="" type="hidden" /></li>
</ul>
</div>
<script>
JotForm.showJotFormPowered = "0";
</script>
<script>
JotForm.poweredByText = "Powered by Jotform";
</script><input type="hidden" class="simple_spc" id="simple_spc" name="simple_spc" value="261193514682156" />
<script type="text/javascript">
var all_spc = document.querySelectorAll("form[id='261193514682156'] .si" + "mple" + "_spc");
for (var i = 0; i < all_spc.length; i++)
{
all_spc[i].value = "261193514682156-261193514682156";
}
</script>
</form>
<div id="sr-status-message" class="sr-only" role="status" aria-live="polite" style="font-size: 0;"></div><script type="text/javascript">JotForm.ownerView=true;</script><script type="text/javascript">JotForm.isNewSACL=true;</script>Jose Peraleshttp://www.blogger.com/profile/10883558201304325637noreply@blogger.comtag:blogger.com,1999:blog-7469582342492528958.post-82939324056004261792019-08-25T16:02:00.055-04:002026-04-30T10:17:12.678-04:00<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>St. Andrew Men's Club</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
overflow-x: hidden;
}
.hero {
background: linear-gradient(135deg, #8B1538 0%, #A91E4D 50%, #C52A5E 100%);
color: white;
padding: 4rem 2rem;
text-align: center;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
animation: pulse 4s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { opacity: 0.3; transform: scale(1); }
50% { opacity: 0.6; transform: scale(1.1); }
}
.hero-content {
position: relative;
z-index: 2;
max-width: 1200px;
margin: 0 auto;
}
.hero h1 {
font-size: 3.5rem;
font-weight: bold;
margin-bottom: 1rem;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
animation: slideDown 1s ease-out;
}
@keyframes slideDown {
from { opacity: 0; transform: translateY(-50px); }
to { opacity: 1; transform: translateY(0); }
}
.hero-subtitle {
font-size: 1.5rem;
margin-bottom: 2rem;
opacity: 0.9;
animation: fadeIn 1.5s ease-out 0.3s both;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.cta-button {
display: inline-block;
background: linear-gradient(45deg, #FFD700, #FFA500);
color: #8B1538;
padding: 1rem 2.5rem;
text-decoration: none;
border-radius: 50px;
font-weight: bold;
font-size: 1.2rem;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
animation: bounceIn 2s ease-out 0.6s both;
}
@keyframes bounceIn {
from { opacity: 0; transform: scale(0.3); }
50% { transform: scale(1.05); }
70% { transform: scale(0.9); }
to { opacity: 1; transform: scale(1); }
}
.cta-button:hover {
transform: translateY(-3px) scale(1.05);
box-shadow: 0 8px 25px rgba(255, 215, 0, 0.4);
}
.meeting-info {
background: white;
padding: 3rem 2rem;
text-align: center;
box-shadow: 0 -10px 30px rgba(0,0,0,0.1);
}
.info-card {
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
border-radius: 20px;
padding: 2.5rem;
max-width: 800px;
margin: 0 auto;
border: 3px solid #8B1538;
position: relative;
overflow: hidden;
}
.info-card::before {
content: '';
position: absolute;
top: -50%;
right: -50%;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(139, 21, 56, 0.05), transparent);
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translate(0, 0) rotate(0deg); }
33% { transform: translate(30px, -30px) rotate(120deg); }
66% { transform: translate(-20px, 20px) rotate(240deg); }
}
.date-highlight {
font-size: 2.5rem;
color: #8B1538;
font-weight: bold;
margin-bottom: 1rem;
text-shadow: 1px 1px 2px rgba(139, 21, 56, 0.2);
}
.location-time {
font-size: 1.3rem;
color: #555;
margin-bottom: 2rem;
}
.purpose-section {
background: linear-gradient(135deg, #8B1538, #A91E4D);
color: white;
padding: 4rem 2rem;
position: relative;
}
.purpose-content {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
align-items: center;
}
.purpose-text h2 {
font-size: 2.5rem;
margin-bottom: 2rem;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.purpose-list {
list-style: none;
}
.purpose-list li {
margin-bottom: 1rem;
padding-left: 2rem;
position: relative;
opacity: 0;
animation: slideInLeft 0.6s ease-out forwards;
}
.purpose-list li:nth-child(1) { animation-delay: 0.1s; }
.purpose-list li:nth-child(2) { animation-delay: 0.2s; }
.purpose-list li:nth-child(3) { animation-delay: 0.3s; }
.purpose-list li:nth-child(4) { animation-delay: 0.4s; }
@keyframes slideInLeft {
from { opacity: 0; transform: translateX(-50px); }
to { opacity: 1; transform: translateX(0); }
}
.purpose-list li::before {
content: '';
position: absolute;
left: 0;
width: 16px;
height: 8px;
border-left: 3px solid #FFD700;
border-bottom: 3px solid #FFD700;
transform: rotate(-45deg);
top: 8px;
}
.highlight-box {
background: rgba(255, 255, 255, 0.1);
border-radius: 15px;
padding: 2rem;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.events-section {
background: #f8f9fa;
padding: 4rem 2rem;
}
.events-content {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
.events-content h2 {
font-size: 2.5rem;
color: #8B1538;
margin-bottom: 2rem;
}
.events-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-top: 3rem;
}
.event-card {
background: white;
border-radius: 15px;
padding: 1.5rem;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
border-top: 4px solid #8B1538;
}
.event-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.pricing-section {
background: linear-gradient(45deg, #FFD700, #FFA500);
padding: 3rem 2rem;
text-align: center;
}
.pricing-content {
max-width: 800px;
margin: 0 auto;
}
.pricing-content h2 {
color: #8B1538;
font-size: 2.5rem;
margin-bottom: 2rem;
}
.pricing-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 2rem;
margin-top: 2rem;
}
.pricing-card {
background: white;
border-radius: 15px;
padding: 2rem;
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
transform: scale(0.95);
transition: transform 0.3s ease;
}
.pricing-card:hover {
transform: scale(1);
}
.price {
font-size: 3rem;
font-weight: bold;
color: #8B1538;
}
.join-section {
background: #8B1538;
color: white;
padding: 4rem 2rem;
text-align: center;
}
.join-content {
max-width: 800px;
margin: 0 auto;
}
.join-content h2 {
font-size: 2.5rem;
margin-bottom: 2rem;
}
.qr-placeholder {
background: white;
border-radius: 15px;
padding: 2rem;
margin: 2rem auto;
max-width: 300px;
color: #8B1538;
font-weight: bold;
}
@media (max-width: 768px) {
.hero h1 {
font-size: 2.5rem;
}
.hero-subtitle {
font-size: 1.2rem;
}
.purpose-content {
grid-template-columns: 1fr;
}
.date-highlight {
font-size: 2rem;
}
}
.scroll-indicator {
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
40% { transform: translateX(-50%) translateY(-10px); }
60% { transform: translateX(-50%) translateY(-5px); }
}
.scroll-indicator::after {
content: '';
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 20px solid white;
opacity: 0.7;
display: block;
}
</style>
</head>
<body>
<section class="hero">
<div class="hero-content">
<h1>St. Andrew Men's Club</h1>
<p class="hero-subtitle">Wants You!</p>
<p style="font-size: 1.2rem; margin-bottom: 2rem;">Over 20 Years of Service to the St. Andrew Parish Community</p>
<a href="#meeting-info" class="cta-button">Join Us for Our Next Meeting!</a>
</div>
<div class="scroll-indicator"></div>
</section>
<section id="meeting-info" class="meeting-info">
<div class="info-card">
<div class="date-highlight">May 4, 2026</div>
<div class="location-time">
<strong>Parish Hall • 6:30 PM</strong><br>
An evening of fellowship, fine dining and refreshments<br>
as we start the 2025/2026 Men's Club Calendar Year with a bang!
</div>
</div>
</section>
<section class="purpose-section">
<div class="purpose-content">
<div class="purpose-text">
<h2>Our Purpose</h2>
<ul class="purpose-list">
<li>Promote camaraderie and form enduring friendships while rendering service to build a better Parish community</li>
<li>Achieve Parish objectives through cooperation with other Parish organizations</li>
<li>Provide a forum to enhance spirituality among the men of the Parish</li>
<li>Provide for sustained growth in numbers, service, and fellowship</li>
</ul>
</div>
<div class="highlight-box">
<h3 style="margin-bottom: 1rem;">New Member Benefits</h3>
<p style="font-size: 1.2rem; margin-bottom: 1rem;">✓ Free meal for first-timers with annual dues</p>
<p style="font-size: 1.2rem; margin-bottom: 1rem;">✓ Two Men's Club shirts included</p>
<p style="font-size: 1.2rem;">✓ Immediate fellowship and community</p>
</div>
</div>
</section>
<section class="events-section">
<div class="events-content">
<h2>2025-2026 Events Calendar</h2>
<p style="font-size: 1.2rem; color: #666; margin-bottom: 2rem;">Here are just a few of the exciting events we have planned:</p>
<div class="events-grid">
<a href="https://st-andrew-bill-mcalpine-golf-classic.perfectgolfevent.com/" target="_blank" style="text-decoration: none; color: inherit;">
<div class="event-card">
<h3>Bill McAlpine 22nd Annual Golf Tournament</h3>
<p>Our signature golf tournament and banquet</p>
</div>
</a>
<div class="event-card">
<h3>Thanksgiving Dinners</h3>
<p>Community service at its finest</p>
</div>
<div class="event-card">
<h3>Parish Christmas Decorations</h3>
<p>Making the season bright</p>
</div>
<div class="event-card">
<h3>Parish Carnival</h3>
<p>Fun for the whole community</p>
</div>
<div class="event-card">
<h3>Lenten Dinners</h3>
<p>Spiritual and community nourishment</p>
</div>
<div class="event-card">
<h3>Good Friday Clam Chowder</h3>
<p>A beloved tradition continues</p>
</div>
</div>
<div style="background: #8B1538; color: white; padding: 2rem; border-radius: 15px; margin-top: 3rem; font-size: 1.3rem; font-weight: bold;">
🎉 RETURN OF LADIES NIGHT was a GREAT Success! 🎉
</div>
</div>
</section>
<section class="pricing-section">
<div class="pricing-content">
<h2>Simple Pricing</h2>
<div class="pricing-cards">
<a href="https://www.standrewmensclub.com/p/dues.html" target="_blank" style="text-decoration: none; color: inherit;">
<div class="pricing-card">
<h3>Meeting Meal</h3>
<div class="price">$20</div>
<p>Includes beer and wine</p>
</div>
</a>
<a href="https://www.standrewmensclub.com/p/dues.html" target="_blank" style="text-decoration: none; color: inherit;">
<div class="pricing-card">
<h3>Annual Dues</h3>
<div class="price">$45</div>
<p>Full membership benefits</p>
</div>
</a>
<div class="pricing-card">
<h3>New Members</h3>
<div class="price">FREE*</div>
<p>*First meal with dues payment<br>+ Two shirts included!</p>
</div>
</div>
</div>
</section>
<section class="join-section">
<div class="join-content">
<h2>Ready to Join?</h2>
<p style="font-size: 1.2rem; margin-bottom: 2rem;">
Put on your Men's Club shirts, bring a friend, and get over to the Parish Hall that night.
If you don't have a Men's Club shirt, come to the meeting and join us to get one (actually, two!).
We look forward to seeing friends old and new that night!
</p>
<div class="qr-placeholder">
<strong>I am Interested in Joining</strong><br><br>
Visit or scan QR code:<br>
<a href="https://www.standrewmensclub.com/p/new-member-registration.html"
style="color: #8B1538; text-decoration: none; font-weight: bold;">
standrewmensclub.com/new-member-registration
</a>
</div>
<div style="margin-top: 2rem;">
<a href="https://www.standrewmensclub.com/p/new-member-registration.html"
class="cta-button">Register Now</a>
</div>
</div>
</section>
<script>
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// Add scroll animations
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, observerOptions);
// Observe elements for animation
document.querySelectorAll('.event-card, .pricing-card').forEach(el => {
el.style.opacity = '0';
el.style.transform = 'translateY(20px)';
el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
observer.observe(el);
});
</script>
</body>
</html>Unknownnoreply@blogger.com