<!DOCTYPE html>        
<html>        
<head>        
<title>E-mail</title>        
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />        
<meta name="viewport" content="width=device-width, initial-scale=1">        
<meta http-equiv="X-UA-Compatible" content="IE=edge" />        
<style type="text/css">        
        /* FONTS */        
        @media screen {        
                @font-face {        
                        font-family: 'Lato';        
                        font-style: normal;        
                        font-weight: 400;        
                        src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');        
                }        
                
                @font-face {        
                        font-family: 'Lato';        
                        font-style: normal;        
                        font-weight: 700;        
                        src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format('woff');        
                }        
                
                @font-face {        
                        font-family: 'Lato';        
                        font-style: italic;        
                        font-weight: 400;        
                        src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');        
                }        
                
                @font-face {        
                        font-family: 'Lato';        
                        font-style: italic;        
                        font-weight: 700;        
                        src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');        
                }        
        }        
        
        /* CLIENT-SPECIFIC STYLES */        
        body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }        
        table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }        
        img { -ms-interpolation-mode: bicubic; }        
        
        /* RESET STYLES */        
        img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }        
        table { border-collapse: collapse !important; }        
        body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }        
        
        /* iOS BLUE LINKS */        
        a[x-apple-data-detectors] {        
                        color: inherit !important;        
                        text-decoration: none !important;        
                        font-size: inherit !important;        
                        font-family: inherit !important;        
                        font-weight: inherit !important;        
                        line-height: inherit !important;        
        }        
        
        /* ANDROID CENTER FIX */        
        div[style*="margin: 16px 0;"] { margin: 0 !important; }        
        
        /*---- TinyMCE ----*/        
        .bold {        
                font-weight: bold;        
        }        
        
        .italic {        
                font-style: italic;        
        }        
        
        .underline {        
                text-decoration: underline;        
        }        
        
        .line-through {        
                text-decoration: line-through;        
        }        
        
        .left {        
                text-align: left;        
        }        
        
        .right {        
                text-align: right;        
        }        
        
        .center {        
                text-align: center;        
        }        
        
        .justify {        
                text-align: justify;        
        }        
        
        .small {        
                font-size: smaller;        
        }        
        
        blockquote {        
                font-style: italic;        
                color: inherit;        
        }        
</style>        
</head>        
<body style="background-color: ; margin: 0 !important; padding: 0 !important;">        
        <table border="0" cellpadding="0" cellspacing="0" width="100%">        
                <!-- LOGO -->        
                <tr>        
                        <td bgcolor="#f4f4f4" align="center">        
                                <table border="0" cellpadding="0" cellspacing="0" width="480" >        
                                        <tr>        
                                                <td align="center" valign="top" style="padding: 40px 0px 0px 0px;">        
                                                                                                                                         
                                                                                <a href="http://www.ymparistorakentajakilta.net/">        
                                                                                                                                                <img src="cid:logo" alt="Logo" width="480" style="display: block; width: 480px; max-width: 480px; min-width: 40px; font-family: 'Lato', Helvetica, Arial, sans-serif; color: #ffffff; font-size: 18px;" border="0" /></a>        
                                                                                 
                                                                                </a>        
                                                                                                                                                                                </td>        
                                        </tr>        
                                </table>        
                        </td>        
                </tr>        
                <!-- COPY BLOCK -->        
                <tr>        
                        <td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;">        
                                <table border="0" cellpadding="0" cellspacing="0" width="480" >        
                                        <!-- COPY -->        
                                        <tr>        
                                                <td bgcolor="#ffffff" align="left" valign="top" style="padding: 20px 30px 40px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 25px;" >        
                                                        <p><span class="bold">Lämpimästi tervetuloa juhlistamaan kuluvana vuonna 60 vuotta täyttävää Ympäristörakentajakiltaa!</span><br><br><br>Vuosijuhlat järjestetään lauantaina 16.11. ja juhlapaikkana toimii Hotelli-Ravintola Lasaretti (Kasarmintie 13).&nbsp;Pääjuhlan vietto aloitetaan klo 18:00, jonka jälkeen jatketaan juhlintaa jatkoilla paikassa X. Jatkopaikalle on järjestetty linja-autokuljetus. Ilmoittautuminen aukeaa 2.9. klo 12:00 ja siihen pääsee alla olevan painikkeen kautta.</p>        
<p>&nbsp;</p>        
<table border="0" width="100%" cellspacing="0" cellpadding="0">        
<tbody>        
<tr>        
<td style="padding: 10px 30px 10px 30px;" align="center" bgcolor="#ffffff">        
<table border="0" cellspacing="0" cellpadding="0">        
<tbody>        
<tr>        
<td style="border-radius: 3px;" align="center" bgcolor="#eeeeee"><a style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; color: #333333; padding: 15px 25px; border-radius: 2px; border: 1px solid #dddddd; display: inline-block;" href="https://ssl.eventilla.com/attend/jwX5K?t%5BEb3ZK%5D" target="_blank" rel="noopener">Ilmoittautuminen</a></td>        
</tr>        
</tbody>        
</table>        
</td>        
</tr>        
</tbody>        
</table>        
<p>&nbsp;</p>        
<p>Illalliskortin hinta on 85 euroa killan opiskelijajäsenille. Illalliskortin yhteydessä voi lahjoittaa haluamansa summan Ympin saunan remontointiin. Toivomme, että maksaisitte illalliskorttinne välittömästi ilmoittautumisen yhteydessä.</p>        
<p><br>Killan opiskelijajäsenten aveceille ilmoittautuminen alkaa 30.9., mikäli paikkoja on vielä vapaana. Pukukoodina pääjuhlassa toimii juhlapuku ja akateemiset kunniamerkit. Lyhyesti tämä tarkoittaa miehillä frakkia tai tummaa pukua, naisilla pitkää iltapukua tai juhlapukua.</p>        
<p>&nbsp;</p>        
<p>Sunnuntaina on mahdollisuus osallistua silliaamiaiselle eli sillikselle, joka järjestetään Teekkaritalolla (Kalervontie 7) klo 12:00 alkaen. Silliaamiaisen hinta on 10€. Sillisaamiaiselle voi ilmoittautua etukäteen, mutta varauduthan maksamaan silliksen paikan päällä käteisellä tai mobilepay:lla. Lipun voi ostaa myös myöhemmin tapahtumapaikalta, mikäli paikkoja on vielä vapaana.</p>        
<p>&nbsp;</p>        
<p>Ilmoittautuminen on sitova. Ilmoittautumistietoja voi muuttaa 27.10. asti, jonka jälkeen tietoja ei voi enää muuttaa.&nbsp;</p>        
<p>&nbsp;</p>        
<p>Tervetuloa viettämään ikimuistoista vuosijuhlaa kanssamme!</p>        
<p><br><br>Ystävällisin terveisin,</p>        
<p>Karoliina Markuksela<br>Vuosijuhlavastaava 2019<br>Oulun yliopiston Ympäristörakentajakilta ry<br>vuosijuhlavastaava@ymparistorakentajakilta.net<br>puh. 040 1522650</p>                                                </td>        
                                        </tr>        
                                        <!-- BULLETPROOF BUTTON -->        
                                                                        </table>        
                        </td>        
                </tr>        
                <!-- COPY CALLOUT -->        
                <tr>        
                        <td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;">        
                                <table border="0" cellpadding="0" cellspacing="0" width="480" >        
                                        <!-- HEADLINE -->        
        
                                        <!-- COPY -->        
                                        <tr>        
                                                <td bgcolor="#7B7B7B" align="left" style="padding: 0px 30px 40px 30px; border-radius: 0px 0px 4px 4px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" >        
                                                </td>        
                                        </tr>        
                                </table>        
                        </td>        
                </tr>        
                <!-- FOOTER -->        
                <tr>        
                        <td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;">        
                                <table border="0" cellpadding="0" cellspacing="0" width="480" >        
                                        <!-- POWERED BY -->        
                                        <tr>        
                                                <td bgcolor="#f4f4f4" align="center" style="padding: 30px 30px 30px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;" >        
                                                
                                                                                                                        <p>        
                                                                                 
                                                                                <a href="http://www.eventilla.com/fi/">        
                                                                                                                                                <img src="cid:logo_footer" alt="Eventilla" width="125" style="display: block; width: 125px; max-width: 125px; min-width: 40px; font-family: 'Lato', Helvetica, Arial, sans-serif; color: #ffffff; font-size: 18px;" border="0" /></a></p>        
                                                                                 
                                                                                </a>        
                                                                                                                                        </p>        
                                                                                                                <p>Powered by <a href="http://www.eventilla.com/fi/">Eventilla</a>.</p>        
                                                                                                                        <p><a href="https://ssl.eventilla.com/message/unsubscribe/431f2f20d7f9bbbe4669b3592009db67/ymp%40lists.oulu.fi/c619eb232886b5abda477d07cb473104/FI">Unsubscribe from email list</a></p>        
                                                                                                        </td>        
                                        </tr>        
                                </table>        
                        </td>        
                </tr>        
        </table>        
</body>        
</html>