https://github.com/archiedev242/it-start_course_sites
websites written by myself during a web development course at IT-Start Evolution
https://github.com/archiedev242/it-start_course_sites
Last synced: 4 months ago
JSON representation
websites written by myself during a web development course at IT-Start Evolution
- Host: GitHub
- URL: https://github.com/archiedev242/it-start_course_sites
- Owner: ArchieDev242
- Created: 2025-08-02T20:33:22.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-08-03T15:05:01.000Z (10 months ago)
- Last Synced: 2025-08-14T15:44:03.193Z (10 months ago)
- Language: HTML
- Homepage: https://archiedev242.github.io/IT-Start_course_sites/
- Size: 19.9 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💼 IT Portfolio - My Web Projects
Welcome to my web development portfolio! This site contains a collection of all my projects created during learning and practice.
## 🌐 Live Demo
**View the portfolio online:** [https://archiedev242.github.io/IT-Start_course_sites/](https://archiedev242.github.io/IT-Start_course_sites/)
No installation required - just click the link above to explore all projects directly in your browser!
## ✨ Features
- **Modern design** with gradients and animations
- **Responsive layout** for all devices
- **Interactive project cards** with hover effects
- **Fast loading** and optimization
- **GitHub Pages ready** for deployment
## 🚀 Portfolio Projects
### Corporate IT Site
Corporate IT company website with portfolio and services
- **Technologies:** HTML, CSS, JavaScript
- **Features:** Professional design, portfolio section
### Christmas Magic
Festive Christmas website with animations and holiday atmosphere
- **Technologies:** HTML, CSS, Animation
- **Features:** Holiday animations, winter theme
### IT Education Hub
Educational portal for learning IT technologies and programming
- **Technologies:** HTML, CSS, Modern Design
- **Features:** Educational content, modern interface
### Summer Vibes
Bright summer website with products and services for recreation
- **Technologies:** E-commerce, Responsive Design
- **Features:** Bright design, mobile version
### Travel Explorer
Travel website for searching and booking trips around the world
- **Technologies:** HTML, CSS, JavaScript
- **Features:** Tour booking, destination search
### Fashion Store
Programming courses website with educational content and resources
- **Technologies:** E-commerce, Fashion Design
- **Features:** Course catalog, educational materials
### Sneaker Kingdom
Specialized store for sneakers and sports footwear
- **Technologies:** Modern E-commerce
- **Features:** Footwear catalog, modern design
### Cat Paradise
Random game recommendation system based on user preferences
- **Technologies:** HTML, CSS, Interactive elements
- **Features:** Game suggestions, user input forms
### JS Playground
Interactive website for demonstrating JavaScript capabilities
- **Technologies:** JavaScript, Interactive demos
- **Features:** JS demonstrations, interactivity
### Creative Showcase
Creative project with unique design and animations
- **Technologies:** Creative Design, Animations
- **Features:** Unique design, creative solutions
## 🛠️ Technologies
- **Frontend:** HTML5, CSS3, JavaScript
- **Design:** Responsive Design, CSS Grid, Flexbox
- **Animations:** CSS Animations, Transitions
- **Fonts:** Google Fonts (Poppins)
- **Icons:** Font Awesome
- **Hosting:** GitHub Pages
## 📦 Project Setup
1. Clone the repository:
```bash
git clone https://github.com/ArchieDev242/IT-Start_course_sites.git
```
2. Open `index.html` in browser or run local server:
```bash
# Using Python
python -m http.server 8000
# Or using Node.js
npx http-server
```
3. Navigate to `http://localhost:8000`
## 📱 Responsive Design
The site is fully responsive and works on:
- Desktop (1200px+)
- Laptop (768px - 1199px)
- Tablet (481px - 767px)
- Mobile (up to 480px)
## 🎨 Design Features
- **Gradient backgrounds** for modern look
- **Hover effects** on project cards
- **Smooth animations** on loading
- **Shadows and depth** for volume
- **Modern typography** Poppins
✨ **Thank you for viewing part of my portfolio!** ✨