← All HTML demosDownload this pack free

HTML CTA & Newsletter Sections

36 call-to-action sections in plain HTML and CSS. Responsive, accessible and free for personal and commercial use.

CTA sections 36

CTA section 01 · Gradient banner

A rounded gradient banner with headline, two buttons and a soft pattern. The classic end-of-page call to action.

Open
CTA section 02 · Inline newsletter signup

A centred newsletter block with an inline email form, privacy note and subscriber count. Shows a thank-you on submit.

Open
CTA section 03 · Split with illustration

Text, checklist and buttons on one side and a full-height illustration on the other, inside a rounded panel.

Open
CTA section 04 · Sticky bottom bar

A slim promo bar fixed to the bottom of the screen with a button and dismiss. Remembers dismissal for the visit.

Open
CTA section 05 · Newsletter popup

A modal newsletter popup with an image panel, opened from a button (or on a timer). Closes with Esc, the X or a click outside.

Open
CTA section 06 · Download the app

A dark app call to action with phone mockup, store badges, rating and a QR code for desktop visitors.

Open
CTA section 07 · Big type with email

An oversized headline on black with a one-line email capture and a short reassurance row. Bold and minimal.

Open
CTA section 08 · Newsletter with past issues

Subscribe form on the left and the three latest issues as cards on the right, so readers know what they're signing up for.

Open
CTA section 09 · Free guide download

A lead magnet block with a CSS book cover, what's inside and a short download form. For guides, templates and reports.

Open
CTA section 10 · Corner slide-in offer

A small card that slides in at the bottom-right with a discount code to copy. Unobtrusive, easy to dismiss.

Open
CTA section 11 · Local call-to-action strip

A bold brand-colour strip with a 24/7 badge, phone number, booking button and opening hours. For trades and clinics.

Open
CTA section 12 · Sale countdown with code

A sale banner with a live countdown, discount code with copy button and shop link. Set the end date in one attribute.

Open
CTA section 13 · Fanned cards CTA

A bold CTA band with a fan of tilted template cards on the right that spread on hover, a headline, two buttons and a "no credit card" note. For template, design and content tools.

Open
CTA section 14 · Quiz start CTA

A skincare brand CTA that starts a quiz right there: question, three tappable answers that light up and move to a "your routine is ready" result with email capture.

Open
CTA section 15 · Call or callback CTA

A two-option CTA for service businesses: a big "call us now" side with live open status and phone number, and a "we'll call you" side with name, number and preferred time chips.

Open
CTA section 16 · Glowing border CTA

A dark developer CTA with an animated conic-gradient border, a copyable install command, a "press D to open docs" keyboard shortcut and a GitHub-style star count button.

Open
CTA section 17 · Impact slider CTA

A charity CTA where a slider sets a monthly gift and an illustrated meter shows what it pays for (meals, school kits, clean water), with a donate button that reflects the amount.

Open
CTA section 18 · Instant valuation CTA

An estate agent CTA: "What's my home worth?" with an address field, property type chips and a two-step result that shows an illustrated house and an estimated price range.

Open
CTA section 19 · Community join CTA

A community CTA framed by a wall of illustrated member avatars that fade towards the centre, with a member count, topic chips you can pick and a join form.

Open
CTA section 20 · Cohort deadline CTA

An education CTA for a live cohort: start date card, enrolment deadline countdown, seats-left meter, what you get list and an apply button with instalment pricing.

Open
CTA section 21 · Quick table booking CTA

A restaurant CTA strip on a warm illustrated backdrop: guests, date and time pills in one row, live available-slot chips that change with the date, and a Find a table button.

Open
CTA section 22 · Send-to-phone app CTA

An app download CTA for desktop visitors: a QR code to scan, or enter a phone number to get a download link by text, plus store badges and a rating, with an illustrated phone peeking in.

Open
CTA section 23 · Refer a friend CTA

A referral CTA with a gift illustration: give £20 / get £20 headline, the user's personal link with copy button, share buttons (email, WhatsApp-style message, link) and a progress tracker of rewards earned.

Open
CTA section 24 · Two-path final CTA

A closing CTA before the footer: two large clickable cards ("I'm a business" / "I'm a freelancer") with icons, arrows and different next steps, on top of a soft scrolling word band.

Open
CTA section 25 · Pet insurance quote CTA

A friendly pet insurance CTA: choose dog, cat or rabbit (the illustration swaps), age and cover level, and see a live monthly price with a Get my quote button.

Open
CTA section 26 · Webinar registration CTA

A live session sign-up: a calendar-page date tile, two illustrated speakers, what you will learn, seats remaining and a short form that confirms with an add-to-calendar link.

Open
CTA section 27 · Solar savings CTA

A home solar CTA with a roof size slider and orientation choice that update yearly savings, payback years and CO₂, beside an illustrated house with panels and a big sun.

Open
CTA section 28 · Gift card designer CTA

A bookshop gift card CTA: pick a design, an amount and type a message, and the card preview updates live before you buy.

Open
CTA section 29 · Driving lessons CTA

A driving school CTA: enter a postcode to find instructors nearby, pick manual or automatic, and see the week's free slots with a first-lesson offer.

Open
CTA section 30 · Free template download CTA

A lead magnet for a free template bundle: a fanned stack of document pages with file-type badges, the list of what is inside, and an email form that reveals a download button.

Open
CTA section 31 · Ticket stub CTA

A concert ticket-stub CTA: a perforated ticket with date, venue and support act, a quantity stepper with a live total, and a tear-off stub with a scannable code look.

Open
CTA section 32 · Testimonial-led CTA

A closing CTA carried by one big customer story: an illustrated customer with a before/after result, a pull quote and a single strong button with a reassurance line.

Open
CTA section 33 · Switch and save CTA

A broadband switching CTA: slide your current monthly bill and see yearly savings against a price bar comparison, speed badges and a check-my-address button.

Open
CTA section 34 · Plant subscription CTA

A houseplant subscription CTA: choose pot size and light level, see the illustrated plant grow to match, with price, delivery date and a Start my subscription button.

Open
CTA section 35 · Language exchange CTA

A language exchange CTA: pick the language you speak and the one you want to learn, and see live partner matches with illustrated profiles before joining free.

Open
CTA section 36 · Campervan trip CTA

A full-width illustrated road-trip CTA: a campervan on a winding road through hills at sunset, with a pickup date range, nights counter and a Find my van button on a glass card.

Open