Eden

Eden is a free Bootstrap 4 HTML5 multipage magazine website template distributed by ThemeWagon and built by Colorlib, designed for online magazines, news portals, and online newspapers.

What is Eden?

Eden is a fully responsive magazine template built on Bootstrap 4 that provides 8 HTML files, 1 PHP file, CSS/SCSS source files, FontAwesome and Themify icons, and a documented codebase. It takes content such as articles, images, videos, maps, and forms and renders them in a news-oriented layout with sticky navigation and off-canvas search. The template is open source, free to use commercially, and comes with lifetime updates per ThemeWagon.

Key Features

• Sticky top navigation bar — keeps section links visible while readers scroll through long articles; paired with a drop-down menu for organizing categories.
• Off-canvas search option — lets visitors search the site without leaving the page, activated from a designated button in the header.
• Modal YouTube video player — embeds video content that opens in a clean modal view, useful for multimedia news stories.
• Working contact form — built with PHP (included as 1 PHP file) and ready to configure for server-side form handling.
• Newsletter subscription form — integrates with Ajax MailChimp (via the jQuery-AJAX-MailChimp plugin) to collect email signups.
• Google Maps embed — an embedded map section for location-based stories or a physical office address.
• Instagram Feeds — a section that can display Instagram images, with all demo images included in the package.
• Multi-page structure — includes blog section, pagination UI, breadcrumbs, footer navigation, and hover effects, all built on Bootstrap 4.

Who is it for?

• Magazine editors — build an online magazine with category drop-downs, article pagination, and sticky navigation so readers can browse long-form content easily.
• News portal managers — create a newspaper-style site with off-canvas search, video modals for live clips, and Google Maps for local news.
• Independent bloggers — launch a content-focused blog with an Instagram feed and newsletter form to grow a subscriber list.
• Web developers — use the well-commented code, SCSS files, and included documentation to customize the layout for client projects.

What can you do with Eden?

• Online newspaper: Arrange news articles with breadcrumbs, pagination, and a drop-down menu for sections, giving readers a familiar way to navigate daily updates.
• Magazine site: Showcase feature stories and photo essays using the video player modal, hover effects, and sticky navigation that keeps headings in reach.
• Local business blog: Embed a Google Map for directions, add a working contact form for inquiries, and use the MailChimp form to collect newsletter signups.

How does Eden work?

Download the template from ThemeWagon, extract the zip, and open the HTML files in a browser. For the contact form to send emails, place the PHP file on a server that runs PHP. Customize styles by editing the SCSS files and recompiling, or directly in the CSS files; documentation explains the structure.

FAQ

Is Eden free to use?

Yes, Eden is free and open source. ThemeWagon lists it as usable in commercial projects with lifetime free updates.

What files come with Eden?

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

Which browsers does Eden support?

Eden is compatible with Chrome, Edge, Firefox, Safari, Opera, and mobile browsers, according to the ThemeWagon product page.

Does Eden include a contact form?

Yes, it includes a working contact form built with PHP. You will need a PHP-enabled server and to configure the form handling for your email address.

Can I customize the design?

Yes. The template ships with SCSS source files and well-commented code, making it straightforward to reshape the layout, colors, and components.