Skip to content

README.md

Latest commit

 

History

History
103 lines (79 loc) · 2.96 KB

README.md

File metadata and controls

103 lines (79 loc) · 2.96 KB

CodeDuet Landing Page

A modern, responsive landing page inspired by x.ai's design, rebranded for CodeDuet. Built with clean HTML, CSS, and JavaScript for optimal performance on GitHub Pages.

🚀 Features

  • Dark Theme: Sleek black background with subtle gradients and orange accent
  • Responsive Design: Optimized for desktop, tablet, and mobile devices
  • Interactive Elements: Hover effects, parallax mouse movement, and smooth animations
  • Modern Typography: Using Inter font with clean, professional hierarchy
  • Gradient Orb: Animated background element with floating effect
  • Smooth Navigation: Sticky header with backdrop blur
  • Performance Optimized: Lightweight, fast-loading static site

📁 Project Structure

codeduet-github-io/
├── index.html              # Main HTML page
├── assets/
│   ├── css/
│   │   └── styles.css      # Main stylesheet
│   ├── js/
│   │   └── script.js       # Interactive functionality
│   └── images/
│       └── codeduet-logo.svg # CodeDuet brand logo
├── .gitignore              # Git ignore rules
└── README.md               # This file

🎨 Design Elements

  • Hero Section: Large typography with gradient text effect
  • Navigation Bar: Clean horizontal navigation with CTA button
  • Call-to-Action Buttons: Prominent buttons with hover animations
  • Background Effects: Subtle gradient orb with parallax movement
  • Typography: Modern font hierarchy with proper spacing
  • Color Scheme: Black background, white text, orange gradient accents

🛠️ Setup & Deployment

GitHub Pages

  1. Push this repository to GitHub
  2. Go to repository Settings → Pages
  3. Select "Deploy from a branch"
  4. Choose main branch and / (root) folder
  5. Your site will be available at https://username.github.io/codeduet-github-io

Local Development

  1. Clone the repository
  2. Open index.html in your browser
  3. Or serve with a local server: 
    # Python 3
python -m http.server 8000

# Node.js
npx serve .

⚙️ Customization

Update Links

Edit assets/js/script.js to point to your actual CodeDuet URLs:

  • Try CodeDuet button
  • API documentation
  • Main documentation

Brand Colors

Modify assets/css/styles.css to match your brand:

  • Primary gradient colors
  • Text colors
  • Button styles

Logo

Replace assets/images/codeduet-logo.svg with your preferred logo design.

Content

Update index.html for your specific messaging and navigation items.

🌐 Browser Support

  • Chrome: 60+
  • Firefox: 60+
  • Safari: 12+
  • Edge: 79+
  • Mobile: iOS Safari 12+, Chrome Mobile 60+

📄 License

This project is open source and available under the MIT License.

🤝 Contributing

  1. Fork the repository
  2. Create a feature branch
  3. Make your changes
  4. Test across different browsers
  5. Submit a pull request

Built with ❤️ for the CodeDuet community