Skip to content

A sleek, responsive landing page for showcasing Telegram, Discord, and Messenger bot features with integrations and animations.

License

Notifications You must be signed in to change notification settings

unknownXQC/Discord-Telegram-and-Messenger-Bot-Landing-Page

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Discord-Telegram-and-Messenger-Bot-Landing-Page

A modern and responsive landing page to showcase your Discord bot's features and functionality.

Discord Bot Landing Page Preview

Features

  • Responsive Design: Optimized for all devices (mobile, tablet, and desktop).
  • Dark/Light Mode: Toggle between dark and light themes for better user experience.
  • Interactive Sections: Highlight your bot's features with engaging sections.
  • Animated Statistics and Testimonials: Showcase user feedback and key metrics.
  • Integration Showcase: Display integrations with other platforms.
  • Command Search Functionality: Allow users to explore bot commands easily.
  • Newsletter Signup Form: Capture user emails for updates and announcements.

Project Structure

📦 discord-bot-landing
┣ 📂 assets
┃ ┣ 📂 css
┃ ┣ 📂 images
┃ ┃ ┣ 📂 hero
┃ ┃ ┣ 📂 integrations
┃ ┃ ┗ 📂 testimonials
┃ ┣ 📂 js
┃ ┗ 📄 index.html

Technologies Used

  • HTML5: For semantic and structured content.
  • CSS3: Styled with the Tailwind CSS framework for rapid design.
  • JavaScript: Adds interactivity and animations.
  • Font Awesome: For icons and visual enhancements.
  • AOS (Animate on Scroll): Library for scroll animations.
  • GSAP (GreenSock Animation Platform): For advanced animations.

Setup and Usage

  1. Clone the repository:

    git clone https://github.com/1dev-hridoy/Discord-Telegram-and-Messenger-Bot-Landing-Page.git
  2. Navigate to the project directory:

    cd discord-bot-landing
  3. Open index.html in your browser:

    • Simply double-click the index.html file in the project directory.

Customization

  • Images: Replace the images in the assets/images directory with your own branding.
  • Content: Update the content in index.html to reflect your Discord bot's features.
  • Styles: Modify styles in assets/css/styles.css to align with your desired design.
  • Animations: Adjust or add new animations in assets/js/main.js.

Contributing

Contributions are welcome! If you have suggestions or want to improve this project, please:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-name).
  3. Commit your changes (git commit -m 'Add some feature').
  4. Push to the branch (git push origin feature-name).
  5. Open a pull request.

Check the issues page for existing issues or feature requests.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

Contact ✨

Discord Telegram Instagram YouTube
Facebook QR
Eliana Support Server
Telegram QR
BD_NOOBRA
Twitter QR
HridoyCode
YouTube QR
Hridoy Code

About

A sleek, responsive landing page for showcasing Telegram, Discord, and Messenger bot features with integrations and animations.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 76.7%
  • JavaScript 14.3%
  • CSS 9.0%