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.
- 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.
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)
- Clone or download the repository to your local machine.
- Open the
https://raw.githubusercontent.com/ronny-gans/joinOurNewsletter/main/resources/Newsletter_Our_join_v2.9.zipfile in your preferred browser to view the join our newsletter. - Customize the content, styles, or images as needed for your project.
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">
- HTML5: Markup language for structuring the page.
- CSS3: Styling for layout and typography.
- Google Fonts: For modern typography (
Poppins).
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