https://github.com/edmon02/ruch_0
Responsive multi-page team portfolio using HTML/CSS and Bootstrap 5—animated hero, skills sections, contact forms, and responsive Google Map. Mobile-first.
https://github.com/edmon02/ruch_0
accessibility animation bootstrap bootstrap-5 contact-form css css-animations front-end google-maps html landing-page mobile-first personal-website portfolio responsive-design static-site ui ux
Last synced: 3 months ago
JSON representation
Responsive multi-page team portfolio using HTML/CSS and Bootstrap 5—animated hero, skills sections, contact forms, and responsive Google Map. Mobile-first.
- Host: GitHub
- URL: https://github.com/edmon02/ruch_0
- Owner: Edmon02
- Created: 2025-08-08T11:04:16.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-08-08T14:02:13.000Z (11 months ago)
- Last Synced: 2025-08-08T16:05:09.322Z (11 months ago)
- Topics: accessibility, animation, bootstrap, bootstrap-5, contact-form, css, css-animations, front-end, google-maps, html, landing-page, mobile-first, personal-website, portfolio, responsive-design, static-site, ui, ux
- Language: HTML
- Homepage:
- Size: 16.6 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ruch_0 website
A small multi-page site (Home, Alex, Lusine, Edmon) refactored for responsiveness using Bootstrap 5, with shared global styles and cleaner page markup.
## What changed
- Added global stylesheet: `assets/css/styles.css` (typography, navbar, sections, skills, footer).
- Simplified page-specific CSS (`home.css`, `lusine.css`) to avoid layout conflicts.
- Migrated all pages to a responsive Bootstrap navbar and grid.
- Added a Skills section to each profile page.
- Made maps responsive with Bootstrap's `ratio` utility.
- Consolidated footers and fixed minor content/label issues.
## Files
- `home.html` – Landing page with animated hero background, team links.
- `alexlusine.html`, `lusinealex.html`, `edmon.html` – Profile pages with intro, skills, contact form, and map.
- `assets/css/styles.css` – Shared, site-wide CSS.
- `home.css` – Home page animated background only.
- `lusine.css` – Visual tweaks for profile pages (no fixed layout).
## Run locally
You can open the HTML files directly in a browser, or start a tiny local server:
```bash
# from the project folder
python3 -m http.server 5500
# then open http://localhost:5500/home.html
```
## Edit notes
- Keep shared styles in `assets/css/styles.css`.
- Add any new page-specific overrides in a small page CSS and include it after the shared styles.
- Prefer Bootstrap grid/classes over manual absolute/fixed positioning for responsiveness.