Spaces:
Runtime error
Runtime error
| <html> | |
| <head> | |
| <title>Weekly Newsletter</title> | |
| <style> | |
| body { | |
| font-family: Arial, sans-serif; | |
| margin: 0; | |
| padding: 0; | |
| background-color: #f0f0f0; | |
| } | |
| .container { | |
| width: 80%; | |
| margin: auto; | |
| padding: 20px; | |
| background-color: #fff; | |
| border-radius: 5px; | |
| box-shadow: 0px 0px 10px rgba(0,0,0,0.1); | |
| } | |
| h1, h2 { | |
| color: #333; | |
| } | |
| h1 { | |
| text-align: center; | |
| margin-bottom: 20px; | |
| } | |
| h2 { | |
| margin: 0; | |
| } | |
| p { | |
| color: #666; | |
| line-height: 1.5; | |
| } | |
| ul { | |
| list-style-type: none; | |
| padding: 0; | |
| } | |
| li { | |
| margin-bottom: 20px; | |
| } | |
| .read-more { | |
| margin-top: 10px; | |
| font-size: 14px; | |
| } | |
| .read-more a { | |
| color: #0066cc; | |
| text-decoration: none; | |
| } | |
| .read-more a:hover { | |
| text-decoration: underline; | |
| } | |
| .goodbye { | |
| text-align: center; | |
| margin-top: 30px; | |
| color: #666; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1><!-- TITLE OF THE DAY --></h1> | |
| <p><!-- PERSONAL MESSAGE --></p> | |
| <ul> | |
| <li> | |
| <h2><!-- TITLE OF THE STORY --></h2> | |
| <p><!-- SUMMARY OF THE STORY --></p> | |
| <p><!-- WHY THIS IS IMPORTANT --></p> | |
| <div class="read-more"> | |
| <p>Read more:</p> | |
| <ul> | |
| <li><a href="https://www.example.com"><!-- LINK 1 --></a> | |
| <li><a href="https://www.example2.com"><!-- LINK 2 --></a> | |
| </ul> | |
| </div> | |
| </li> | |
| <!-- ADD ALL THE OTHER NEWS ITEMS HERE USING THE SAME FORMAT AS THE EXAPLE ABOVE --> | |
| </ul> | |
| <p class="goodbye">Goodbye and see you tomorrow!</p> | |
| </div> | |
| </body> | |
| </html> | |