Animated-Template — HTML Starter Template

SHA-256: 608bc0e35d1205984afa1bf5c87bacaac7b76c5760e474f4195f17aad1387aac

2026-10-19T15:54:52.952Z

<!-- TABLE OF CONTENTS -->

# 📗 Table of Contents

- [📖 About the Project](#about-project)
  - [📖 Sample Of Website](#Sample-Of-Website)
    - [🛠 Built With](#built-with)
    - [Tech Stack](#tech-stack)
    - [Key Features](#key-features)
  - [🚀 Live Demo](#live-demo)
- [👥 Authors](#authors)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📩 Support & Feedback](#support)
- [📝 License](#license)

<!-- PROJECT DESCRIPTION -->

# 📖 Animated Template <a name="about-project"></a>

> Animated Template is a website dedicated to helping you explore the implementation of animation libraries in web development. In this instance, I've utilized the Tailwind Starter Kit to animate the entire website. Feel free to experience the live demo for yourself.

# Sample Of Website <a name="Sample-Of-Website"></a>

![alt text](./sample/1.png)
![alt text](./sample/2.png)

## 🛠 Built With <a name="built-with"></a>

### Tech Stack <a name="tech-stack"></a>

<details>
  <summary>Client</summary>
  <ul>
        <li><a href="https://en.wikipedia.org/wiki/HTML">Html</a></li>
        <li><a href="https://en.wikipedia.org/wiki/CSS">Css</a></li>
        <li><a href="https://nl.wikipedia.org/wikiJavaScript">Javascript</a></li>
              <li><a href="https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation?utm_source=tailkits&utm_medium=referral&utm_campaign=components">Tailwind Starter Kit</a></li>
  </ul>
</details>

<!-- Features -->

### Key Features <a name="key-features"></a>

- **[multi-page responsive website]**
- **[flex & grid]**
- **[LightMode & DarkMode]**
- **[Advanced CSS]**

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- LIVE DEMO -->

## 🚀 Live Demo <a name="live-demo"></a>

> Add a link to your deployed project.

- [Live Demo Link](https://ameer2000mzori.github.io/Animated-Template/landing)

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- AUTHORS -->

## 👥 Authors <a name="authors"></a>

👤 **Author1**

- GitHub: [@Ameer2000Mzori](https://github.com/Ameer2000Mzori)
- LinkedIn: [Ameer Ameen](https://www.linkedin.com/in/ameer-ameen-82314425b/)

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- CONTRIBUTING -->

## 🤝 Contributing <a name="contributing"></a>

Contributions, issues, and feature requests are welcome! please dont forget to contact [email protected]

Feel free to check the [issues page](../../issues/).

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- SUPPORT -->

## ⭐️ Show your support <a name="support"></a>

If you like this project, don't hesitate to give it a star 😊.

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- ACKNOWLEDGEMENTS -->

## 🙏 Acknowledgments <a name="acknowledgements"></a>

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- Support and feedback -->

## 📩 Support & Feedback <a name="support"></a>

If you have any feedback, please reach out to me at [email protected] 📨

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- LICENSE -->

## 📝 License <a name="license"></a>

This project is [MIT](./LICENSE) licensed.

_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._

<p align="right">(<a href="#readme-top">back to top</a>)</p>