Sawit Nusantara - Template HTML

SawitNusantara is a professional, fully responsive HTML template built for palm oil companies, plantations, agribusiness firms, and sustainability-focused corporate websites.

Designed with a clean corporate layout inspired by leading agribusiness brands, this template helps you present your company profile, products, sustainability programs, news, careers, and contact information in a polished, trustworthy way.

Perfect for:

• Palm oil plantation companies
• Agribusiness & commodity exporters
• Sustainability & bioenergy businesses
• Corporate / investor relations websites
• Indonesian agribusiness landing pages

The template includes 20 ready-made pages, a bilingual Indonesian/English language switcher, interactive operational map of Indonesia, product detail pages, news articles, careers page, contact forms, and smooth page transitions.

Built with clean HTML5, CSS3, and vanilla JavaScript — no framework required. Easy to customize, fast to deploy, and optimized for modern browsers and mobile devices.

Features

• 20 HTML Pages — Home, About, Company Profile, Products, Product Details (CPO, PKO, Kernel, Biomass), Sustainability, Certification, Bioenergy, News & Media, 6 News Detail Pages, Gallery, Careers, Contact
• Bilingual Support (ID / EN) — Built-in language switcher with localStorage persistence
• Interactive Indonesia Map — Category-based presence map with markers, tooltips, and location cards
• Corporate Mega Menu Navbar — Clean flat design with dropdown navigation
• Responsive & Mobile Friendly — Fully optimized for desktop, tablet, and mobile
• Hero Section with Video Background — Engaging homepage with CTA buttons
• Product Showcase Pages — Dedicated pages for CPO, PKO, Palm Kernel, and Biomass
• News & Stories Section — Media listing + individual article pages
• Careers & Contact Pages — Separate Work with Us and Contact Us pages
• Page Transition Animation — Smooth branded loading overlay
• Search Panel UI — Built-in site search interface
• Back to Top Button — Smooth scroll navigation
• Lazy YouTube Video Embed — Company profile video section
• Google Fonts — Poppins + Playfair Display typography
• Custom Logo & Favicon — Included SVG and PNG logo assets
• Clean & Well-Organized Code — Easy to edit and customize
• No Database Required — Pure static HTML template
• Cross-Browser Compatible — Chrome, Firefox, Safari, Edge

Requirements

• Any modern web browser (Chrome, Firefox, Safari, Edge)
• Basic HTML/CSS knowledge for customization
• Text editor (VS Code, Sublime Text, Notepad++, etc.)
• Local server optional (XAMPP, Laragon, Live Server) for development
• Web hosting with HTML support for deployment

Instructions

1. Extract the ZIP file to your local folder or web server directory.
2. Open index.html in your browser to preview the homepage.
3. Edit content by opening any .html file and updating text, images, and links.
4. Change language text in js/script.js under the translations object (ID and EN).
5. Replace images in the img/ folder with your own company photos and logo.
6. Customize colors & styles in css/style.css using CSS variables at the top of the file.
7. Update map locations in js/script.js inside the initPresenceMap() function.
8. Deploy by uploading all files to your web hosting via FTP or cPanel File Manager.
9. Contact form requires backend integration (PHP/Formspree/etc.) — form UI is ready, backend not included.