portofolio by native html, Css, and js
Launch your professional portfolio in minutes, not days.
This Modern Bilingual Portfolio Template is designed specifically for freelancers, developers, and creatives who need to target both Arabic and English-speaking clients. It is built with clean, semantic HTML5 and CSS3, ensuring high performance and a perfect 100/100 Google PageSpeed score potential.
Unlike other templates that rely on heavy frameworks like Bootstrap, this template uses Vanilla CSS & JavaScript. This means it is lightweight, lightning-fast, and incredibly easy to customize.
🔥 Key Features:
-
🌍 Full Bilingual Support: Comes with two ready-to-use versions:
index.html(Arabic/RTL) anden.html(English/LTR) with a built-in language switcher. -
wan 🌗 Smart Dark/Light Mode: Features a beautiful dark mode toggle that uses
localStorageto remember the visitor's preference automatically. - 📱 100% Responsive: Carefully crafted media queries ensure the site looks stunning on mobile, tablet, and desktop screens.
- ⚡ Zero Dependencies: No jQuery, no Bootstrap, no bloat. Just pure, editable code.
-
🎨 Easy Customization: Colors are managed via CSS Variables. Change your brand color in one place (
:root), and the entire site updates instantly.
📂 What's Included?
- Hero Section: High-conversion layout with social links and "Hire Me" CTAs.
- Experience Timeline: A responsive vertical timeline to showcase your work history.
- Project Grid: An auto-adjusting grid to display your portfolio case studies.
- Services & About: Clean layouts with icon support (FontAwesome ready).
- Working Mobile Menu: Smooth hamburger menu animation for mobile devices.
Who is this for?
- Web Developers & Designers
- Freelancers in the MENA region
- Students creating their first CV website
How to Use:
- Unzip the file.
- Open the HTML files and replace the text with your own.
- Swap the images in the
photosfolder. - Upload to Netlify, Vercel, or any hosting provider!
Option 2: Short & Punchy (For quick scanning)
Title: Clean Developer Portfolio Template (Arabic & English) + Dark Mode
Description: Stop building from scratch. Get a premium, lightweight portfolio template that supports Arabic (RTL) and English (LTR) out of the box.
Why buy this template?
- Dual Language: Ready for global and local clients.
- Dark Mode Included: A must-have feature for modern developer portfolios.
- Fast & SEO Friendly: Semantic HTML structure that Google loves.
- Responsive Timeline: Unique CSS-only timeline for your resume.
Tech Stack:
- HTML5 & CSS3 (Flexbox/Grid)
- Vanilla JavaScript (No libraries)
- Google Fonts (Cairo) & FontAwesome
What You Will Get When you purchase this template, you will receive a ZIP file containing: 1. The Full Arabic Version (index.html) A fully formatted RTL (Right-to-Left) layout. Culturally adapted typography using the "Cairo" font. translated sections ready for your content. 2. The Full English Version (en.html) A mirrored LTR (Left-to-Right) layout. Seamlessly linked to the Arabic version via a language switcher. Adjusted timeline and grid alignments for English readers. 3. The Master Stylesheet (style.css) Dark Mode Engine: CSS variables that handle color switching automatically. Responsive Logic: Media queries that handle mobile, tablet, and desktop views. Clean Architecture: No Bootstrap or Tailwind—just pure, editable CSS. 4. Built-in JavaScript Functionality Theme Switcher: Logic to toggle Dark/Light mode and save the user's preference in the browser (LocalStorage). Mobile Menu: A smooth, lightweight hamburger menu for phone users. 5. Asset Structure An organized folder structure for your images and icons, making it easy to swap in your own photos.