Simple Website Project

A simple, static website built with HTML and CSS. This project showcases a personal resume and bio-data along with a homepage linking them. The layout includes a responsive design with a clean, structured interface for easy navigation between sections, highlighting key details about the user.

Table of Contents

• Project Overview
• Features
• Getting Started
  • Prerequisites
  • Installation
• File Structure
• Usage
• Customization
• Contributing
• License

Project Overview

This project serves as a basic introduction to web development, combining HTML and CSS to create a simple multi-page website. It includes:

• A Home Page that introduces the user.
• A Resume Page detailing educational background, skills, and projects.
• A Bio-data Page showcasing personal details, qualifications, hobbies, achievements, and language proficiencies.

The CSS styling is organized to maintain consistency, and each page uses a structured container for improved readability and navigation.

Features

• Responsive Navigation Bar - Easily switch between Home, Resume, and Bio-data pages.
• Consistent Layout - Reusable container style for a clean, centered view on all pages.
• Detailed Sections:
  • Resume: Personal details, education, objective, skills, projects, and certifications.
  • Bio-data: Personal information, education, hobbies, achievements, and languages.
• Color-coded Design - Unique styles for each section for clear visual distinction.

Getting Started

To get a copy of this project up and running, follow these steps:

Prerequisites

To run this project, you need:

• A web browser like Chrome, Firefox, or Safari.
• Basic knowledge of HTML and CSS (optional).

Installation

1. Clone this repository:

   git clone https://github.com/your-username/simple-website.git

2. Navigate to the project folder:

   cd simple-website

3. Open the index.html file in your browser to view the website.

File Structure

simple-website/
│
├── index.html            # Home page with an introduction and highlights
├── resume.html           # Detailed resume with sections for personal info, education, skills, etc.
├── biodata.html          # Bio-data page with personal details, hobbies, achievements, etc.
├── styles.css            # Stylesheet for consistent design across pages
└── README.md             # Project documentation (this file)

Usage

The website has three main pages:

1. Home Page (index.html) - This is the landing page that provides a brief overview and links to additional pages.
2. Resume (resume.html) - Displays personal details, educational background, skills, projects, and certifications.
3. Bio-data (biodata.html) - Contains more personal information, including hobbies, achievements, and language proficiencies.

To navigate, use the links in the navigation bar at the top of each page.

Customization

Modifying Content

• Resume: Update the content in resume.html to reflect actual personal details, education, skills, and certifications.
• Bio-data: Edit biodata.html to include personal hobbies, achievements, and other details.

Changing Styles

• CSS Styling: Modify styles.css to change the color scheme, layout, and other visual aspects.

Adding More Pages

• To add a new page, create a new .html file and add a link in the <nav> section in each page’s header.

Contributing

If you'd like to contribute, please fork the repository and make changes as you'd like. Pull requests are warmly welcomed.

1. Fork this repository.
2. Create a 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.

License

This project is open-source and available under the MIT License. Feel free to use and modify it for your own projects!