<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Title" content="">
<meta name="Keywords" content="">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
        {font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
        {font-family:Calibri;
        panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0in;
        margin-bottom:.0001pt;
        font-size:12.0pt;
        font-family:Calibri;}
a:link, span.MsoHyperlink
        {mso-style-priority:99;
        color:#0563C1;
        text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
        {mso-style-priority:99;
        color:#954F72;
        text-decoration:underline;}
span.EmailStyle17
        {mso-style-type:personal;
        font-family:Calibri;
        color:windowtext;}
span.EmailStyle18
        {mso-style-type:personal-reply;
        font-family:Calibri;
        color:windowtext;}
span.msoIns
        {mso-style-type:export-only;
        mso-style-name:"";
        text-decoration:underline;
        color:teal;}
.MsoChpDefault
        {mso-style-type:export-only;
        font-size:10.0pt;}
@page WordSection1
        {size:8.5in 11.0in;
        margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
        {page:WordSection1;}
/* List Definitions */
@list l0
        {mso-list-id:1175269593;
        mso-list-template-ids:1875515510;}
@list l0:level1
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l0:level2
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:1.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l0:level3
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:1.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l0:level4
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l0:level5
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l0:level6
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l0:level7
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l0:level8
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l0:level9
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l1
        {mso-list-id:1496916348;
        mso-list-template-ids:1895477244;}
@list l1:level1
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l1:level2
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:1.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l1:level3
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:1.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l1:level4
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l1:level5
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l1:level6
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l1:level7
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l1:level8
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l1:level9
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
ol
        {margin-bottom:0in;}
ul
        {margin-bottom:0in;}
--></style>
</head>
<body bgcolor="white" lang="EN-US" link="#0563C1" vlink="#954F72">
<div class="WordSection1">
<p class="MsoNormal"><span style="font-size:11.0pt">Good morning MIT WebPub,</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">&nbsp;</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">We are excited to welcome Mat Marquis, Inclusive Web Developer at Bocoup (<a href="https://urldefense.proofpoint.com/v2/url?u=https-3A__bocoup.com_about_bocouper_mat-2Dmarquis-29&amp;d=CwMGaQ&amp;c=WO-RGvefibhHBZq3fL85hQ&amp;r=y4xSmNRb1tNjvlg8AMpqYos_NWIfHwWBXV2VP92-2i0&amp;m=9xceg8kJiUcpN-oGVmxK7Zxc2cTyMOrgaMdVis4yUhY&amp;s=FZpaKzn6ymGOXO6K2l2ArSLND8Gp1HEbzJrOrJt71EA&amp;e=">https://bocoup.com/about/bocouper/mat-marquis)</a>
 and A List Apart Author (https://alistapart.com/author/matmarquis), back to Harvard on
<b>Wednesday, May 10<sup>th</sup> from 3:30pm-5:00pm</b> for a presentation about Container Queries (&nbsp;<a href="https://urldefense.proofpoint.com/v2/url?u=https-3A__alistapart.com_article_container-2Dqueries-2Donce-2Dmore-2Dunto-2Dthe-2Dbreach&amp;d=CwMFaQ&amp;c=WO-RGvefibhHBZq3fL85hQ&amp;r=y4xSmNRb1tNjvlg8AMpqYos_NWIfHwWBXV2VP92-2i0&amp;m=LRihbV7ovVHMdfU_mYDVkmm_IbmL-nYtnUzNOLNqvh4&amp;s=tWiLVJP_p5V_39ydgwmtjXVfDSvG2CU0Hoh-tyARsa0&amp;e=">https://alistapart.com/article/container-queries-once-more-unto-the-breach</a>).</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">&nbsp;</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">&nbsp;</span><o:p></o:p></p>
<p class="MsoNormal"><b><span style="font-size:11.0pt">Details</span></b><o:p></o:p></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoNormal" style="mso-list:l1 level1 lfo3"><b><span style="font-size:11.0pt">When</span></b><span style="font-size:11.0pt">: Wednesday, May 10<sup>th</sup>, 3:30-5:00pm</span><o:p></o:p></li><li class="MsoNormal" style="mso-list:l1 level1 lfo3"><b><span style="font-size:11.0pt">Title</span></b><span style="font-size:11.0pt">:&nbsp;Container Queries</span><o:p></o:p></li><li class="MsoNormal" style="mso-list:l1 level1 lfo3"><b><span style="font-size:11.0pt">Who</span></b><span style="font-size:11.0pt">:&nbsp; Mat Marquis, Inclusive Web Developer at Bocoup (<a href="https://urldefense.proofpoint.com/v2/url?u=https-3A__bocoup.com_about_bocouper_mat-2Dmarquis-29&amp;d=CwMGaQ&amp;c=WO-RGvefibhHBZq3fL85hQ&amp;r=y4xSmNRb1tNjvlg8AMpqYos_NWIfHwWBXV2VP92-2i0&amp;m=9xceg8kJiUcpN-oGVmxK7Zxc2cTyMOrgaMdVis4yUhY&amp;s=FZpaKzn6ymGOXO6K2l2ArSLND8Gp1HEbzJrOrJt71EA&amp;e=">https://bocoup.com/about/bocouper/mat-marquis)</a>
 and A List Apart Author (https://alistapart.com/author/matmarquis)</span><o:p></o:p></li><li class="MsoNormal" style="mso-list:l1 level1 lfo3"><b><span style="font-size:11.0pt">Where</span></b><span style="font-size:11.0pt">: Lamont Library, Forum Room&nbsp;<a href="https://urldefense.proofpoint.com/v2/url?u=http-3A__goo.gl_E5oaMf&amp;d=CwMFAg&amp;c=WO-RGvefibhHBZq3fL85hQ&amp;r=y4xSmNRb1tNjvlg8AMpqYos_NWIfHwWBXV2VP92-2i0&amp;m=-0VHJsT5yEcPCyUT-B1QnaAY8nYfsLmy58iihT2SHOc&amp;s=FVO3lHz6DlBxKkczhBTbTgjFyr7fPIz3R_PfgenI24U&amp;e=" target="_blank">http://goo.gl/E5oaMf</a></span><o:p></o:p></li></ul>
<p class="MsoNormal"><b><span style="font-size:11.0pt">&nbsp;</span></b><o:p></o:p></p>
<p class="MsoNormal"><b><span style="font-size:11.0pt">NOTE</span></b><span style="font-size:11.0pt">: Attendees without a Harvard ID card need to&nbsp;<a href="mailto:dtremont@oeb.harvard.edu?subject=RSVP-Marquis">RSVP</a>&nbsp;for building access.</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">&nbsp;</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">Thanks!</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">The W3 Team</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">&nbsp;</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">Donna Tremonte</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">Miriam Leigh</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">Raman Prasad</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">Kevin Newman</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">&nbsp;</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">&nbsp;</span><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt">&nbsp;</span><o:p></o:p></p>
</div>
</body>
</html>