</> CSS Web Dev csswebdev.run.place Sandbox
Client preview sandbox

Ideas get tested here before they go live.

This is Sergio's staging home for web projects — a safe place to show clients updates, redesigns, and new ideas, get feedback, and make changes without touching the live site.

View the 5 sandboxes ↓ How it works for clients

🔒Nothing here replaces a live site. A preview only goes live after the client has seen it and approved it.

csswebdev.run.place / sandboxes
$ ls ./previews
👟/ mystylecroxmystylecrox.com — Jessica Active 🏊/ clearchoicepoolcoclearchoicepoolco.com — Kyle Active 🔍/ jannetinspectsjannetinspects.com — Jannet Diaz Building 🔬/ diazndidiazndi.online — Jannet Diaz Active ❤️/ cprmasterycprmastery.com — Jessica Buendia New build
Each folder is a self-contained preview.
Live sites stay untouched until approval.
5Client sandboxes — 3 active, 2 in development
4Live sites protected — previews never overwrite them
1 linkPer preview — easy to open on phone or desktop
0 riskTo the live site while an idea is being reviewed

The sandboxes

One preview home per client. Open a card to visit the live site, or copy the preview address to share when a new version is ready.

My Style Crox

mystylecrox.com · for Jessica

Custom bling Crocs — handmade, made-to-order designs sold online, with “The Glam Gallery” showing recent work from Instagram.

E-commerce Handmade / custom EN + Spanish pages

Preview focus here

  • New Instagram gallery feed — replacing the old Juicer feed
  • Homepage updates and gallery styling
  • Spanish page with matching dark gallery theme
csswebdev.run.place/mystylecrox/
Visit live site ↗

Clear Choice Pool Co.

clearchoicepoolco.com · for Kyle Fowzer

Family pool builder in Palmdale with 20+ years in business — CA Lic. #1086270. Now pivoting from fully custom pools to standard models and volume.

Pool builder Palmdale, CA Standard models pivot

Preview focus here

  • Redesign concepts built around standard pool models
  • Starting-price layouts and simpler quote flow
  • Visibility fixes — reviews, photos & contact info
csswebdev.run.place/clearchoicepoolco/
Visit live site ↗

Jannet Inspects

jannetinspects.com · for Jannet Diaz

Professional home for Jannet Karen Diaz — Nondestructive Tester with the Air Force Civilian Service at Edwards AFB, NAS-410 certified, previously at Northrop Grumman.

NDT / Inspection Edwards AFB NAS-410 certified

Preview focus here

  • Bio site versions — dark technical vs. magazine style
  • Official Edwards NDI team photo & 23ABC News video
  • Credentials: UT L2 · PT L2 · ET L1 · MT L1 · JOAP
csswebdev.run.place/jannetinspects/
Visit live site ↗

Diaz NDI

diazndi.online · family NDT brand hub

Diaz NDI — family NDT brand hub. This sandbox previews updates for diazndi.online (site live, used as client staging) before they sync to jannetinspects.com.

NDT brand hub Family domain Live + staging

Preview focus here

  • Brand and layout updates for diazndi.online
  • Content staged here first, then synced to jannetinspects.com
  • Family domain — keeping the Diaz NDT identity in one place
csswebdev.run.place/diazndi/
Visit live site ↗

CPR Mastery

cprmastery.com · for Jessica Buendia

New CPR training consulting business from Jessica Buendia — a Registered Nurse with the California Department of Corrections and Rehabilitation. The domain is secured and parked for now; this sandbox is where her first real website gets built and reviewed.

CPR training Registered Nurse New business

Preview focus here

  • Brand-new website — homepage, services & inquiry flow
  • CPR, AED & BLS training for individuals and groups
  • Workplace and healthcare-provider training — details confirmed with Jessica before launch
csswebdev.run.place/cprmastery/
Visit cprmastery.com ↗

How previews work

For clients: this is the simple loop for every update, so you always see it before anyone else does.

1

Open your preview link

Sergio sends you your sandbox link. Open it on your phone or computer — no login, no install.

2

Look it over

Check the words, photos, prices, and layout. Take your time — your live site hasn't changed at all.

3

Send feedback

Say what to change, what to keep, and what to remove. Changes are made right here in the sandbox.

4

Approve → go live

Only when you say it's good does the approved version get published to your real website.

⚠️

Previews are drafts. Sample text, starting prices, timelines, and placeholder photos in a sandbox are there to show the layout — they're confirmed with you before anything goes live.

What belongs in each sandbox

  • A copy of the page or idea being tested — never the only copy
  • Clear labels when prices or photos are placeholders
  • One current version at a time, so feedback never gets mixed up
  • A note at the top saying what changed in this round

Adding a new client

Create a new folder, drop in an index.html, and add a card above. The pattern is the same every time — that's the point of a sandbox.

Folder setup on HostGator

Domain csswebdev.run.place points to HostGator (162.241.224.41). Each preview lives in its own folder under the addon domain:

# addon domain root csswebdev.run.place/ ├── index.html # this landing page ├── mystylecrox/ │ └── index.html ├── clearchoicepoolco/ │ └── index.html ├── jannetinspects/ │ └── index.html ├── diazndi/ │ └── index.html └── cprmastery/ └── index.html

Upload each preview into its folder and share that folder's link — e.g. csswebdev.run.place/mystylecrox/ or csswebdev.run.place/cprmastery/

Link copied