Ethan

Ethan is a free Bootstrap HTML5 one-page personal portfolio website template from ThemeWagon, built for web developers, photographers, and graphic designers who want a single-page showcase of their work.

What is Ethan?

Ethan is a one-page portfolio template built on Bootstrap v3.3.7 and distributed by ThemeWagon. It takes your profile text, project images, and contact details and renders them as a scrolling single-page site featuring a full-screen fixed background image, a portfolio grid with modal detail views, and an Ajax/PHP contact form. The template was created by Template Foundation and is released as open source, allowing free use in commercial projects.

Key Features

• Bootstrap v3.3.7 framework — The entire layout uses Bootstrap's responsive grid and components, ensuring the page adapts to mobile, tablet, and desktop viewports.
• One-page template — All sections (hero, portfolio, accordion content, contact) are placed on a single HTML page with in-page smooth scroll links for navigation.
• Animated CSS3 preloader — A CSS-only animated preloader displays while the page loads.
• Full-screen fixed background image — The hero area uses a fixed background image that stays in place while the rest of the content scrolls.
• On-scroll reveal animation — Content fades or animates into view as the user scrolls down, implemented with the included JavaScript source files.
• Portfolio showcase with modal view — Portfolio items open in a modal overlay powered by the Featherlight jQuery plugin.
• Working Ajax/PHP contact form — A contact form with custom JavaScript validation submits via Ajax to the included PHP handler file.
• Font Awesome icons — The template bundles Font Awesome for buttons, social links, and feature icons.
• Commented code — HTML, CSS, and JavaScript files contain comments to guide customization.

Who is it for?

• Web developers — Use the single-page structure and commented code to build a clean personal site with a project portfolio and working contact form.
• Photographers — The full-screen background image and modal portfolio views are suited to image-heavy layouts.
• Graphic designers — The accordion content sections can present skills, experience, and services in a compact, resume-like format.

What can you do with Ethan?

• Present a portfolio grid: Add project entries to the grid and have each one open a Featherlight modal with extra details, keeping visitors on the same page.
• Collect contact messages: The built-in Ajax/PHP form with custom validation lets visitors send messages without a page reload.
• Customize without build tools: Because the template ships as plain HTML, CSS, and JavaScript (plus one PHP file), you can edit files directly in a text editor.

FAQ

Is Ethan free to use?

Yes, the template is free and open source. The ThemeWagon download page states it can be used in commercial projects and receives lifetime free updates.

What files are included in the download?

The package includes 1 HTML file, CSS files, JavaScript source files, 1 PHP file, plugins and library files, font icons, and all demo images.

Which browsers and devices are supported?

Ethan is compatible with Chrome, Edge, Firefox, Mobile, Opera, and Safari, according to the ThemeWagon listing.

What third-party libraries does Ethan use?

The template relies on Bootstrap v3.3.7 for layout, Featherlight for modal content, Font Awesome for icons, and Smoothscroll for animated anchor navigation.

Does the contact form work without a server?

No, the form requires a server that can execute PHP, since the included PHP file handles the form submission. You'll need to configure the PHP script with your email address.