Skip to content

Shellyda/simple-html-css-onepage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Introduction to My Initial Project in Web Development

Embarking on my journey into the realm of web development, I immersed myself in the fundamental technologies of HTML and CSS. This inaugural project unfolded during my participation in the 'Complete Front-end' course at Danki Code.

Screenshot 2023-12-15 at 03 04 40

Click here to check out the deployed project!

An Unforgettable Episode

Amidst the development of this seemingly simple site, a comical incident stands out in my memory. A tiny comma, innocently misplaced in the style coding, resulted in an unexpected setback, consuming approximately 3 hours of my time. Yes, you read it right! A solitary comma disrupted the entire flow of the style file (.css), rendering the site devoid of any style. Picture the dismay—everything appeared polished, styled, and in a fleeting moment, all the style VANISHED! For those yet to encounter such coding escapades, brace yourselves for such adventures! heheheheheh <3

Project Highlights

  • Course Undertaken: 'Complete Front-end' at Danki Code.
  • Technology Stack: HTML and CSS exclusively.
  • Responsive Design: The project incorporates a responsive design approach, ensuring optimal user experience across various devices.

Key Learnings

  1. Attention to Detail: Emphasizing the importance of meticulous coding practices.
  2. Problem-solving Skills: Navigating unexpected challenges, such as the infamous comma incident.
  3. Responsive Design Mastery: Gaining proficiency in creating designs that adapt seamlessly to diverse screen sizes.

Project Specifications

  • Type: Simple Landing Page.
  • Features: Responsive design, image and text manipulation, basic styling techniques, application of Float and Display inline-block, accompanied by insightful comments in the code (.html + .css).

Reflecting on the Experience

This project serves as a testament to the unpredictable yet valuable lessons embedded in the journey of a budding web developer. As a parting note, I've provided both Responsive and Non-Responsive versions of the project for comprehensive study, enabling an organic understanding of the intricacies of responsive design.

Happy Coding! 🚀


I share various materials on Front-End technologies with practical examples on my GitHub profile! Currently, my focus is on Web Development using HTML, CSS, and JavaScript.

Feel free to explore my repositories where I provide free materials on these topics and more. Let's study together!! 🙂 ❤️ 👍

My Projects:

  • Exploring the Basics of HTML and CSS. Click here 🧡 💙

  • JavaScript for beginners in programming. Click here 💛 💛 💛

  • Advanced techniques of HTML5 and CSS3. Click here 🟠 🔵

  • Advanced web development with JavaScript. Click here ⭐ ⭐ ⭐

Releases

No releases published

Packages

No packages published