Codext - Landing Page

Overview

Codext is a clean and modern landing page project built with HTML, Tailwind CSS, and JavaScript. This project was a simple personal challenge to practice layout building, utility-first styling, and responsive design using Tailwind CSS.

---

Project Goals

This mini project was aimed at:

• Practicing responsive design with Tailwind CSS
• Building a static layout using utility-first classes
• Enhancing familiarity with Tailwind's layout, spacing, and typography utilities
• Using JavaScript to add minor interactivity where needed

---

Tech Stack & Languages

---

Deployment

Live Demo: https://codext-sooty.vercel.app/

---

Notes

• Built with Tailwind CSS
• Mobile-first responsive design implemented using Tailwind breakpoints
• Includes minimal JavaScript for basic functionality
• Clean and simple layout for practice and inspiration purposes

---

Contributions

Suggestions and improvements are welcome:

1. Fork the repository
2. Create your feature branch (git checkout -b feature/yourFeature)
3. Commit your changes (git commit -m "Add your feature")
4. Push to the branch (git push origin feature/yourFeature)
5. Open a Pull Request

You can also open an issue to discuss any ideas or bugs.

---

Getting Started

To view or edit the project locally:

# 1. Clone the repository
git clone https://github.com/Chris-Error-404/Codext-Landing-Page.git

# 2. Navigate to the project folder
cd Codext-Landing-Page

# 3. Open index.html directly in your browser
# OR serve it with a simple local server

# Option A: Using Node's http-server
npm install -g http-server
http-server

# Option B: Using Python 3
python -m http.server