Personal Profile Landing Page 😎

This repository contains the code for a simple personal profile landing page. The landing page includes basic HTML, CSS, and JavaScript to showcase personal information, skills, projects, and contact details. The JavaScript code adds minor interactivity to the page.

Table of Contents ✏️

• Features
• Technologies Used
• Installation
• Usage
• Project Structure
• Contributing
• License

Features 💡

• Profile Section: Display personal information and a profile picture.
• Skills Section: List of skills with proficiency levels.
• Projects Section: Showcase projects with links to their repositories.
• Contact Section: Provide contact information and a contact form.
• Interactivity: Basic JavaScript for minor interactions like form validation and responsive menu.

Technologies Used 🧪

• HTML: Structure of the landing page.
• CSS: Styling the landing page for a visually appealing design.
• JavaScript: Adding interactivity and minor actions like form validation.

Installation 💾

To get a local copy up and running, follow these simple steps:

1. Clone the repository

   git clone https://github.com/Duxy1996/duxy1996.github.io.git

2. Navigate to the project directory

   cd /duxy1996.github.io

3. A Open the index.html file in your browser

   $ python3 -m http.server

   open localhost:8000 with your browser

4. B Open the index.html file in your browser Simply open the index.html with your browser

Usage

• Profile Section: Update the personal information and profile picture in the HTML file.
• Skills Section: Modify the list of skills and proficiency levels in the HTML file.
• Projects Section: Add or update project details and links in the HTML file.
• Contact Section: Update contact information and ensure the contact form works as expected.

Project Structure ⚒️

your-repo-name/
│
├──assets/
│   └── languages/
│      └── *.png
│   └── logos/
│      └── *.png
│   └── skillIcons/
│      └── *.png
│   └── socialIcons/
│      └── *.png
├── index.html         # Main HTML file
├── css/
│   └── mystyle.css      # CSS file for styling
│   └── w3.css
└── scripts/
    └── translate.js      # JavaScript file for interactivity
    └── texts.js      # JavaScript file for interactivity
    └── animations.js      # JavaScript file for interactivity

License 📜

All the material created by me is under the Creative Commons BY NC ND EU license.

• Attribution — You must give appropriate credit , provide a link to the license, and indicate if changes were made . You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
• NonCommercial — You may not use the material for commercial purposes .
• NoDerivatives — If you remix, transform, or build upon the material, you may not distribute the modified material.