https://github.com/devilfruitdev/cv

A beginner-friendly mock website to showcase my HTML, CSS, and JavaScript skills. Deployed using GitHub Pages
https://github.com/devilfruitdev/cv

css html javascript portfolio-website responsive-web-design web-development

Last synced: about 1 month ago
JSON representation

A beginner-friendly mock website to showcase my HTML, CSS, and JavaScript skills. Deployed using GitHub Pages

• Host: GitHub
• URL: https://github.com/devilfruitdev/cv
• Owner: DevilFruitDev
• Created: 2022-09-18T04:16:07.000Z (over 3 years ago)
• Default Branch: root
• Last Pushed: 2025-01-18T22:30:29.000Z (over 1 year ago)
• Last Synced: 2025-06-22T14:41:08.767Z (12 months ago)
• Topics: css, html, javascript, portfolio-website, responsive-web-design, web-development
• Language: CSS
• Homepage:
• Size: 227 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Mock Website Project 🚀

_A beginner-friendly mock website showcasing my skills in HTML, CSS, and JavaScript._

> **Note:** This project is built with fundamental web technologies and is designed for practice and portfolio purposes.

![GitHub repo size](https://img.shields.io/github/repo-size/your-username/your-repo)

![GitHub last commit](https://img.shields.io/github/last-commit/your-username/your-repo)

![GitHub stars](https://img.shields.io/github/stars/your-username/your-repo?style=social)

---

## 📖 Table of Contents  

1. [Technologies Used](#-technologies-used)  

2. [Project Structure](#-project-structure)  

3. [Features](#-features)  

4. [How to Run](#-how-to-run)  

5. [Future Improvements](#-future-improvements)  

6. [Live Demo](#-live-demo)  

7. [Contributing](#-contributing)  

8. [License](#-license)  

---

## 🛠 Technologies Used  

- ![HTML5](https://img.shields.io/badge/-HTML5-E34F26?style=flat-square&logo=html5&logoColor=white)  

- ![CSS3](https://img.shields.io/badge/-CSS3-1572B6?style=flat-square&logo=css3)  

- ![JavaScript](https://img.shields.io/badge/-JavaScript-F7DF1E?style=flat-square&logo=javascript&logoColor=black)  

---

## 📂 Project Structure  

mock-website │── /css → Stylesheets

│── /js → JavaScript files

│── index.html → Main entry point

│── README.md → Project documentation

---

## 🚀 Features  

✅ **Fully Responsive Design** – Mobile-friendly layout  

✅ **Smooth Animations** – CSS & JavaScript-based animations  

✅ **Modular JavaScript** – Separated logic for easy maintenance  

✅ **Accessibility-Friendly** – Uses best practices for usability  

---

## 🏗 How to Run  

1️⃣ **Clone the repository**  

   ```sh

2️⃣ Navigate to the project folder

sh

Copy

Edit

cd your-repo

3️⃣ Open index.html in your browser and explore! 🎉

   git clone https://github.com/your-username/your-repo.git

🔥 Future Improvements

🚀 Add a Contact Form with validation

🌙 Implement a Dark Mode Toggle

⚡ Optimize Performance with lazy loading