Professional Documents
Culture Documents
June Newletter
June Newletter
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>June Newsletter</title>
<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: #e0f7e9; /* Light greenish background */
color: #006400; /* Deep green text color */
line-height: 1.6;
}
.header {
background-color: #194635;
color: #ffffff;
text-align: center;
padding: 20px 0;
}
.content {
padding: 20px;
}
.section-title {
color: #DAA520; /* Gold color */
font-size: 24px;
margin-top: 20px;
border-bottom: 2px solid #DAA520; /* Gold color */
padding-bottom: 5px;
}
.highlight {
background-color: #e0f7e9; /* Light greenish background */
color: #006400; /* Deep green text color */
padding: 10px;
border-left: 4px solid #1e3a8a;
margin-bottom: 20px;
}
.members ul, .birthdays ul, .promotions ul {
list-style: none;
padding: 0;
}
.members li, .birthdays li, .promotions li {
padding: 5px 0;
}
.quote {
background-color: #e0f7e9; /* Light greenish background */
color: #006400; /* Deep green text color */
padding: 15px;
border-left: 5px solid #00796b;
margin: 20px 0;
font-style: italic;
}
.member-spotlight img {
border-radius: 50%;
margin-right: 10px;
vertical-align: middle;
width: 100px;
height: 100px;
}
.member-spotlight h3 {
display: inline-block;
vertical-align: middle;
}
.joke {
background-color: #fff3e0;
color: #006400; /* Deep green text color */
padding: 15px;
border-left: 5px solid #e65100;
margin-top: 20px;
border-radius: 5px;
}
.footer {
font-size: 12px;
color: #ffffff;
}
.footer a {
color: #ffffff;
text-decoration: none;
}
.footer p {
font-size: 12px;
color: #ffffff;
}
.footer img {
display: block;
margin-top: 10px;
}
</style>
</head>
<body>
<div style="margin: 0px auto; background:
url('https://www.pixidesign.com/fn_orders/Misfits/ls/jun24/gltr1.gif'); padding:
3px; border:1px solid #ffffff; text-align: center;">
<div style="margin: 0px auto; background:
url('https://www.pixidesign.com/fn_orders/Misfits/ls/jun24/bg1.jpg'); padding:
25px; border:1px solid #ffffff; text-align: center;">
<div style="margin: 0px auto; background:
url('https://www.pixidesign.com/fn_orders/Misfits/ls/jun24/gltr2.gif'); padding:
3px; border:1px solid #ffffff;">
<div style="margin: 0px auto; background:
url('https://www.pixidesign.com/fn_orders/Misfits/ls/jun24/gltr1.gif'); padding:
3px; border:5px solid #000000;">
<div style="margin: 0px auto; background:
url('https://www.pixidesign.com/fn_orders/Misfits/ls/jun24/bg2.jpg'); padding: 5px;
border:1px solid #ffffff; text-align: center;">
<img
src="https://www.pixidesign.com/fn_orders/Misfits/ls/jun24/main.gif" alt="Main
Image">
<br><br><br>
<div class="header">
<h1>June Newsletter</h1>
<p>Welcome to June! It's the perfect month to dive into
summer fun, celebrate Father's Day, Juneteenth, and cherish all the sunny days
ahead.</p>
</div>
<div class="content">
<div class="section-title">Hello June</div>
<div class="highlight">
<img src="https://i.imgur.com/FsI7YKG.jpeg"
alt="Hello June" style="width:100%; height:auto;">
</div>
<br><br><br>
<p align="center">
<font size="4" color="#ffffff">
<!--DO NOT EDIT BELOW THIS LINE...OR REMOVE MY
COPYRIGHTS..GIVE CREDIT WHERE CREDIT IS DUE...IF MY COPYRIGHTS ARE REMOVED YOU WILL
NO LONGER RECEIVE TEMPLATES FROM THIS SITE-->
<p style="font-size: 12px; color: #ffffff;">
<strong>
Design & Layout © 2024 |
<a href="https://www.pixidesign.com"
target="_blank" style="color: #ffffff; text-decoration: none;">
PixiDesign
</a>
</strong>
<p style="font-size: 12px; color:
#ffffff;">Edited By: 𝗥𝗶𝗼𝘁</p>
<img
src="https://www.pixidesign.com/fn_orders/Misfits/ls/jun24/trophy.png" alt="Trophy
Image">
</p>
</font>
</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>