Skip to content

Madhusudan04337/nexila-technologies-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Nexila Technologies - Website Clone

Nexila Technologies Logo

Elevate Your Knowledge With NEXILA, THRIVE IN YOUR CAREER!

Status:Internship Task Completed | Portfolio Project


🚀 Live Demo

View the live website here


Project Overview

This project is a functional, front-end clone of the official Nexila Technologies website.

It was developed as an intern task, where I successfully replicated the core static pages and responsive design. I am now maintaining it and adding minor improvements for my personal portfolio.


Tech Stack

Frontend

  • HTML5 - Semantic markup
  • CSS3 - Custom styling and responsive design
  • Bootstrap 5 - Responsive grid and components
  • JavaScript (Vanilla) - Interactive features and form handling
  • Font Awesome 6.5.1 - Icon library

Current Architecture

  • Static HTML pages with Bootstrap framework
  • Custom CSS for branding and styling
  • Vanilla JavaScript for interactivity
  • Responsive design for mobile, tablet, and desktop

Project Structure

NexilaTechnologies/
├── index.html              # Homepage (COMPLETED)
├── about.html              # About Us page (COMPLETED)
├── contact.html            # Contact page (IN PROGRESS)
├── CSS/
│   ├── bootstrap.css       # Bootstrap framework
│   └── custom-css.css      # Custom styling
├── JS/
│   ├── bootstrap.bundle.js # Bootstrap JavaScript
│   └── script.js           # Custom scripts
├── Images/                 # Course and branding images
│   ├── logo.png
│   ├── course-images/
│   └── ...
└── README.md               # This file

Getting Started

Prerequisites

  • A modern web browser (Chrome, Firefox, Safari, Edge)
  • Text editor or IDE (VS Code recommended)

Installation & Running

  1. Clone the repository

    git clone https://github.com/Madhusudan04337/nexila-technologies-clone.git
    cd nexila-technologies
  2. Open in browser

    • Simply open index.html in your web browser.
  3. To run with a live server (optional):

    • If you have the VS Code "Live Server" extension, just right-click index.html and "Open with Live Server".
    • Or, using a terminal:
      npx http-server
    • Navigate to http://localhost:8080 (or the port it specifies).

Development Status

Phase 1: Internship Task (Completed ✅)

  • Homepage layout and design
  • Navigation menu with dropdowns
  • about.html page
  • Course showcase section
  • Blog/Knowledge center section
  • Footer with links
  • Fully responsive design for mobile, tablet, and desktop

Phase 2: Personal Improvements (In Progress 🚧)

  • contact.html page (perfecting the UI)
  • Creating static pages for individual courses
  • Code cleanup and optimization

Known Issues & Limitations

Current Limitations

  • ⚠️ This is a static front-end project. Therefore, features like the contact form, course enrollment, and login are not functional.
  • ⚠️ All course and blog links are placeholders.
  • ⚠️ No user authentication or database is connected.

Browser Compatibility

  • ✅ Chrome/Edge (Latest)
  • ✅ Firefox (Latest)
  • ✅ Safari (Latest)
  • ⚠️ IE 11 (Not supported)

License

This project is for educational and portfolio purposes only. It is a clone of a publicly available website and is not intended for commercial use. All original branding, content, and trademarks belong to Nexila Technologies.


Author

About

Front-end clone of the Nexila Technologies website built as an internship task, featuring responsive design using HTML, CSS, Bootstrap, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors