Read Only is a single-page HTML5 portfolio template from HTML5 UP, built to present a personal profile with skills, accomplishments, and contact information on one scrolling page.
What is Read Only?
Read Only is a single-page HTML5 portfolio template from HTML5 UP that delivers a personal website layout. The template takes placeholder content such as a banner image, a skills list, three accomplishment entries with images, and a contact block, and renders them in a clean, image-driven design. As an HTML5 UP template, it runs on plain HTML and CSS in any modern web browser, with no build tools, frameworks, or server-side dependencies required. The demo page uses the fictional name "Willis Corto" and includes a Twitter widget iframe, indicating the intended personal-site use case.
Key Features
- Single-page structure — All sections appear on one page: an introductory banner, "Things I Can Do" skills, "A Few Accomplishments", and "Contact Me".
- Skills list — A bulleted list of six skills ("Write all the code", "Stack small boxes", "Read books and stuff", "Drink much coffee", "Lightning bolt", "Shadow clone technique") that can be replaced with real abilities.
- Accomplishment cards — Three image-backed entries with titles ("Possibly broke spacetime", "Terraformed a small moon", "Snapped dark matter in the wild") and short descriptions, ready for project thumbnails.
- Contact section — A "Contact Me" block with a link (the demo points to a "#" placeholder) and an embedded Twitter widget area for social integration.
- Banner media — A large banner image (banner.jpg) sits at the top of the page, establishing the visual hierarchy.
- Placeholder copy — The template ships with lorem-ipsum-style text throughout, making it clear which text and images need to be swapped out.
Who is it for?
- Freelance developers and designers who need a quick online portfolio to list their skills and featured projects.
- Creative professionals such as photographers or illustrators who want an image-forward personal page with room for a bio and contact link.
- Job seekers building a concise one-page resume site with a social widget and a direct contact mechanism.
What can you do with Read Only?
- Personal profile: Replace the placeholder name "Willis Corto" and banner text with your own intro and photo to present yourself to clients or employers.
- Skill showcase: Edit the six "Things I Can Do" bullets to highlight your core competencies.
- Project highlights: Swap the three accomplishment images and titles for your own case studies or works-in-progress.
- Social and contact: Update the contact link and embed your Twitter feed in the widget area to keep visitors connected.
