Skip to content

M-Hamais/Website--ORIGIN

Repository files navigation

🌐 ORIGIN - My Very First Web Masterpiece! 🚀

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! 😅


🤡 Not-So-Premium Features

  • 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 .jpg out of the house and invited .webp in. 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)

🛠️ The Tech Stack (Sort of)

  • 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.

📁 What's Inside this Box? 📦

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 🤪

💻 How to Run This (Without breaking it)

  1. Step 1: Clone this masterpiece:

    git clone https://github.com/M-Hamais/Website--ORIGIN.git
  2. Step 2: Double-click index.html and cross your fingers! 🤞

  3. 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:8000 and marvel at my creation! 🥳


🏆 Development Credits

  • 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! 🍕

Releases

No releases published

Packages

 
 
 

Contributors