https://github.com/mshandev/tailwind-practice

A responsive portfolio website built with HTML, Tailwind CSS, and JavaScript. It features a modern UI design to showcase skills and projects, with a dark mode toggle for an enhanced user experience. This project demonstrates the use of Tailwind CSS for styling and creating a visually appealing, responsive layout.
https://github.com/mshandev/tailwind-practice

html javscript portfolio-page portfolio-template portfolio-website tailwindcss

Last synced: 3 months ago
JSON representation

A responsive portfolio website built with HTML, Tailwind CSS, and JavaScript. It features a modern UI design to showcase skills and projects, with a dark mode toggle for an enhanced user experience. This project demonstrates the use of Tailwind CSS for styling and creating a visually appealing, responsive layout.

• Host: GitHub
• URL: https://github.com/mshandev/tailwind-practice
• Owner: Mshandev
• Created: 2024-11-14T15:01:51.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-11-14T15:24:14.000Z (7 months ago)
• Last Synced: 2025-03-11T05:47:49.386Z (3 months ago)
• Topics: html, javscript, portfolio-page, portfolio-template, portfolio-website, tailwindcss
• Language: CSS
• Homepage:
• Size: 9.4 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Portfolio - TailwindCSS

This project is a responsive portfolio website built with HTML, Tailwind CSS, and JavaScript. It features a sleek, modern UI to showcase skills and projects, with a dark mode toggle for a better user experience. The website is designed to be fully responsive, adapting seamlessly to different screen sizes, making it a great practice for styling with Tailwind CSS.

## Features

- Responsive design for mobile, tablet, and desktop views

- Dark mode toggle for a better user experience

- Sections to showcase skills, projects, and contact information

- Smooth scrolling and animations using JavaScript

- Simple and clean UI design using Tailwind CSS utility classes

## Screenshots

![Home](https://i.ibb.co/M8yg6wS/tailwind-1.png)

- Home Section

![Services](https://i.ibb.co/cb3CGj3/tailwind-3.png)

- Services Section

![Contact](https://i.ibb.co/XYfr6nj/tailwind-4.png)

- Contact Section

![Dark](https://i.ibb.co/WB1t4Z1/tailwind-dark.png)

- Dark Mode

  

## Run Locally

Clone the project

```bash

    https://github.com/Mshandev/Tailwind-practice.git

```

Go to the project directory

```bash

    cd Tailwind-practice

```

Install dependencies

```bash

    npm install

```

Start the server

```bash

    Start Live Server || Open index.html

```

## Tech Stack

* [Tailwind](https://tailwindcss.com/)

## Contributing

Contributions are always welcome!

Just raise an issue, and we will discuss it.

## Feedback

If you have any feedback, please reach out to me [here](https://www.linkedin.com/in/muhammad-shan-full-stack-developer/)