banners.coastcams.com
Open in
urlscan Pro
54.87.111.129
Public Scan
URL:
https://banners.coastcams.com/
Submission: On June 23 via api from US — Scanned from DE
Submission: On June 23 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
Name: paymentForm —
<form id="paymentForm" name="paymentForm" class="ng-pristine ng-invalid ng-invalid-required ng-valid-email" novalidate="novalidate">
<div class="pt-md-36 pt-sm-28 pt-20 pb-sm-40 pb-24 px-md-56 px-sm-24 px-16">
<h3 class="tpl-2__checkout__title mb-sm-28 mb-16">Payment Information</h3>
<h4 class="tpl-2__checkout__subtitle mb-sm-20 mb-16">Contact</h4>
<div class="row">
<div class="col-sm-6 col-12">
<div class="form-group d-flex flex-column">
<input type="text" class="form-control order-2 ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" autofill="" id="fname" name="fname" ng-model="order.customer.first_name" required="" spellcheck="false" value=""
autocomplete="given-name">
<label for="fname" class="order-1">First Name</label>
</div>
</div>
<div class="col-sm-6 col-12">
<div class="form-group d-flex flex-column">
<input type="text" class="form-control order-2 ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" autofill="" id="lname" name="lname" ng-model="order.customer.last_name" required="" spellcheck="false" value=""
autocomplete="family-name">
<label for="lname" class="order-1">Last Name</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-12">
<div class="form-group d-flex flex-column">
<input type="email" class="form-control form-control--icon form-control--email order-2 ng-pristine ng-untouched ng-empty ng-valid-email ng-invalid ng-invalid-required" autofill="" id="email" name="email" ng-model="order.customer.email"
required="" spellcheck="false" value="" autocomplete="email">
<label for="email" class="order-1">Email Address</label>
</div>
</div>
<div class="col-sm-6 col-12">
<!-- ngIf: checkoutState.product.properties.phone_number_field -->
<div class="form-group d-flex flex-column ng-scope" ng-if="checkoutState.product.properties.phone_number_field">
<input type="tel" class="form-control form-control--icon form-control--phone order-2 ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" autofill="" id="phone" name="phone" ng-model="order.customer.phone_number" required=""
spellcheck="false" value="" autocomplete="tel">
<label for="phone" class="order-1">Phone Number</label>
</div><!-- end ngIf: checkoutState.product.properties.phone_number_field -->
</div>
</div>
<h4 class="tpl-2__checkout__subtitle mt-sm-12 mb-16">Coupon Code</h4>
<div class="tpl-2__checkout__coupon bg-light mb-sm-36 mb-20 p-sm-16 p-8 rounded">
<div class="row align-items-sm-center mx-n8">
<div class="col-sm-6 col-12">
<div class="form-group mb-sm-0">
<input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" placeholder="Coupon Code" id="coupon" name="coupon" ng-model="coupon_code">
</div>
</div>
<div class="col-sm-auto col-12 px-8">
<!-- ngIf: coupon_message.text == '' --><button type="button" class="btn btn-sm btn-primary ng-scope" ng-if="coupon_message.text == ''" ng-disabled="!coupon_code" ng-click="checkCoupon(876902, false, false)" disabled="disabled">Apply coupon
code</button><!-- end ngIf: coupon_message.text == '' -->
<!-- ngIf: coupon_message.text !== '' -->
</div>
<div class="col-sm col-12 px-8 mt-sm-0 mt-8">
<!-- ngIf: coupon_message.text !== '' -->
</div>
</div>
</div>
<div class="row">
</div>
<h4 class="tpl-2__checkout__subtitle mt-sm-12 mb-16">Payment Methods</h4>
<div id="payments" class="mb-20">
<div class="row">
<div class="col-sm-auto col-12 order-sm-2 order-1 ml-sm-0 mb-3">
<div class="custom-control custom-radio m-0">
<input type="radio" id="payPalRadio" name="paymentMethods" data-toggle="collapse" data-target="#paypal:not(.show)" class="custom-control-input" ng-click="setPaymentType('paypal')" aria-expanded="false">
<label class="custom-control-label d-flex align-items-center" for="payPalRadio">
<div class="payment-method-label"><img class="paypal-icon-v2" src="https://d2n844f18s487r.cloudfront.net/modules/frontend/img/payment/paypal-v2.svg" alt="PayPal"><span>PayPal</span></div>
</label>
</div>
</div>
<div id="paypal" class="col-12 collapse order-sm-4 order-1 mb-sm-0 mb-3" data-parent="#payments">
<div class="alternate-payments">
<img class="payment-logo" src="https://d2n844f18s487r.cloudfront.net/modules/frontend/img/payment/paypal-redirect.svg" alt="PayPal logo">
<p>PayPal selected.</p>
<div>
<img class="external-link" src="https://d2n844f18s487r.cloudfront.net/modules/frontend/img/payment/external-link.svg">
<p class="payment-subtext">After submitting, you will be redirected to the PayPal website to fill out your payment information. You will be redirected back to our site once the payment is completed.</p>
</div>
</div>
</div>
<div class="col-sm-auto col-12 order-sm-1 order-3 pl-0 ml-12 mb-3">
<div class="custom-control custom-radio m-0">
<input type="radio" id="creditCardRadio" name="paymentMethods" data-toggle="collapse" data-target="#cards:not(.show)" class="custom-control-input" ng-click="setPaymentType('cc_processor')" aria-expanded="true" checked="">
<label class="custom-control-label d-flex align-items-center" for="creditCardRadio">
<div class="payment-method-label"><img class="sampay-icon" src="https://d2n844f18s487r.cloudfront.net/modules/frontend/img/payment/sampay-wallet.svg" alt="SamPay Wallet"><span>Card & More</span></div>
</label>
</div>
</div>
<div id="cards" class="col-12 collapse order-sm-4 order-3 show " data-parent="#payments">
<div class="payment-element-container">
<div class="payment-form cc-processor-form sampay-processor-form" ng-show="processor_selection == 'cc_processor'">
<!-- ngIf: renderingPaymentElement -->
<!-- ngIf: !renderingPaymentElement -->
<div ng-if="!renderingPaymentElement" class="ng-scope">
<stripe-element id="payment-element" instance="paymentElement" class="stripe-payment-element ng-isolate-scope">
<div stripe-element-decorator="" class="StripeElement">
<div class="__PrivateStripeElement"
style="margin: -4px 0px !important; padding: 0px !important; border: none !important; display: block !important; background: transparent !important; position: relative !important; opacity: 1 !important; clear: both !important; transition: height 0.35s ease 0s !important;">
<iframe name="__privateStripeFrame4898" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *; publickey-credentials-get *"
src="https://js.stripe.com/v3/elements-inner-payment-5cbcf91e3fe260f512da67f4d206440a.html#wait=true&rtl=false&publicOptions[paymentMethodOrder][0]=card&publicOptions[paymentMethodOrder][1]=affirm&publicOptions[paymentMethodOrder][2]=afterpay_clearpay&publicOptions[paymentMethodOrder][3]=klarna&publicOptions[terms][applePay]=never&publicOptions[terms][auBecsDebit]=never&publicOptions[terms][bancontact]=never&publicOptions[terms][card]=never&publicOptions[terms][cashapp]=never&publicOptions[terms][googlePay]=never&publicOptions[terms][ideal]=never&publicOptions[terms][paypal]=never&publicOptions[terms][sepaDebit]=never&publicOptions[terms][sofort]=never&publicOptions[terms][usBankAccount]=never&publicOptions[wallets][applePay]=never&publicOptions[wallets][googlePay]=never&publicOptions[layout][type]=accordion&publicOptions[layout][defaultCollapsed]=false&publicOptions[layout][radios]=false&publicOptions[layout][spacedAccordionItems]=true&stripeAccount=acct_1NZEYx2qLlv930uS&componentName=payment&keyMode=live&apiKey=pk_live_NNX27kZQDAPiNsF78lllGNd0&referrer=https%3A%2F%2Fbanners.coastcams.com%2F&controllerId=__privateStripeController4891"
title="Secure payment input frame"
style="border: 0px !important; margin: -4px; padding: 0px !important; width: calc(100% + 8px); min-width: 100% !important; overflow: hidden !important; display: block !important; user-select: none !important; transform: translate(0px) !important; color-scheme: light only !important; height: 229.969px; opacity: 1; transition: opacity 0.4s ease 0.1s;"></iframe>
</div>
</div>
</stripe-element>
</div><!-- end ngIf: !renderingPaymentElement -->
</div>
</div>
</div>
</div>
</div>
<div class="v2-horizontal-large-container">
<div id="orderBump787555" class="order-bump-wrapper">
<div class="vertical" ng-style="{'background-color': resolveOrderBumpBackgroundColor(), 'border': resolveOrderBumpBorderStyle()}" style="background-color: rgb(255, 237, 225); border: 2px none rgb(254, 194, 156);">
<div class="order-bump-image order-bump-image-fill">
<img ng-src="https://s3.amazonaws.com/samcart-foundation-prod/marketplace-174685/assets/UO4eBHLQrogaVCzT.jpg" alt="Banner Ad Design" width="100%" height="100%"
src="https://s3.amazonaws.com/samcart-foundation-prod/marketplace-174685/assets/UO4eBHLQrogaVCzT.jpg">
</div>
<div class="content">
<div class="header-content" ng-style="{'color': resolveOrderBumpTextColor(), 'text-align': resolveOrderBumpTextAlignment()}" style="color: rgb(23, 47, 68); text-align: left;">
<div class="order-bump-headline">
<p ng-style="{'color': resolveOrderBumpHeadlineColor()}" class="sc-headline h1" style="color: rgb(14, 111, 204);">Banner Ad Design</p>
</div>
<div class="order-bump-description"> Have our expert design team create your banner for you. </div>
</div>
<div class="bump-content left" ng-class="resolveOrderBumpTextAlignment()">
<div class="order-bump-button" ng-click="addOrderBump(876902, 876910, false, false)" ng-style="{'background': resolveOrderBumpPriceColor()}" style="background: rgb(255, 122, 80);">
<div style="display: flex; align-items: center; justify-content: center;">
<button type="button" class="animated ng-binding bumpWidgetFadeIn" ng-class="{bumpWidgetFadeOut: order_bumps.has(876910), bumpWidgetFadeIn: !order_bumps.has(876910)}" ng-style="{'color': resolveOrderBumpButtonTextColor()}"
style="color: rgb(255, 255, 255);"> Add to order </button>
<button type="button" class="hide animated bumpWidgetFadeOut" ng-class="{bumpWidgetFadeIn: order_bumps.has(876910), bumpWidgetFadeOut: !order_bumps.has(876910)}" ng-style="{'opacity': order_bumps.has(876910) ? unset : 0}"
style="opacity: 0;">
<div class="added-text" ng-style="{'color': resolveOrderBumpButtonTextColor()}" style="color: rgb(255, 255, 255);">
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 8C0 3.58862 3.58862 0 8 0C12.4114 0 16 3.58862 16 8C16 12.4114 12.4114 16 8 16C3.58862 16 0 12.4114 0 8ZM7.72104 10.6386L12.0544 6.30535C12.315 6.04461 12.315 5.62334 12.0544 5.36272C11.7937 5.10198 11.3724 5.10198 11.1118 5.36272L7.24973 9.22466L5.55441 7.52935C5.29367 7.26861 4.87241 7.26861 4.61179 7.52935C4.35105 7.78997 4.35105 8.21136 4.61179 8.47198L6.77841 10.6386C6.90842 10.7686 7.07907 10.834 7.24973 10.834C7.42038 10.834 7.59104 10.7686 7.72104 10.6386Z"
fill="#FFFFFF">
</path>
</svg>
<p ng-style="{'color': resolveOrderBumpButtonTextColor()}" style="color: rgb(255, 255, 255);">Added</p>
</div>
</button>
</div>
</div>
<div class="pricing">
<div ng-style="{'color': resolveOrderBumpPriceColor(), 'text-align': resolveOrderBumpTextAlignment()}" style="color: rgb(255, 122, 80); text-align: left;">
<strong class="ng-binding">£50.00</strong>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<h4 class="tpl-2__checkout__subtitle mt-sm-12 mb-16">Order Summary</h4>
<div id="order-summary-widget" box-loading="contextRefresh">
<div id="product-list" class="box">
<!-- ngRepeat: invoiceItem in checkoutContext.order.invoice.items -->
<div class="product-item ng-scope" ng-repeat="invoiceItem in checkoutContext.order.invoice.items">
<div class="product-label-col">
<span class="product-item-name ng-binding">Coast Cams Standard Banner Ad Annual</span>
<!-- ngIf: subscriptionsByProductId[invoiceItem.product_id] -->
<!-- ngIf: invoiceItem.type === 'bump' -->
</div>
<div class="product-price-col float-right text-right">
<!-- ngIf: invoiceItem.quantity > 1 --><span class="unit-amount ng-binding">£1,047.00</span>
</div>
</div><!-- end ngRepeat: invoiceItem in checkoutContext.order.invoice.items -->
</div>
<div id="summary-totals" class="box">
<div class="invoice-item subtotal-row ng-hide" ng-show="checkoutContext.order.invoice.subtotal !== checkoutContext.order.invoice.total">
<div class="invoice-label-col">
<span class="invoice-item-label">Subtotal:</span>
</div>
<div class="invoice-amount-col float-right text-right">
<span class="invoice-item-amount ng-binding">£1,047.00</span>
</div>
</div>
<div class="invoice-item tax-row ng-hide" ng-show="checkoutContext.order.invoice.tax !== 0">
<div class="invoice-label-col">
<span class="invoice-item-label">Tax:</span>
</div>
<div class="invoice-amount-col float-right text-right">
<span class="invoice-item-amount ng-binding">£0.00</span>
</div>
</div>
<div class="invoice-item shipping-row ng-hide" ng-show="checkoutContext.order.invoice.shipping !== 0">
<div class="invoice-label-col">
<span class="invoice-item-label">Shipping:</span>
</div>
<div class="invoice-amount-col float-right text-right">
<span class="invoice-item-amount ng-binding">£0.00</span>
</div>
</div>
<div class="invoice-item discount-row ng-hide" ng-show="checkoutContext.order.invoice.discount !== 0">
<div class="invoice-label-col">
<span class="invoice-item-label">Discounts:</span>
</div>
<div class="invoice-amount-col float-right text-right">
<span class="invoice-item-amount ng-binding">-£0.00</span>
</div>
</div>
<div class="invoice-item total-row">
<div class="invoice-label-col">
<span class="invoice-item-label">Total:</span>
</div>
<div class="invoice-amount-col float-right text-right">
<span class="invoice-item-amount ng-binding" id="total">£1,047.00 </span>
</div>
</div>
</div>
</div>
<div class="g-recaptcha-container">
<script type="text/javascript">
var recaptchaChallengeSeen = false;
var recaptchaCallback = function(response) {
window.recaptchaResponse = response;
};
var onloadCallback = function() {
window.recaptchaWidgetId = grecaptcha.render('submit', {
'sitekey': '6LfyULUmAAAAAJld89qgZEGDDIGnjfWqZGBkXh3t',
'callback': recaptchaCallback,
'size': 'invisible'
});
};
const domObserver = new MutationObserver(() => {
const iframe = document.querySelector("iframe[src^=\"https://www.google.com/recaptcha\"][src*=\"bframe\"]");
if (!iframe) {
return;
}
domObserver.disconnect();
const recaptchaContainerObserver = new MutationObserver(() => {
if (iframe.parentNode.parentNode.style.visibility !== "visible") {
return;
}
recaptchaContainerObserver.disconnect();
recaptchaChallengeSeen = true;
});
recaptchaContainerObserver.observe(iframe.parentNode.parentNode, {
attributes: true
});
});
domObserver.observe(document.documentElement || document.body, {
childList: true,
subtree: true
});
window.resetRecaptcha = function() {
window.recaptchaResponse = undefined;
grecaptcha.reset(window.recaptchaWidgetId);
recaptchaChallengeSeen = false;
domObserver.observe(document.documentElement || document.body, {
childList: true,
subtree: true
});
}
</script>
<input id="submit" type="hidden" value="Submit" style="">
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async="" defer=""></script>
<script>
const sleepUntil = async (f, timeoutMs) => {
return new Promise((resolve, reject) => {
const timeWas = new Date();
const wait = setInterval(function() {
if (f()) {
clearInterval(wait);
resolve();
} else if (new Date() - timeWas > timeoutMs) { // Timeout
clearInterval(wait);
reject();
}
}, 20);
});
}
function fetchToken() {
window.resetRecaptcha();
return new Promise(async function(resolve, reject) {
grecaptcha.reset();
grecaptcha.execute(window.recaptchaWidgetId);
var responseReceived = false;
try {
await sleepUntil(() => window.recaptchaResponse, 60000);
responseReceived = true;
resolve('');
} catch {
reject('reCAPTCHA timeout exceeded!');
}
snowplow('trackSelfDescribingEvent', {
event: {
schema: 'iglu:com.samcart/recaptcha_challenge_shown_event/jsonschema/1-0-0',
data: {
shown: recaptchaChallengeSeen,
}
}
});
snowplow('trackSelfDescribingEvent', {
event: {
schema: 'iglu:com.samcart/recaptcha_challenge_response_received_event/jsonschema/1-0-0',
data: {
response_received: responseReceived,
}
}
});
});
}
</script>
</div>
<div class="tpl-2__order mx-sm-auto text-center">
<!-- ngIf: processor_selection !== 'digital_wallet' --><button type="submit" class="btn btn-primary mb-16 w-100 main-cta ng-scope" id="placeOrder" name="placeOrder" ng-click="placeOrder('7xfqMl8o3PlLxGXnDPam6lPe')"
ng-disabled="shippingCountryIsRestricted || isProcessingOrder" ng-if="processor_selection !== 'digital_wallet'"> Place Order Now </button><!-- end ngIf: processor_selection !== 'digital_wallet' -->
<div id="payment-request-button" class="mb-16 ng-hide" ng-show="processor_selection === 'digital_wallet'"></div>
<div class="custom-control mb-0 custom-checkbox">
<input type="checkbox" class="custom-control-input ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="terms_conditions_checkbox" ng-model="order.terms_checked" name="terms_conditions_checkbox" required="">
<label class="custom-control-label" for="terms_conditions_checkbox">I agree to the <a target="_blank" href="https://coastcams.com/terms-and-conditions/">Terms & Conditions</a>
</label>
</div>
<label class="terms-conditions error ng-hide" id="not_accepted_notice" ng-show="termsNotAccepted"> Please Accept the Terms & Conditions</label>
</div>
</div>
</form>Text Content
info@coastcams.com BOOST YOUR BUSINESS WITH COAST CAMS HIGH-VISIBILITY BANNER ADS Sign Up Today Example banners Over 1.4m Banner Impressions in 2023 WE SUPPORT LOCAL BUSINESSES! By advertising with Coast Cams, you're supporting a service dedicated to helping local businesses thrive and grow. Exampler Banners WHY ADVERTISE WITH COAST CAMS? High Visibility: Your ads will be displayed to thousands of daily website visitors, ensuring maximum exposure for your business. Targeted Audience: Coast Cams attracts a specific demographic interested in visiting our camera locations, whether local or global. Cost-Effective: Banner advertising with Coast Cams offers an affordable way to reach a large audience compared to traditional advertising methods. Warm Audience: Our website visitors are already engaged and trust Coast Cams, making them more receptive to your advertisements. Measurable Results: Track the performance of your banner ads with detailed analytics, helping you optimise your advertising strategy. Enhanced Brand Recognition: Regular exposure on a trusted platform helps build and reinforce brand awareness among a loyal audience. Unique Reach: Advertise outside the saturated regular channels and tap into a fresh customer base that is not over-exposed to competitors. GET STARTED TODAY Our platform offers a unique opportunity to reach a fresh and receptive audience outside the traditional saturated advertising channels. Example Banner Sign up today! HI, I AM NEIL SALTER Founder of Coast Cams When I started my busines in 2014, I never thought it would have such an impact. Over the years, we have helped many businesses reach a new, relevant audience. Our platform offers a unique opportunity to reach a fresh and relevant hospitality audience outside the traditional, advertising channels. Partnering with Coast Cams means tapping into a trusted community, ultimately driving more traffic and sales to your business. PAYMENT INFORMATION CONTACT First Name Last Name Email Address Phone Number COUPON CODE Apply coupon code PAYMENT METHODS PayPal PayPal selected. After submitting, you will be redirected to the PayPal website to fill out your payment information. You will be redirected back to our site once the payment is completed. Card & More Banner Ad Design Have our expert design team create your banner for you. Add to order Added £50.00 ORDER SUMMARY Coast Cams Standard Banner Ad Annual £1,047.00 Subtotal: £1,047.00 Tax: £0.00 Shipping: £0.00 Discounts: -£0.00 Total: £1,047.00 Place Order Now I agree to the Terms & Conditions Please Accept the Terms & Conditions © 2024 Coast Cams. All Rights Reserved. PROCESSING