Skip to content

This is a responsive front-end clone of Discord’s landing page using only HTML and CSS. It replicates the design layout, making it perfect for practicing core web development skills.

Notifications You must be signed in to change notification settings

RAJVEER42/discord-clone-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🎮 Discord-Inspired Web UI

~ A visually rich, animated, and modern Discord-inspired landing page built with HTML and CSS.


✨ Features

  • 🎨 Modern purple theme with gradients and soft backgrounds
  • 💡 Animated glowing and floating effects
  • 📱 Responsive design for desktop and mobile
  • 🌈 Animated gradient borders on buttons
  • 🧊 Subtle glassmorphism and blur effects
  • 🖱️ Interactive hover and focus states
  • 🎬 Video sections with styled containers

📁 File Structure

discord-landing/
├── discord.html     # 🗂️ Main HTML file for the landing page
└── dicord.css       # 🎨 CSS file for styles and effects

🚀 How to Use

  1. 📥 Clone or download this repository:

    [git clone https://github.com/YOUR_USERNAME/YOUR_REPO_NAME.git](https://github.com/RAJVEER42/discord-clone-.git)
    cd YOUR_REPO_NAME
  2. 🌐 Open discord.html in your web browser.

  3. 🎨 All styles and effects are included via dicord.css.


🛠️ Customization

  • 🎨 Change theme colors by editing the color values in dicord.css.
  • 🖼️ Replace video and image sources in discord.html as needed.

➡️ Credits

  • 💡 Inspired by Discord's official design language.
  • 🖼️ All images and videos are for demo purposes only.

✨ Enjoy your stylish, animated Discord-themed landing page! ✨

About

This is a responsive front-end clone of Discord’s landing page using only HTML and CSS. It replicates the design layout, making it perfect for practicing core web development skills.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published