https://github.com/matheus-git/website-template

https://github.com/matheus-git/website-template

html5 tailwindcss

Last synced: 8 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/matheus-git/website-template
• Owner: Matheus-git
• License: mit
• Created: 2025-03-08T15:22:46.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-22T13:41:21.000Z (over 1 year ago)
• Last Synced: 2025-03-22T14:28:56.760Z (over 1 year ago)
• Topics: html5, tailwindcss
• Language: HTML
• Homepage: https://matheus-git.github.io/website-template/
• Size: 63.5 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Website Template

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

This is a responsive and modern website template built with **HTML** and styled using **Tailwind CSS**. It is designed to be easy to customize and adapt for different types of websites.

**This project was developed in just a few hours as part of a training exercise over the weekend.**

## Technologies Used

- **HTML**: The basic structure of the page.

- **TailwindCSS**: A utility-first CSS framework used to style the page quickly and responsively.

![screenshot](assets/screenshot.png)

## Project Structure

The template consists of three main sections:

1. **Header**:

   - Contains a top navbar with the website ID and a search bar.

   - A bottom navbar with navigation links.

2. **Main**:

   - A flexible section that includes:

     - An `` for quick links and secondary navigation.

     - A main content section for articles or information.

3. **Footer**:

   - A simple footer that can be customized with additional information.

## Features

- **Responsive Design**:

  - The layout adapts to different screen sizes, from mobile devices to desktops.

  - The search bar and navigation menu are adjusted for smaller screens.

- **Flexibility**:

  - The use of **Flexbox** and **Tailwind CSS** makes it easy to customize the layout and colors.

## License

This project is open source under the MIT license. Feel free to use and modify the code for your own projects.