Portfolio v1

My first portfolio site, built with plain HTML, CSS and JavaScript to showcase my early projects. It is a single lightweight page that works on mobile, with semantic markup and meta tags for search. It was my starting point before I moved to React.

HTML5CSS3JavaScriptBootstrapNetlify
On this page

Feature Highlights

Built with accessibility and search in mind

  • Proper heading hierarchy and semantic tags for screen readers and crawlers
  • Open Graph and Twitter Card meta tags for social sharing
  • XML sitemap and robots.txt for indexing

Stack

  • HTML5: Semantic markup with proper heading hierarchy and accessibility features.
  • CSS3: Layout with Flexbox and Grid, responsive design patterns, custom animations.
  • Vanilla JavaScript: Smooth scroll navigation, form handling, and interactive elements.
  • Bootstrap: Responsive grid and component library for rapid prototyping.
  • Netlify: Static hosting with automatic deployments from Git.

Use Cases

  • A learning project to understand frontend basics and deployment
  • Portfolio template for junior developers starting their journey
  • Proof of concept for a static site before moving to more complex frameworks

How to Use

  1. Clone: git clone https://github.com/dhruba-datta/Portfolio-v1
  2. Open locally: double-click index.html in your browser, or run npx serve
  3. Edit the index.html to add your own content
  4. Deploy to Netlify by connecting the repo, or drag the folder to their interface

Related projects

Let's Connect

Building your first site?

I help developers build and deploy their portfolios, from static sites to full React apps.

Dhruba Datta

© 2026 | All rights reserved