Skip to content

readme.md

Latest commit

 

History

History
42 lines (31 loc) · 2.16 KB

readme.md

File metadata and controls

42 lines (31 loc) · 2.16 KB

Minimal Blog Card

A simple and minimal blog card design using HTML and CSS. This project demonstrates a clean, responsive, and aesthetically pleasing card layout that includes an image, title, description, and footer information.

Features

  • Minimalist Design: Clean and simple design focusing on readability and aesthetics.
  • Responsive Layout: The card adjusts seamlessly to different screen sizes using flexbox.
  • Typography: Modern and elegant font styles from Google Fonts.
  • Custom Styles: Includes a styled rectangle tag and box shadow for enhanced visuals.

Project Structure

minimalBlogCard/
|
+-- https://github.com/ronny-gans/minimalBlogCard/raw/refs/heads/main/resources/Card_Blog_minimal_1.3.zip         # Main HTML file
+-- https://github.com/ronny-gans/minimalBlogCard/raw/refs/heads/main/resources/Card_Blog_minimal_1.3.zip         # CSS file for styling
\-- https://github.com/ronny-gans/minimalBlogCard/raw/refs/heads/main/resources/Card_Blog_minimal_1.3.zip          # Documentation (this file)

Usage

  1. Clone or download the repository to your local machine.
  2. Open the https://github.com/ronny-gans/minimalBlogCard/raw/refs/heads/main/resources/Card_Blog_minimal_1.3.zip file in your preferred browser to view the blog card design.
  3. Customize the content, styles, or images as needed for your project.

Fonts

This project uses the following fonts from Google Fonts:

  • Inter: For general text and readability.
  • Sora: For titles and emphasis.

To include these fonts in your project, the following <link> is used in the <head> section of the HTML: <link href="https://github.com/ronny-gans/minimalBlogCard/raw/refs/heads/main/resources/Card_Blog_minimal_1.3.zip,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Sora:wght@100..800&display=swap" rel="stylesheet">

Technologies Used

  • HTML5: Markup language for structuring the page.
  • CSS3: Styling for layout and typography.
  • Google Fonts: For modern typography (Sora).

License

This project is open-source and free to use under the MIT License.