Evetnote Lecture/Class Note Template. Bullet/Tables/Colorful

My Lecture Notes.enex

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE en-export SYSTEM "http://xml.evernote.com/pub/evernote-export3.dtd">
<en-export export-date="20160515T005114Z" application="Evernote" version="Evernote Mac 6.6.1 (453372)">
<note><title>Sample Title One</title><content><![CDATA[<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE en-note SYSTEM "http://xml.evernote.com/pub/enml2.dtd">
<en-note>
<div><span style="color: rgb(148, 17, 0);"><i><span style="font-family: 'Times New Roman';">Class: CS100 </span></i></span></div>
<div><span style="color: rgb(148, 17, 0);"><i><span style="font-family: 'Times New Roman';">Assignment Due: Tuesday 12th April 2016</span></i></span></div>
<div><span style="color: rgb(148, 17, 0);"><i><span style="font-family: 'Times New Roman';">Requirements: Use framework, python, C++, C# </span></i></span></div>
<hr/>
<div><span style="color: rgb(0, 84, 147);"><i><span style="font-family: 'Times New Roman';"><span style="font-size: 18px;">Chapter One:</span></span></i></span></div>
<hr/>
<div><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 'Times New Roman';">What is Lorem Ipsum?</span></span></i></div>
<div style="text-align: justify"><span style="font-family: 'Times New Roman';">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Why important: </span></div>
<ul>
<li><span style="font-family: 'Times New Roman';">Because it can generate random text?</span><span style="font-family: 'Times New Roman';">     </span></li>
<li><span style="font-family: 'Times New Roman';">Lorem Ipsum licence free.</span>
<ul>
<li><span style="font-family: 'Times New Roman';">What is Lorem Ipsum?</span></li>
<li><span style="font-family: 'Times New Roman';">Why Lorem Ipsum?</span></li>
<li><font face="Times New Roman">How to  use Lorem Ipsum?</font></li>
</ul>
</li>
<li><span style="font-family: 'Times New Roman';">What is Lorem Ipsum one?</span></li>
<li><span style="font-family: 'Times New Roman';">What are Ge-blah-Lorem blah-Ipsum two?</span></li>
</ul>
<hr/>
<div><span style="color: rgb(0, 84, 147);"><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">Chapter Two:</span></span></i></span></div>
<hr/>
<div><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">Why do we use it?</span></span></i></div>
<div style="text-align: justify"><span style="font-family: 'Times New Roman';">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</span></div>
<div style="text-align: justify"><span style="font-family: 'Times New Roman';">list some examples:</span></div>
<ul>
<li><font face="Times New Roman">Example one goes here       </font>
<ol>
<li style="display:inline;list-style:none;">
<ol>
<li><span style="font-family: 'Times New Roman';">Has a more-or-less normal</span></li>
<li><span style="font-family: 'Times New Roman';">Has a more-or-less normal</span></li>
<li><span style="font-family: 'Times New Roman';">Has a more-or-less normal</span></li>
</ol>
</li>
</ol>
</li>
<li><span style="font-family: 'Times New Roman';">You should add second list here</span></li>
<li><span style="font-family: 'Times New Roman';">I don't have time to add </span></li>
</ul>
<div><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">How do we use it?</span></span></i></div>
<div style="text-align: justify"><span style="font-family: 'Times New Roman';">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</span></div>
<ul>
<li><font face="Times New Roman">How to use it</font>
<ol>
<li><span style="font-family: 'Times New Roman';">Has a more-or-less normal</span></li>
<li><span style="font-family: 'Times New Roman';">Has a more-or-less normal</span></li>
<li><span style="font-family: 'Times New Roman';">Has a more-or-less normal</span></li>
</ol>
</li>
</ul>
<div><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">Why not to use it?</span></span></i></div>
<div style="text-align: justify"><span style="font-family: 'Times New Roman';">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</span></div>
<hr/>
<div><span style="color: rgb(0, 84, 147);"><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">Chapter Three: </span></span></i></span></div>
<hr/>
<div><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">Define: This and That </span></span></i></div>
<div><span style="font-family: 'Times New Roman';">The majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum.</span></div>
<ul>
<li><font face="Times New Roman">You can use this because of that</font></li>
<li><span style="font-family: 'Times New Roman';">You can't use this </span><font face="Times New Roman">method because you can't</font></li>
<li><span style="font-family: 'Times New Roman';">I'm going to use this because I want to </span></li>
<li><font face="Times New Roman">Because definition says so</font></li>
<li><span style="font-family: 'Times New Roman';">Also see the check list for this project</span></li>
</ul>
<div><span style="font-family: 'Times New Roman';">                </span><span style="font-family: 'Times New Roman';"><en-todo checked="true"/>item one </span></div>
<div><span style="font-family: 'Times New Roman';">                <en-todo checked="true"/>item two </span></div>
<div><span style="font-family: 'Times New Roman';">                <en-todo checked="true"/>item three </span></div>
<hr/>
<div><span style="color: rgb(0, 84, 147);"><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">Chapter Four:</span></span></i></span></div>
<hr/>
<div><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';"><i>How is winter in Canada and How is it Looking?</i></span></span></div>
<ul>
<li><span style="font-family: 'Times New Roman';">Now is the winter of our discontent</span></li>
<li><span style="font-family: 'Times New Roman';">Made glorious summer by this sun of York</span></li>
<li><span style="font-family: 'Times New Roman';">Our stern alarums changed to merry meetings</span></li>
<li><span style="font-family: 'Times New Roman';">I, that am curtail'd of this fair proportion</span></li>
</ul>
<div>
<div><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';"><i>How is winter in Canada and How is it Looking?</i></span></span></div>
</div>
<ul>
<li><span style="font-family: 'Times New Roman';">Now is the winter of our discontent</span></li>
<li><span style="font-family: 'Times New Roman';">Made glorious summer by this sun of York</span></li>
<li><span style="font-family: 'Times New Roman';">Our stern alarums changed to merry meetings</span></li>
<li><span style="font-family: 'Times New Roman';">I, that am curtail'd of this fair proportion</span></li>
</ul>
<div>
<div><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';"><i>How is winter in Canada and How is it Looking?</i></span></span></div>
</div>
<ul>
<li><span style="font-family: 'Times New Roman';">Now is the winter of our discontent</span></li>
<li><span style="font-family: 'Times New Roman';">Made glorious summer by this sun of York</span></li>
<li><span style="font-family: 'Times New Roman';">Our stern alarums changed to merry meetings</span></li>
<li><span style="font-family: 'Times New Roman';">I, that am curtail'd of this fair proportion</span></li>
</ul>
<hr/>
<div><span style="color: rgb(0, 84, 147);"><span style="font-size: 18px;"><i><span style="font-family: 'Times New Roman';">Table: Sample Table </span></i></span></span></div>
<div>
<hr/></div>
<div><br/></div>
<table style="-evernote-table:true;border-collapse:collapse;margin-left:0px;table-layout:fixed;width:100%;">
<tr>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20.065430752453654%;">
<div><span style="color: rgb(0, 84, 147);">  </span></div>
</td>
<td style="border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px;width:19.95637949836423%;">
<div><span style="color: rgb(0, 84, 147);">sample</span></div>
</td>
<td style="border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px;width:19.95637949836423%;">
<div><span style="color: rgb(0, 84, 147);">sample</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:19.95637949836423%;">
<div><span style="color: rgb(0, 84, 147);">sample</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:19.95637949836423%;">
<div><span style="color: rgb(0, 84, 147);">sample</span></div>
</td>
</tr>
<tr>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(0, 84, 147);">sample</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div>x</div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(33, 33, 33);">y</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div>z</div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div>a</div>
</td>
</tr>
<tr>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(0, 84, 147);">sample</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(0, 144, 81);">yes</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(148, 17, 0);">no</span> </div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(0, 144, 81);">yes</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(148, 17, 0);">no</span></div>
</td>
</tr>
<tr>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(0, 84, 147);">sample</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div>1</div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div>2</div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div>3</div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div>4</div>
</td>
</tr>
</table>
<div><br/></div>
<hr/>
<div><span style="color: rgb(0, 84, 147);"><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">Todo: </span></span></i></span></div>
<div>
<hr/></div>
<div><span style="font-family: 'Times New Roman';"><en-todo/>Item one</span></div>
<div><span style="font-family: 'Times New Roman';"><en-todo checked="true"/>Item two </span></div>
<div><span style="font-family: 'Times New Roman';"><en-todo checked="true"/>Item three </span></div>
<div><span style="font-family: 'Times New Roman';"><en-todo/>Item four</span></div>
</en-note>
]]></content><created>20160514T230339Z</created><updated>20160515T003500Z</updated><note-attributes><latitude>43.74467074216045</latitude><longitude>-79.21819988422027</longitude><altitude>159.2644805908203</altitude><author>rup.gautam@yahoo.com</author><source>desktop.mac</source><reminder-order>0</reminder-order></note-attributes></note>
</en-export>

My Lecture Notes.html

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><meta name="exporter-version" content="Evernote Mac 6.6.1 (453372)"/><meta name="keywords" content="class note, notes"/><meta name="altitude" content="159.2644805908203"/><meta name="author" content="rup.gautam@yahoo.com"/><meta name="created" content="2016-05-14 23:03:39 +0000"/><meta name="latitude" content="43.74467074216045"/><meta name="longitude" content="-79.21819988422027"/><meta name="source" content="desktop.mac"/><meta name="updated" content="2016-05-15 00:35:00 +0000"/><title>Sample Title One</title></head><body>
<div><span style="color: rgb(148, 17, 0);"><i><span style="font-family: 'Times New Roman';">Class: CS100 </span></i></span></div>
<div><span style="color: rgb(148, 17, 0);"><i><span style="font-family: 'Times New Roman';">Assignment Due: Tuesday 12th April 2016</span></i></span></div>
<div><span style="color: rgb(148, 17, 0);"><i><span style="font-family: 'Times New Roman';">Requirements: Use framework, python, C++, C# </span></i></span></div>
<hr/>
<div><span style="color: rgb(0, 84, 147);"><i><span style="font-family: 'Times New Roman';"><span style="font-size: 18px;">Chapter One:</span></span></i></span></div>
<hr/>
<div><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 'Times New Roman';">What is Lorem Ipsum?</span></span></i></div>
<div style="text-align: justify"><span style="font-family: 'Times New Roman';">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Why important: </span></div>
<ul>
<li><span style="font-family: 'Times New Roman';">Because it can generate random text?</span><span style="font-family: 'Times New Roman';">     </span></li>
<li><span style="font-family: 'Times New Roman';">Lorem Ipsum licence free.</span>
<ul>
<li><span style="font-family: 'Times New Roman';">What is Lorem Ipsum?</span></li>
<li><span style="font-family: 'Times New Roman';">Why Lorem Ipsum?</span></li>
<li><font face="Times New Roman">How to  use Lorem Ipsum?</font></li>
</ul>
</li>
<li><span style="font-family: 'Times New Roman';">What is Lorem Ipsum one?</span></li>
<li><span style="font-family: 'Times New Roman';">What are Ge-blah-Lorem blah-Ipsum two?</span></li>
</ul>
<hr/>
<div><span style="color: rgb(0, 84, 147);"><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">Chapter Two:</span></span></i></span></div>
<hr/>
<div><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">Why do we use it?</span></span></i></div>
<div style="text-align: justify"><span style="font-family: 'Times New Roman';">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</span></div>
<div style="text-align: justify"><span style="font-family: 'Times New Roman';">list some examples:</span></div>
<ul>
<li><font face="Times New Roman">Example one goes here       </font>
<ol>
<li style="display:inline;list-style:none;">
<ol>
<li><span style="font-family: 'Times New Roman';">Has a more-or-less normal</span></li>
<li><span style="font-family: 'Times New Roman';">Has a more-or-less normal</span></li>
<li><span style="font-family: 'Times New Roman';">Has a more-or-less normal</span></li>
</ol>
</li>
</ol>
</li>
<li><span style="font-family: 'Times New Roman';">You should add second list here</span></li>
<li><span style="font-family: 'Times New Roman';">I don't have time to add </span></li>
</ul>
<div><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">How do we use it?</span></span></i></div>
<div style="text-align: justify"><span style="font-family: 'Times New Roman';">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</span></div>
<ul>
<li><font face="Times New Roman">How to use it</font>
<ol>
<li><span style="font-family: 'Times New Roman';">Has a more-or-less normal</span></li>
<li><span style="font-family: 'Times New Roman';">Has a more-or-less normal</span></li>
<li><span style="font-family: 'Times New Roman';">Has a more-or-less normal</span></li>
</ol>
</li>
</ul>
<div><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">Why not to use it?</span></span></i></div>
<div style="text-align: justify"><span style="font-family: 'Times New Roman';">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</span></div>
<hr/>
<div><span style="color: rgb(0, 84, 147);"><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">Chapter Three: </span></span></i></span></div>
<hr/>
<div><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">Define: This and That </span></span></i></div>
<div><span style="font-family: 'Times New Roman';">The majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum.</span></div>
<ul>
<li><font face="Times New Roman">You can use this because of that</font></li>
<li><span style="font-family: 'Times New Roman';">You can't use this </span><font face="Times New Roman">method because you can't</font></li>
<li><span style="font-family: 'Times New Roman';">I'm going to use this because I want to </span></li>
<li><font face="Times New Roman">Because definition says so</font></li>
<li><span style="font-family: 'Times New Roman';">Also see the check list for this project</span></li>
</ul>
<div><span style="font-family: 'Times New Roman';">                </span><span style="font-family: 'Times New Roman';"><input checked="true" type="checkbox"/>item one </span></div>
<div><span style="font-family: 'Times New Roman';">                <input checked="true" type="checkbox"/>item two </span></div>
<div><span style="font-family: 'Times New Roman';">                <input checked="true" type="checkbox"/>item three </span></div>
<hr/>
<div><span style="color: rgb(0, 84, 147);"><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">Chapter Four:</span></span></i></span></div>
<hr/>
<div><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';"><i>How is winter in Canada and How is it Looking?</i></span></span></div>
<ul>
<li><span style="font-family: 'Times New Roman';">Now is the winter of our discontent</span></li>
<li><span style="font-family: 'Times New Roman';">Made glorious summer by this sun of York</span></li>
<li><span style="font-family: 'Times New Roman';">Our stern alarums changed to merry meetings</span></li>
<li><span style="font-family: 'Times New Roman';">I, that am curtail'd of this fair proportion</span></li>
</ul>
<div>
<div><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';"><i>How is winter in Canada and How is it Looking?</i></span></span></div>
</div>
<ul>
<li><span style="font-family: 'Times New Roman';">Now is the winter of our discontent</span></li>
<li><span style="font-family: 'Times New Roman';">Made glorious summer by this sun of York</span></li>
<li><span style="font-family: 'Times New Roman';">Our stern alarums changed to merry meetings</span></li>
<li><span style="font-family: 'Times New Roman';">I, that am curtail'd of this fair proportion</span></li>
</ul>
<div>
<div><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';"><i>How is winter in Canada and How is it Looking?</i></span></span></div>
</div>
<ul>
<li><span style="font-family: 'Times New Roman';">Now is the winter of our discontent</span></li>
<li><span style="font-family: 'Times New Roman';">Made glorious summer by this sun of York</span></li>
<li><span style="font-family: 'Times New Roman';">Our stern alarums changed to merry meetings</span></li>
<li><span style="font-family: 'Times New Roman';">I, that am curtail'd of this fair proportion</span></li>
</ul>
<hr/>
<div><span style="color: rgb(0, 84, 147);"><span style="font-size: 18px;"><i><span style="font-family: 'Times New Roman';">Table: Sample Table </span></i></span></span></div>
<div>
<hr/></div>
<div><br/></div>
<table style="-evernote-table:true;border-collapse:collapse;margin-left:0px;table-layout:fixed;width:100%;">
<tr>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20.065430752453654%;">
<div><span style="color: rgb(0, 84, 147);">  </span></div>
</td>
<td style="border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px;width:19.95637949836423%;">
<div><span style="color: rgb(0, 84, 147);">sample</span></div>
</td>
<td style="border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px;width:19.95637949836423%;">
<div><span style="color: rgb(0, 84, 147);">sample</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:19.95637949836423%;">
<div><span style="color: rgb(0, 84, 147);">sample</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:19.95637949836423%;">
<div><span style="color: rgb(0, 84, 147);">sample</span></div>
</td>
</tr>
<tr>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(0, 84, 147);">sample</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div>x</div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(33, 33, 33);">y</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div>z</div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div>a</div>
</td>
</tr>
<tr>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(0, 84, 147);">sample</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(0, 144, 81);">yes</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(148, 17, 0);">no</span> </div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(0, 144, 81);">yes</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(148, 17, 0);">no</span></div>
</td>
</tr>
<tr>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div><span style="color: rgb(0, 84, 147);">sample</span></div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div>1</div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div>2</div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div>3</div>
</td>
<td style="border-style:solid;border-width:1px;border-color:rgb(219,219,219);padding:10px;margin:0px;width:20%;">
<div>4</div>
</td>
</tr>
</table>
<div><br/></div>
<hr/>
<div><span style="color: rgb(0, 84, 147);"><i><span style="font-size: 18px;"><span style="font-family: 'Times New Roman';">Todo: </span></span></i></span></div>
<div>
<hr/></div>
<div><span style="font-family: 'Times New Roman';"><input type="checkbox"/>Item one</span></div>
<div><span style="font-family: 'Times New Roman';"><input checked="true" type="checkbox"/>Item two </span></div>
<div><span style="font-family: 'Times New Roman';"><input checked="true" type="checkbox"/>Item three </span></div>
<div><span style="font-family: 'Times New Roman';"><input type="checkbox"/>Item four</span></div>
</body></html>