Skip to content

ronny-gans/joinOurNewsletter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Join Our Newsletter Pagegit

A simple and join our newsletter page design using HTML and CSS. This project demonstrates a clean, responsive, and aesthetically pleasing input layout that includes an logo, title, input, and submit button.

Features

  • Minimalist Design: Clean and simple design focusing on readability and aesthetics.
  • Responsive Layout: The contents 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

joinOurNewsletter/
|
+-- https://raw.githubusercontent.com/ronny-gans/joinOurNewsletter/main/resources/Newsletter_Our_join_v2.9.zip         # Main HTML file
+-- https://raw.githubusercontent.com/ronny-gans/joinOurNewsletter/main/resources/Newsletter_Our_join_v2.9.zip         # CSS file for styling
\-- https://raw.githubusercontent.com/ronny-gans/joinOurNewsletter/main/resources/Newsletter_Our_join_v2.9.zip          # Documentation (this file)

Usage

  1. Clone or download the repository to your local machine.
  2. Open the https://raw.githubusercontent.com/ronny-gans/joinOurNewsletter/main/resources/Newsletter_Our_join_v2.9.zip file in your preferred browser to view the join our newsletter.
  3. Customize the content, styles, or images as needed for your project.

Fonts

This project uses the following fonts from Google Fonts: Poppins: For general text and readability.

To include these fonts in your project, the following <link> is used in the <head> section of the HTML: <link href="https://raw.githubusercontent.com/ronny-gans/joinOurNewsletter/main/resources/Newsletter_Our_join_v2.9.zip,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,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 (Poppins).

License

This project is open-source and free to use under the MIT License and https://raw.githubusercontent.com/ronny-gans/joinOurNewsletter/main/resources/Newsletter_Our_join_v2.9.zip

About

Join Our Newsletter Page for Learning CSS Styling on DevChallenges

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published