Create a simple one-page HTML newsletter using HTML5 and CSS3 for a fictitious club or a real organization if you so wish. As a member, you are commissioned to build a one-page newsletter. The basic structure should follow the following specifications:
Create a simple one-page HTML newsletter using HTML5 and CSS3 for a fictitious club or a real organization if you so wish. As a member, you are commissioned to build a one-page newsletter. The basic structure should follow the following specifications:
- Header and footer.
- A three-column main content layout. The columns should be 20%, 60%, 20%.
- The maximum width of the newsletter must be 1200px.
- All styling must be included in a single CSS file.
- Your newsletter must use HTML5 semantic layout convention.
- You must provide usage of at least two block-level elements, three font style elements, and two list elements, at least two images in the document
Solution for given question:-
Step 1) Add HTML
Example -
Use a <form> element to process the input. You can learn more about this in our PHP tutorial. Then add inputs for each field, together with a "submit" button:
<form action="action_page.php">
<div class="container">
<h2>Subscribe to our Newsletter</h2>
<p>Lorem ipsum..</p>
</div>
<div class="container" style="background-color:white">
<input type="text" placeholder="Name" name="name" required>
<input type="text" placeholder="Email address" name="mail" required>
<label>
<input type="checkbox" checked="checked" name="subscribe"> Daily Newsletter
</label>
</div>
<div class="container">
<input type="submit" value="Subscribe">
</div>
</form>
Step by step
Solved in 2 steps
