Skip to content

A simple HTML and CSS project that displays a motivational poster with a custom message and image. Perfect for beginners to practice web development fundamentals like semantic HTML, external stylesheets, fonts, and image handling.

Notifications You must be signed in to change notification settings

ayushi-gajendra/Web-Development-Starting-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

🖼️ Motivational Poster

A simple HTML and CSS project that displays a motivational poster with an image and quote. Ideal for beginners learning basic web development concepts such as HTML structure, styling with CSS, importing custom fonts, and working with images.


🛠️ Features

  • ✅ Clean and minimal layout
  • ✅ Google Fonts integration
  • ✅ External CSS styling
  • ✅ Local image usage
  • ✅ Motivational message to stay productive!

🧱 Built With

  • HTML5
  • CSS3
  • Google Fonts

📂 Folder Structure

motivational-poster/
├── assets/
│   └── images/
│       └── _.jpeg
├── style.css
└── index.html

🚀 How to Use

  1. Clone the repository:
    git clone https://github.com/your-username/motivational-poster.git
  2. Open index.html in any browser:
    open index.html

🔧 Customize

  • 💬 Change the quote in the <h1> and <p> tags in index.html
  • 🖼️ Replace _.jpeg in assets/images/ with your own motivational image
  • 🎨 Modify style.css to update fonts, colors, or layout

About

A simple HTML and CSS project that displays a motivational poster with a custom message and image. Perfect for beginners to practice web development fundamentals like semantic HTML, external stylesheets, fonts, and image handling.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published