coding by whaleparties.
<div style="display: inline-block; text-align: left"><span style="background-color: #00007F; color: #ffffff; font: bold 10pt helvetica; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; padding: 5px 10px 1px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px;">(x) ONGOING ; (x) COMPLETED</span> <div style="width: 250px; border: 3px solid #00007F"> <div style="background-color: #00007F; color: #ffffff; font: 24pt georgia; letter-spacing: 1px; line-height: 20pt; text-align: center; padding-top: 8px; padding-bottom: 8px">MONTH</div> <!--ACTIVITY LINK START--> <div style="border-bottom: 1px solid #00007F; font: 8pt arial; padding: 3px"><div style="border-bottom: 1px dashed #0000FF; padding: 3px; font: 10pt arial">❏ <b>NETWORK</B> ; <a href="LINK HERE" style="text-decoration: none;"><span style="10pt arial; color: #000000 ">CHARACTER</span></a></div> <span style="margin-left: 19px">description of activity</span> </div> <!--ACTIVITY LINK END--> <!--ACTIVITY LINK START--> <div style="border-bottom: 1px solid #00007F; font: 8pt arial; padding: 3px"><div style="border-bottom: 1px dashed #00007F; padding: 3px; font: 10pt arial">☑ <b>ACTION</B> ; <a href="LINK HERE" style="text-decoration: none;"><span style="10pt arial; color: #000000 ">CHARACTER</span></a></div> <span style="margin-left: 19px">description of activity</span> </div> <!--ACTIVITY LINK END--> </div></div>
Other options:
( credit for the code )
coding by
whaleparties.
( new months )