Complete sites, ready to copy.
60 example websites with inner pages, motion and English / Turkish copy. Built only from kit components, so each one takes your theme, accent, density and font. Open one to see it full size and copy its code.
60 sites shown
site-portfolio-01
Portfolio for an independent photographer: the name as the hero, a discipline filter over a masonry wall with a lightbox, a project index that previews each cover beside the cursor, a case story per project and an about + contact page. Built on SiteShell (scoped accent, EN / TR, inner pages).
site-blog-01
A quarterly of essays on cities and design: issue masthead with contents, lead story, latest essays with topic chips, most read, editor’s letter and newsletter; an essay page with a reading-progress bar and footnotes that become side notes on wide screens; and an archive filtered by topic, writer or search. EN / TR.
site-cv-01
One-page personal site for an engineer — sticky identity column, experience timeline, projects, writing, skills and contact — plus a printable CV page. “Download PDF” prints a print-perfect A4 sheet; printing any page prints only the CV. Built on SiteShell (scoped accent, EN / TR, inner pages).
site-estate-01
City-apartment agency: photo hero with a glass search panel, featured listings, neighbourhood guides, mortgage calculator, agents and a valuation form; listings with filters and a list / map split whose cards and pins highlight each other; a listing page with gallery and lightbox. EN / TR.
site-clinic-01
Family practice: calm hero with the next free slot, services with lengths and fees, clinicians, what to bring, visit steps, insurance, map and hours, FAQ; a clinicians page with a specialty filter; and a five-step booking flow (service, clinician, day, time, details) with a live summary. EN / TR.
site-course-01
A part-time data analysis course: ink hero with a live query cell, who it’s for, a progress-style lesson map (pick a weekly pace, drag through the weeks), student capstones, instructor, cohort calendar, pricing and FAQ; a curriculum page with every lesson and its length; and an instructor & enrol page with a validated form. EN / TR.
site-law-01
Business law firm: sober split hero, a practice-area index with large serif numerals and a live preview, approach steps, partners with bar admissions, insights and contact with office hours; one page per practice area and a team page. Built on SiteShell (scoped accent, EN / TR, inner pages).
site-blog-02
Independent engineering blog, dark by default: a plain-text masthead beside the latest post shown as code, a keyboard-first post index (/ to filter, j / k to move), topics and authors; an article whose Go / Rust / TypeScript samples all switch language together, and an archive by year and tag. Built on SiteShell (scoped amber accent, system type, EN / TR, inner pages, light mode switch).
site-clinic-02
Friendly, illustrated children's clinic: picture-book hero, visit types with fees, a check-up path that turns a birth date into done / due / next visits and books them, doctors as drawn portraits, parents' words, map and FAQ; a six-page picture story with page turns and read-aloud; and a four-part booking form with a live summary. EN / TR.
site-app-02
Calm, corporate landing for a fictional savings and everyday-money app: split hero beside the app in glass panes, trust seals, features, a savings goal planner with a live projection chart, figures and FAQ; a pricing page with monthly / yearly plans and comparison, and a security page with layers of protection, 90-day service health and lost-phone steps. Built on SiteShell (scoped cobalt accent, Geist, light glass, spacious, EN / TR, TRY).
site-estate-02
Private office for exceptional homes: a full-bleed film of residences with slow crossfades, Bodoni headlines, houses shown as edge-to-edge photographs, an off-market register and a private-conversation form; a filterable collection; and a residence page where the floor plan drives a crossfading photograph of each room, with gallery, lightbox and a private-viewing request. EN / TR.
site-devtool-01
A webhooks API: code-first hero with a live delivery log, quick start with code per step, measured uptime, a per-event cost estimator, plans, a docs landing with “/” search and SDKs, and a changelog teaser. Picking a language in any code window switches every sample on the site. EN / TR.
site-store-02
Dark, dense streetwear shop built around a live drop countdown: locked preview pieces with reminders, the live drop in a tight grid with quick-add sizes and stock against the run, lookbook, drop rules and FAQ; an archive with filters and a product page with size chart. EN / TR, USD / TRY.
site-portfolio-02
Light, grid-lined studio site: a drawing title block as the hero, selected work as captioned plates on a 12-column grid, a filterable project register, practice and awards; project pages with drawn plans and margin captions that follow the figure in view; a studio page with people, process and contact. Show the grid with the G key. EN / TR.
site-saas-02
Dark, dense site for a data / BI product: a live query console in the hero (metric, channel and range change the chart, numbers and compiled SQL together), a 12-part capability sheet, metric layer, alert feed, sourced figures; a pricing page with a seats × data estimator and comparison; a filterable connectors page. EN / TR.
site-agency-02
Oversized type and colour blocks for a brand studio: a colour stage hero that takes each client’s brand colour, mark and palette on demand, services set huge, a work index whose rows flood with client colours, numbers as colour blocks; a case study with next / previous and a start-a-project brief that totals itself live. EN / TR, USD / TRY.
site-autoservice-01
Independent garage and hand wash on a dark, safety-yellow theme: a two-timestamp hero with a bay board, a service picker that times workshop and wash lane side by side and shows the ready-by time and price live, a price list by car size, and a three-step booking (job, drop-off slot, you and your car). EN / TR.
site-wholesale-01
Packaging wholesaler: price-check hero, numbered category index, tiers explained, warehouse, trade-account steps, buyers, delivery zones and FAQ; a catalogue with search, aisle, stock and sort filters; a quote page with editable lines, delivery choice, VAT totals and a company form. Signature: bulk price tiers drawn as a staircase on every product. EN / TR, TRY.
site-digital-01
Template shop: dotted-canvas hero with a running template, a shelf of live thumbnails with type filter, what's inside, licence comparison, FAQ and newsletter; a product page with the live preview, licence picker, details and changelog; a checkout summary with lifetime updates, discount code, tax by country and a download state. Signature: live template preview with page, device, dark mode, accent and font switches. EN / TR, USD.
site-driving-01
Driving school in signal red: a statement hero with a test-route card, a results ledger, courses drawn as road lanes, instructors and reviews; a courses page whose comparison table re-prices by licence, recomputes weeks to test from a pace slider, can hide identical rows and carries the chosen course to a sign-up form with an age check and a live price summary. EN / TR.
site-nonprofit-01
A community-library foundation: mission hero with a campaign meter, impact figures, a gift builder that itemises what each amount buys (one-off or monthly) and draws the books on a shelf, programmes, stories, a donate page with donor details, and a transparency report with the ledger. EN / TR.
site-subbox-01
Specialty-coffee subscription “Brewcraft Box”: box-number hero with the month’s coffees, tasting cards, a size × frequency price grid, roasters, reviews and FAQ; a plans page with the full builder (roast, grind, live bags, per-cup price, shipping days) and a gift page with a live card preview. EN / TR.
legal-01
Long-form legal page for the routes site footers link to: privacy policy, KVKK aydınlatma metni, cookie policy, terms of use, accessibility statement, returns and refund policy, distance sales agreement (mesafeli satış sözleşmesi), pre-contract information form (ön bilgilendirme formu) and legal notice / imprint (yasal uyarı). Title, last-updated date, review notice, table of contents and sections from one typed content object; presets are template text with [fill-in] fields. EN / TR.
site-market-01
Multi-seller marketplace for independent makers: search-first hero with a rated collage, craft row, top makers, new listings, how buying works, figures, seller CTA and FAQ; search results with seller-rating, Top maker, category, price, dispatch and sort filters (a sheet on phones); a seller page whose rating bars filter the reviews. Signature: seller rating on every card, opening its breakdown. EN / TR, TRY.
site-movers-01
Moving and cleaning company in corporate blue: a survey-sheet hero with a measured floor plan and a quick estimate, services priced like a spec sheet, moving day by the hour, team, reviews and two branches; a five-step quote calculator (service, home, extras, date, contact) with a live range, crew, vehicle and line items including weekend, month-end and flexible-date pricing; and a FAQ page with topic filter and search. EN / TR.
site-newsletter-01
A writer’s newsletter “The Slow Desk”: newspaper nameplate, subscribe form (cadence, typo hint, double opt-in state) beside a postmarked latest letter, recent letters with a topic index, about, reader replies and FAQ; a searchable archive (full text, EN + TR, topic and year, highlighted matches) and one issue with a drop cap and pull quote. EN / TR.
site-podcast-01
A food-culture podcast: the latest episode in a player with chapter markers, a waveform scrubber and a live caption, a searchable archive with topic filter, hosts, follow links and a guest suggestion form; an episode page whose transcript follows playback, plus notes, recipes and credits. Dark, glass. EN / TR.
site-artist-01
A band site: full-bleed crowd hero with the name set edge to edge, the new album with tracklist and pre-order, tour dates grouped by month with on sale / few left / new date / sold-out states and a waitlist, click-to-load videos, merch, a mailing list with presale city, and a discography with sleeves drawn in tokens. Dark, compact. EN / TR.
site-vet-01
Small-animal practice: a pet switch (dog, cat, rabbit & small pets, bird) that swaps the hero photo, services and fees, waiting-room notes, the first-year plan and the team filter; services page with an appointment request; team page with species and clinic days; map, hours and FAQ. EN / TR.
site-studio-01
Black-and-white photo studio: oversized mono wordmark over a framed studio photo, a work mosaic, the room's kit, preset packages, the photographer, clients, visit info and FAQ; a package builder (session, time, images, people, extras) with a live contact-sheet quote; and booking with calendar, start times and the deposit. EN / TR.
site-therapy-01
Calm editorial site for a small therapy practice: arched-window hero, a typographic index of what people bring, per-session fees, discreet rooms, therapists, FAQ and map; an approach page with the limits of confidentiality; and a privacy-first contact form with a live “what we will receive” panel, discreet-sender switches and a leave-this-site button. EN / TR.
site-dietitian-01
Corporate nutrition practice: plate-ring hero, a goal-based programme picker (goal, support level, clinic or online) that shows length, visits, total and weekly price and a week strip of visits, how it works, dietitians, clients, FAQ and map; a programmes page with all seven programmes, a comparison table and single sessions; and a booking form with free time slots that the picker pre-fills. EN / TR.
site-physio-01
Grotesk physio clinic: a dark lab hero with a body-area selector (mannequin with front/back hotspots and area chips) that swaps common reasons, typical visits and treatments with time and price; first-visit steps, the rehab gym, physios, FAQ and map; a treatments page filtered by area with packs; and a booking page with a six-day slot grid. EN / TR.
site-wedding-01
Ece & Daniel’s wedding in an olive grove: a typeset invitation hero with an arched photo, story, weekend programme, details page (schedule timeline, map, travel, hotels, dress code, gifts, FAQ) and an RSVP flow with per-guest replies, plus-one, meal choice and dietary needs beside a live reply card. EN / TR.
site-florist-01
Petal & Stem, a seasonal florist: magazine masthead with a live same-day cut-off, the weekly edit, subscriptions, delivery fees by district, a bouquets page with filter and size switch, and an order page where the calendar follows the district and cut-off and the card message is previewed as written. EN / TR.
site-venue-01
Old Mill Hall, a venue in a restored flour mill: ledger hero, a capacity finder where a layout and head-count light up the rooms that fit on a site plan, history, what’s included, viewings with map and hours, a spaces page with every layout’s capacity, and an enquiry with a live hire estimate. EN / TR.
site-accounting-01
Chartered accountants in navy and a book serif: a ledger-ruled hero with a month of closing entries, the year in figures as a ledger, services, a fee preview by company type, the monthly filing calendar, partners, reviews and FAQ; a services page with the price list and a fee estimate that turns company type, payroll, invoice volume and extras into a printed fee statement with VAT and year-end lines; and a contact page with enquiry form, map and hours. EN / TR.
site-factory-01
Precision-machining plant in steel and signal orange: the hero laid out as a drawing sheet with zone markers and a title block, figures, product families drawn in section, capabilities, industries, drawing-to-series steps, an RFQ form and the plant map; a product catalogue with spec tables, a metric / imperial switch, a drawing that follows the selected size and a CSV datasheet download; and a quality page with a live SPC chart, quality gates and certificates. EN / TR.
site-construction-01
Contractor and developer in concrete grey and amber: a tall signage headline beside a site photo with a live site board, hazard-tape rules, figures, projects with progress, services, safety, four site promises, people, clients, FAQ, tender enquiry and two offices; a projects page with status and type filters; and one page per project with key facts and a progress timeline you drag month by month — planned phases fill against the site diary, months after today become a hatched forecast. EN / TR.
site-public-01
District public office: an accessibility toolbar (text size, high contrast, underlined links) that re-tunes the whole site through tokens, a task-first hero with desk waiting times, most requested tasks, dated announcements, monthly figures and an accessibility statement; a searchable services A–Z and a roadworks announcement. System fonts, AAA text contrast. Built on SiteShell (scoped accent, EN / TR, inner pages).
site-department-01
University department: a burgundy masthead with a drawn city plan and a course search, an admissions table, research groups, dated seminars and faculty; a programmes page with the course finder (level, term, format and language filters, search, free-seat meters, sorting) and a people directory. Lora + Source Sans 3. Built on SiteShell (scoped accent, EN / TR, inner pages).
site-community-01
Forum home for a makers' community: a compact header with live counters, a topic list with activity (participants, replies, views, a 14-day sparkline per topic, latest / hot / top / unanswered), category, meetup and top-helper panels; all topics with a category rail and paging; a solved thread with likes, quoting and a reply box. System fonts, compact. Built on SiteShell (scoped accent, EN / TR, inner pages).
site-club-01
A member-owned football club: the name set as a matchday poster, the next game as a ticket stub, a league snapshot with form and top scorers, and a fixtures page where every fixture and result can be filtered by team, competition and venue — with a form guide and “Add to calendar”. Membership tiers, stands and FAQ. EN / TR.
site-game-01
A small studio’s game site: generated topographic key art behind the title and a click-to-load trailer facade, pillars with ember-toned stills, screenshots and dev diary; a media page with every trailer and a lightbox mosaic; and a press kit with fact sheet, copy buttons and downloads — single files or one ZIP built in the browser. Dark, EN / TR.