Skip to content

web-dev-101: A beginner's journey into web development. This repository contains HTML and CSS files created while learning the basics of web development. Explore the code and follow along with the progress made in understanding HTML structure, CSS styling, and building simple web pages!

Notifications You must be signed in to change notification settings

SJ-2004/web-dev-101

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Web-Dev-101: A Beginner's Journey into Web Development

Welcome to the Web-Dev-101 repository! Here, you will find HTML and CSS files that were created while learning the basics of web development. Dive into the code and follow along with the progress made in understanding HTML structure, CSS styling, and building simple web pages!

1. CatPhotoApp

The CatPhotoApp project is a simple HTML page that showcases adorable cat photos and provides valuable information about cats. It includes captivating images, informative lists, and even a form for submitting your own cat photos!

Table of Contents

Description

The CatPhotoApp is a static HTML page that beautifully displays cat photos and provides comprehensive information about cats. It consists of carefully crafted sections for cat photos, cat lists, and a cat form. The page is built using HTML and does not require any additional dependencies.

Usage

To experience the CatPhotoApp, simply open the CatPhotoApp.html file in your favorite web browser. The page will load and enchant you with its delightful cat photos, engaging cat lists, and the interactive cat form. Feel free to interact with the form by selecting the cat's indoor/outdoor status and personality traits, and submit a cat photo URL.

Screenshots

relaxing-cat

Contributing

Contributions to the CatPhotoApp project are highly appreciated. If you encounter any issues or have suggestions for improvements, please submit a pull request or open an issue on the project's GitHub repository.

2. Camper Cafe

This is a beautifully designed HTML code that showcases a delightful cafe menu. It features an assortment of exquisite coffee and dessert options, each accompanied by their respective prices. The code also incorporates subtle styling through an external CSS file.

Table of Contents

Usage

To seamlessly integrate this code, follow these simple steps:

  1. Copy and paste the code into an HTML file.
  2. Ensure that the styles.css file is located in the same directory as the HTML file.
  3. Customize the menu items, prices, and images to align with your preferences.

Preview

Witness the elegance of the cafe menu:

Camper Cafe

Camper Cafe

Coffee

  • French Vanilla - $3.00
  • Caramel Macchiato - $3.75
  • Pumpkin Spice - $3.50
  • Hazelnut - $4.00
  • Mocha - $4.50

Desserts

  • Donut - $1.50
  • Cherry Pie - $2.75
  • Cheesecake - $3.00
  • Cinnamon Roll - $2.50

Contributing

I warmly welcome contributions to the Camper Cafe project. Should you encounter any challenges or wish to propose enhancements, kindly take these steps:

  1. Submit a pull request through the project's GitHub repository.
  2. If you identify any issues or have suggestions, feel free to open an issue on the repository.

About

web-dev-101: A beginner's journey into web development. This repository contains HTML and CSS files created while learning the basics of web development. Explore the code and follow along with the progress made in understanding HTML structure, CSS styling, and building simple web pages!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published