Welcome to ORIGIN! 🎬 This is my first-ever website built using good old HTML and CSS. It’s not quite "premium responsive" (unless your screen is exactly the same size as mine 🖥️), but it’s built with love, sweat, and a lot of browser reloading! 😅
- Hover Dropdowns: Dropdown menus that actually drop down! (Just don't hover too fast, or they might get dizzy 🌀).
- Canva Embed Widget: A Canva presentation iframe because writing a native video player sounded like a nightmare. 🛌💤
- The Roster Grid: Profile cards displaying some of the most influential people in my universe (and a couple of billionaires I borrowed from Wikipedia. Thanks, Len and Takemitsu! 💸🤝).
- WebP Magical Images: We kicked
.jpgout of the house and invited.webpin. Page load speed is now 0.0003 seconds faster! 🏎️💨 - Linter-Approved Accessibility: Added tags to make screen readers happy, and banished inline styles to CSS jail. 👮♂️🚫
- Outsourced Calculator: Click the calculator icon and you'll be whisked away to a high-tech Vercal app, because why code one when you can redirect? 🧠💡 (Jk, I aslo built that)
- HTML5 📝: Mostly divs, sections, and tags that make the web page exist.
- CSS3 🎨: Making things look pretty, aligning divs (which took 5 hours), and trying to be responsive.
- Font Awesome 🌟: For when you need icons but don't want to draw them.
- Vercel ☁️: Holding my calculator hostage on the cloud.
Website--ORIGIN/
├── About us background.webp # Gorgeous blurry background
├── *.webp # The high-definition team pictures
├── index.html # The control center of the universe 🌌
├── Maintenance.html # The "Please give me a scholarship" portal 🎓
├── Styles.css # The CSS wizardry holding it all together 🧙♂️
└── README.md # This funny piece of text you are reading 🤪
-
Step 1: Clone this masterpiece:
git clone https://github.com/M-Hamais/Website--ORIGIN.git
-
Step 2: Double-click index.html and cross your fingers! 🤞
-
Step 3 (Optional): If you want to feel like a real engineer, run it using Python's server:
python -m http.server 8000
Now open
http://localhost:8000and marvel at my creation! 🥳
- Head Chef / Developer: Muhammad Hamais 🧑💻
- Design Philosophy: "If it looks good on my computer, it's ready for production." 😎
- License: Free to look, laugh, and copy! 🍕