Envelope-to: christoper@ssf.com.mx
Delivery-date: Wed, 12 Oct 2016 13:26:43 -0500
Subject: =?utf-8?Q?=F0=9F=86=95=C2=A0Flexbox=20course=20launched=21?=
From: =?utf-8?Q?Code=20School?= <hal@codeschool.com>
Reply-To: =?utf-8?Q?Code=20School?= <hal@codeschool.com>
To: <christoper@ssf.com.mx>
Date: Wed, 12 Oct 2016 18:25:59 +0000
Message-ID: <8234ed62d6a7fa87721ff1d8ab2beb48d48.20161012182508@mail58.suw15.mcsv.net>
Content-Type: multipart/alternative; boundary="_----------=_MCPart_1702754479"
MIME-Version: 1.0
 
 Content preview:  Cracking the Case With Flexbox table { border-collapse: collapse;
    border-spacing: 0; } td.text, td.text--footer, .has-btn { mso-line-height-rule:
    exactly; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none; } [...] 
 
 Content analysis details:   (-0.4 points, 5.0 required)
 
  pts rule name              description
 ---- ---------------------- --------------------------------------------------
  0.0 URIBL_BLOCKED          ADMINISTRATOR NOTICE: The query to URIBL was blocked.
                             See
                             http://wiki.apache.org/spamassassin/DnsBlocklists#dnsbl-block
                              for more information.
                             [URIs: codeschool.com]
 -0.0 RCVD_IN_DNSWL_NONE     RBL: Sender listed at http://www.dnswl.org/, no
                             trust
                             [198.2.182.58 listed in list.dnswl.org]
 -0.3 RP_MATCHES_RCVD        Envelope sender domain matches handover relay domain
 -0.0 SPF_PASS               SPF: sender matches SPF record
 -0.0 SPF_HELO_PASS          SPF: HELO matches SPF record
  0.0 HEADER_FROM_DIFFERENT_DOMAINS From and EnvelopeFrom 2nd level mail
                             domains are different
 -0.0 RCVD_IN_MSPIKE_H2      RBL: Average reputation (+2)
                             [198.2.182.58 listed in wl.mailspike.net]
  0.0 HTML_MESSAGE           BODY: HTML included in message
  0.1 DKIM_SIGNED            Message has a DKIM or DK signature, not necessarily valid
 -0.1 DKIM_VALID_AU          Message has a valid DKIM or DK signature from author's
                             domain
 -0.1 DKIM_VALID             Message has at least one valid DKIM or DK signature
X-Spam-Flag: NO

This is a multi-part message in MIME format

--_----------=_MCPart_1702754479
Content-Type: text/plain; charset="utf-8"; format="fixed"
Content-Transfer-Encoding: quoted-printable

Cracking the Case With Flexbox

table {
border-collapse: collapse;
border-spacing: 0;
}

td.text=2C
td.text--footer=2C
=2Ehas-btn {
mso-line-height-rule: exactly;
-webkit-font-smoothing: antialiased;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
}

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;
}

@media screen and (max-width: 600px) {
=2Etext {
font-size: 14px !important;
line-height: 21px !important;
}

=2Etext--footer {
font-size: 12px !important;
line-height: 18px !important;
}

=2Eh1 {
font-size: 20px !important;
}

=2Eh2 {
font-size: 18px !important;
}

=2Eh3 {
font-size: 16px !important;
}

=2Eh4 {
font-size: 14px !important;
}

=2Eh5 {
font-size: 14px !important;
}

table {
line-height: 1.5 !important;
}

=2Eh1=2C .h2=2C .h3=2C .h4=2C .h5 {
line-height: 1.2 !important;
}

=2Ecs-logo {
width: 120px !important;
}

=2Eflex-size {
max-width: 100% !important;
width: 100% !important;
}

=2Eflex-size img {
max-width: 100% !important;
}

=2Es-height {
height: 10px !important;
}

=2Es-db {
display: block !important;
}

=2Es-dib {
display: inline-block !important;
}

=2Es-hf {
height: 0 !important;
}

=2Es-paf {
padding: 0 !important;
}

=2Es-pbf {
padding-bottom: 0 !important;
}

=2Es-pbm {
padding-bottom: 16px !important;
}

=2Es-plf {
padding-left: 0 !important;
}

=2Es-prf {
padding-right: 0 !important;
}

=2Es-pts {
padding-top: 8px !important;
}

=2Es-ptm {
padding-top: 16px !important;
}

=2Es-ptl {
padding-top: 32px !important;
}

=2Es-tac {
text-align: center !important;
}

=2Es-tal {
text-align: left !important;
}
=2Es-tss {
font-size: 12px !important;
}
}
@media screen and (min-device-width: 375px) and
(max-device-width: 667px) {
=2Etext {
font-size: 16px !important;
}
}

=2Ebg-email {
background:
url('https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/1465bb=
44-410e-42e5-a894-b103a49a3c03.jpg');
!important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important;
}

null

null

null

Code School

Cracking the Case
With Flexbox

Learn how the
different properties in Flexbox can help you easily build popular
layout styles that are flexible across various screen sizes.

View the Course ( https://www.codeschool.com/courses/cracking-the-case-wit=
h-flexbox?utm_medium=3Demail&utm_campaign=3Dannouncement_cracking_the_case=
_with_flexbox&utm_source=3Dmailchimp&utm_content=3Dnull )

What You'll Learn

Level 1

Learn how to analyze the new display property=2C containers=2C lines=2C
and items.

Level 2

Explore how to align items=2C distribute space=2C and change order
along the master axis.

Level 3

Straighten out the facts and learn how to align items and
distribute space along the cross axis.

Level 4

Shape up by growing=2C shrinking=2C and declaring sizes of items.

Level 5: Property Plotting

Discover how to align content in edge cases and group multiple
properties.

Why Learn
Flexbox?

Course
Instructor Dan Denney explains two of the main benefits ( https://www.code=
school.com/blog/2016/10/12/why-flexbox?utm_medium=3Demail&utm_campaign=3Da=
nnouncement_cracking_the_case_with_flexbox&utm_source=3Dmailchimp&utm_cont=
ent=3Dnull ) to learning and using Flexbox.

Tweet This

Does your email
client support flexbox?

If it does=2C the
flexbox boxes will fill up all of the width that this text does.

F l e x b o x

Have questions or need assistance?

Support

Support ( https://www.codeschool.com/support )

FAQ

FAQ ( https://www.codeschool.com/faq )

=C2=A9 2016 Code School LLC. Crafted lovingly in Orlando=2C
Florida.

Code School
618 E South Street
Suite 620
Orlando=2C FL 32801
USA

Edit your email settings ( https://www.codeschool.com/account/edit )

Unsubscribe
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D

Unsubscribe christoper@ssf.com.mx from this list:
http://CodeSchool.us5.list-manage.com/unsubscribe?u=3D8234ed62d6a7fa87721f=
f1d8a&id=3Db819d211aa&e=3Db2beb48d48&c=3D60d18f5e08
--_----------=_MCPart_1702754479
Content-Type: text/html; charset="us-ascii"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <title>Cracking the Case With Flexbox</title>
        <!-- ===== STYLES ========== -->
<style type="text/css">

	table {
      border-collapse: collapse;
      border-spacing: 0;
    }

    td.text,
    td.text--footer,
    .has-btn {
      mso-line-height-rule: exactly;
      -webkit-font-smoothing: antialiased;
      -ms-text-size-adjust: none;
      -webkit-text-size-adjust: none;
    }

    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;
    }

    @media screen and (max-width: 600px) {
      .text {
        font-size: 14px !important;
        line-height: 21px !important;
      }
        
      .text--footer {
        font-size: 12px !important;
        line-height: 18px !important;
      }

      .h1 {
        font-size: 20px !important;
      }

      .h2 {
        font-size: 18px !important;
      }

      .h3 {
        font-size: 16px !important;
      }

      .h4 {
        font-size: 14px !important;
      }

      .h5 {
        font-size: 14px !important;
      }

      table {
        line-height: 1.5 !important;
      }

      .h1, .h2, .h3, .h4, .h5 {
        line-height: 1.2 !important;
      }

      .cs-logo {
        width: 120px !important;
      }

      .flex-size {
        max-width: 100% !important;
        width: 100% !important;
      }

      .flex-size img {
        max-width: 100% !important;
      }

      .s-height {
        height: 10px !important;
      }

      .s-db {
        display: block !important;
      }

      .s-dib {
        display: inline-block !important;
      }

      .s-hf {
        height: 0 !important;
      }

      .s-paf {
        padding: 0 !important;
      }

      .s-pbf {
        padding-bottom: 0 !important;
      }

      .s-pbm {
        padding-bottom: 16px !important;
      }

      .s-plf {
        padding-left: 0 !important;
      }

      .s-prf {
        padding-right: 0 !important;
      }

      .s-pts {
        padding-top: 8px !important;
      }

      .s-ptm {
        padding-top: 16px !important;
      }

      .s-ptl {
        padding-top: 32px !important;
      }

      .s-tac {
        text-align: center !important;
      }

      .s-tal {
        text-align: left !important;
      }
      .s-tss {
      	font-size: 12px !important;
      }
    }
    @media screen and (min-device-width: 375px) and (max-device-width: 667px) {
      .text {
        font-size: 16px !important;
      }
    }

    
</style>
        
        <style type="text/css">
            .bg-email {
                background: url('https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/1465bb44-410e-42e5-a894-b103a49a3c03.jpg'); !important;
                background-repeat: no-repeat !important;
                background-position: center center !important;
                background-size: cover !important;
            }
        </style>
    
<style type="text/css">
null
</style>

<style type="text/css">
null
</style>

<style type="text/css">
null
</style>

<style type="text/css">

</style>
</head>
    <body style="margin: 0; padding: 0;">
        
        <!-- ====== HEADER ============ -->
<table bgcolor="#ffffff" border="0" cellspacing="0" cellpadding="0" width="100%">
    <tr>
        <td align="center" style="border-bottom: 1px solid #f7f7f7; padding: 12px 0;">
            <a href="http://CodeSchool.us5.list-manage1.com/track/click?u=8234ed62d6a7fa87721ff1d8a&id=e1de4a38c0&e=b2beb48d48">
                <img src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/3b956e42-1381-4d47-8332-808334d3b280.png" alt="Code School" style="display: block;" width="190">
            </a>
        </td>
    </tr>
</table>
        
        <!-- ====== MAIN WRAPPER ============ -->
        <table bgcolor="#07112a" border="0" cellspacing="0" cellpadding="0" class="bg-email" style="background: url('https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/1465bb44-410e-42e5-a894-b103a49a3c03.jpg') no-repeat center center / cover;" width="100%">
            <tr>
                <td style="padding: 40px 20px 48px 20px;">
                    
                    <!-- ====== CONTENT: {name} ========== -->
                    <table border="0" cellspacing="0" cellpadding="0" width="100%">
                        <tr>
                            <td style="font-size: 0;">&nbsp;</td>
                            <td width="540">
                                
                                <!-- Content goes here -->
                                
                                <!-- ====== WRAPPER ============ -->
                                <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                    <!-- Row -->
                                    <tr>
                                        <td align="center">
                                            
                                            <img src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/7287fe4b-1ddc-4a4a-8176-60cdf7feb4ca.png" alt="Cracking the Case With Flexbox" style="display: block; max-width: 100%;" width="300">
                                        </td>
                                    </tr>
                                    
                                    <!-- Text -->
                                    <tr>
                                        <td align="left" class="text" style="color: #b7cfce; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; padding-top: 16px;">
                                            Learn how the different properties in Flexbox can help you easily build popular layout styles that are flexible across various screen sizes.
                                        </td>
                                    </tr>
                                    <!-- Button A -->
                                    <tr>
                                        <td align="center" style="padding-top: 32px;">
                                            <!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.codeschool.com/courses/cracking-the-case-with-flexbox?utm_medium=email&utm_campaign=announcement_cracking_the_case_with_flexbox&utm_source=mailchimp&utm_content=null" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="250%" stroke="f" fillcolor="#f65a2a">
<w:anchorlock/>
<center>
<![endif]-->
                                            
                                            <a class="btn-a" href="http://CodeSchool.us5.list-manage.com/track/click?u=8234ed62d6a7fa87721ff1d8a&id=e2dacc9887&e=b2beb48d48" style="background-color:#f65a2a; border-radius:100px; color:#ffffff; display:inline-block; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size:14px; font-weight:600; line-height:40px; text-align:center; text-decoration:none; width:200px;">View the Course</a>
                                            
                                            <!--[if mso]>
</center>
</v:roundrect>
<![endif]-->
                                        </td>
                                    </tr>
                                    
                                    <!-- H2 -->
                                    <tr>
                                        <td align="center" class="text h2" style="color: #b7cfce; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 28px; font-weight: bold; line-height: 42px; padding-top: 48px;">
                                            What You'll Learn
                                        </td>
                                    </tr>
                                    
                                    <!-- Row -->
                                    <tr>
                                        <td>
                                     
                                            <!-- ====== WRAPPER ============ -->
                                            <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                                <!-- Media Flag -->
                                                <tr>
                                                    <td style="font-size: 0; text-align: center;">

                                                        <div style="display: inline-block; vertical-align: middle;">
                                                            <table align="left" border="0" cellpadding="0" cellspacing="0" class="flex-size" width="100">
                                                                <tr>
                                                                    <td align="center" class="s-prf" style="padding-right: 15px; padding-top: 16px;" width="85">
                                                                        <img src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/012f02ed-44c0-42ec-84f6-e7e003d68d50.png" style="display: block; max-width: 100%;" width="85">
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>

                                                        <!--[if mso]>

            </td><td>

            <![endif]-->

                                                        <div style="display: inline-block; vertical-align: middle;">
                                                            <table border="0" cellpadding="0" cellspacing="0" class="flex-size" style="max-width: 440px;">
                                                                <!-- H4 -->
                                                                <tr>
                                                                    <td align="left" class="text h4" style="color: #b7cfce; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; line-height: 30px; padding-top: 16px;">
                                                                        Level 1
                                                                    </td>
                                                                </tr>
                                                                <!-- Text -->
                                                                <tr>
                                                                    <td align="left" class="text" style="color: #b7cfce; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">
                                                                        Learn how to analyze the new display property, containers, lines, and items.
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>

                                                    </td>
                                                </tr>

                                                <!-- Media Flag -->
                                                <tr>
                                                    <td style="font-size: 0; text-align: center;">

                                                        <div style="display: inline-block; vertical-align: middle;">
                                                            <table align="left" border="0" cellpadding="0" cellspacing="0" class="flex-size" width="100">
                                                                <tr>
                                                                    <td align="center" class="s-prf" style="padding-right: 15px; padding-top: 16px;" width="85">
                                                                        <img src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/1d3321bd-9368-44e0-bc16-ae7a9a06ae9a.png" style="display: block; max-width: 100%;" width="85">
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>

                                                        <!--[if mso]>

            </td><td>

            <![endif]-->

                                                        <div style="display: inline-block; vertical-align: middle;">
                                                            <table border="0" cellpadding="0" cellspacing="0" class="flex-size" style="max-width: 440px;">
                                                                <!-- H4 -->
                                                                <tr>
                                                                    <td align="left" class="text h4" style="color: #b7cfce; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; line-height: 30px; padding-top: 16px;">
                                                                        Level 2
                                                                    </td>
                                                                </tr>
                                                                <!-- Text -->
                                                                <tr>
                                                                    <td align="left" class="text" style="color: #b7cfce; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">
                                                                        Explore how to align items, distribute space, and change order along the master axis.
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>

                                                    </td>
                                                </tr>

                                                <!-- Media Flag -->
                                                <tr>
                                                    <td style="font-size: 0; text-align: center;">

                                                        <div style="display: inline-block; vertical-align: middle;">
                                                            <table align="left" border="0" cellpadding="0" cellspacing="0" class="flex-size" width="100">
                                                                <tr>
                                                                    <td align="center" class="s-prf" style="padding-right: 15px; padding-top: 16px;" width="85">
                                                                        <img src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/9b3333e3-6b13-4209-8acb-0564871b970d.png" style="display: block; max-width: 100%;" width="85">
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>

                                                        <!--[if mso]>

            </td><td>

            <![endif]-->

                                                        <div style="display: inline-block; vertical-align: middle;">
                                                            <table border="0" cellpadding="0" cellspacing="0" class="flex-size" style="max-width: 440px;">
                                                                <!-- H4 -->
                                                                <tr>
                                                                    <td align="left" class="text h4" style="color: #b7cfce; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; line-height: 30px; padding-top: 16px;">
                                                                        Level 3
                                                                    </td>
                                                                </tr>
                                                                <!-- Text -->
                                                                <tr>
                                                                    <td align="left" class="text" style="color: #b7cfce; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">
                                                                        Straighten out the facts and learn how to align items and distribute space along the cross axis.
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>

                                                    </td>
                                                </tr>

                                                <!-- Media Flag -->
                                                <tr>
                                                    <td style="font-size: 0; text-align: center;">

                                                        <div style="display: inline-block; vertical-align: middle;">
                                                            <table align="left" border="0" cellpadding="0" cellspacing="0" class="flex-size" width="100">
                                                                <tr>
                                                                    <td align="center" class="s-prf" style="padding-right: 15px; padding-top: 16px;" width="85">
                                                                        <img src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/da3aa2a2-03d4-44fd-a430-a08a4b50469d.png" style="display: block; max-width: 100%;" width="85">
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>

                                                        <!--[if mso]>

            </td><td>

            <![endif]-->

                                                        <div style="display: inline-block; vertical-align: middle;">
                                                            <table border="0" cellpadding="0" cellspacing="0" class="flex-size" style="max-width: 440px;">
                                                                <!-- H4 -->
                                                                <tr>
                                                                    <td align="left" class="text h4" style="color: #b7cfce; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; line-height: 30px; padding-top: 16px;">
                                                                        Level 4
                                                                    </td>
                                                                </tr>
                                                                <!-- Text -->
                                                                <tr>
                                                                    <td align="left" class="text" style="color: #b7cfce; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">
                                                                        Shape up by growing, shrinking, and declaring sizes of items.
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>

                                                    </td>
                                                </tr>


                                                <!-- Media Flag -->
                                                <tr>
                                                    <td style="font-size: 0; text-align: center;">

                                                        <div style="display: inline-block; vertical-align: middle;">
                                                            <table align="left" border="0" cellpadding="0" cellspacing="0" class="flex-size" width="100">
                                                                <tr>
                                                                    <td align="center" class="s-prf" style="padding-right: 15px; padding-top: 16px;" width="85">
                                                                        <img src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/4561c0e6-8dd8-483f-97d1-ce25b56f9e14.png" style="display: block; max-width: 100%;" width="85">
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>

                                                        <!--[if mso]>

            </td><td>

            <![endif]-->

                                                        <div style="display: inline-block; vertical-align: middle;">
                                                            <table border="0" cellpadding="0" cellspacing="0" class="flex-size" style="max-width: 440px;">
                                                                <!-- H4 -->
                                                                <tr>
                                                                    <td align="left" class="text h4" style="color: #b7cfce; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; line-height: 30px; padding-top: 16px;">
                                                                        Level 5
                                                                    </td>
                                                                </tr>
                                                                <!-- Text -->
                                                                <tr>
                                                                    <td align="left" class="text" style="color: #b7cfce; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">
                                                                        Discover how to align content in edge cases and group multiple properties.
                                                                    </td>
                                                                </tr>

                                                            </table>
                                                        </div>

                                                    </td>
                                                </tr>
                                            </table>
                                            
                                        </td>
                                    </tr>
                                    
                                    <!-- Row -->
                                    <tr>
                                        <td style="padding-top: 48px;">
                                            
                                            <!-- ====== WRAPPER ============ -->
                                            <table align="center" border="0" cellspacing="0" cellpadding="0" width="80%">
                                                
                                                <!-- H3 -->
                                                <tr>
                                                    <td align="center" class="text h3" style="color: #b7cfce; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; line-height: 36px; padding: 16px 16px 8px 16px;">
                                                        Why Learn Flexbox?
                                                    </td>
                                                </tr>
                                                
                                                <!-- Text -->
                                                <tr>
                                                    <td align="left" class="text" style="color: #b7cfce; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; padding: 0 16px 16px 16px;">
                                                        
                                                        Course Instructor Dan Denney explains <a href="http://CodeSchool.us5.list-manage.com/track/click?u=8234ed62d6a7fa87721ff1d8a&id=dbf4aa2f1d&e=b2beb48d48" style="color: #ffffff;">two of the main benefits</a> to learning and using Flexbox.
                                                    </td>
                                                </tr>
                                            </table>
                                            
                                        </td>
                                    </tr>
                                    
                                    <!-- Row -->
                                    <tr>
                                        <td style="padding-top: 32px;">
                                    		<table align="center" border="0" cellpadding="0" cellspacing="0">
                                                <tr>
                                                  <td align="left" class="text" style="color: #e4e4de; font-size: 16px; line-height: 24px; padding-top: 16px; vertical-align: middle;">
                                                    <a href="http://CodeSchool.us5.list-manage.com/track/click?u=8234ed62d6a7fa87721ff1d8a&id=f0aba6a263&e=b2beb48d48" style="color: #ffffff;">
                                                        
                                                      <img alt="Twitter" border="0" height="20" src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/76034afd-ef45-4825-8a20-abc63a8b2302.png" style="display: inline-block; max-width: 100%;">
                                                    </a>
                                                  </td>
                                                  <td align="left" class="text" style="color: #e4e4de; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; padding: 16px 0 5px 3px; vertical-align: middle;">
                                      
                                                    <a href="http://CodeSchool.us5.list-manage2.com/track/click?u=8234ed62d6a7fa87721ff1d8a&id=c098567fb9&e=b2beb48d48" style="color: #ffffff;">
                                                      Tweet This
                                                    </a>
                                                  </td>
                                                </tr>
                                              </table>             
                                        </td>
                                    </tr>
                                    
                                    <!-- H3 -->
                                    <tr>
                                        <td align="center" class="text h3" style="color: #ffffff; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; line-height: 36px; padding-top: 32px;">
                                            Does your email client support flexbox?
                                        </td>
                                    </tr>
                                    
                                    <!-- Text -->
                                    <tr>
                                        <td align="left" class="text" style="color: #ffffff; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">
                                            If it does, the flexbox boxes will fill up all of the width that this text does.
                                        </td>
                                    </tr>
                                    
                                    <!-- Text -->
                                    <tr>
                                        <td align="left" class="text" style="color: #ffffff; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; padding-top: 8px;">
                                            <div style="display: flex;">
                                                <span style="background: rgba(174, 186, 205, 0.3); border: 1px solid #01061a; flex-grow: 1; padding: 10px 0; text-align: center;">F</span>
                                                <span style="background: rgba(174, 186, 205, 0.3); border: 1px solid #01061a; flex-grow: 1; padding: 10px 0; text-align: center;">l</span>
                                                <span style="background: rgba(174, 186, 205, 0.3); border: 1px solid #01061a; flex-grow: 1; padding: 10px 0; text-align: center;">e</span>
                                                <span style="background: rgba(174, 186, 205, 0.3); border: 1px solid #01061a; flex-grow: 1; padding: 10px 0; text-align: center;">x</span>
                                                <span style="background: rgba(174, 186, 205, 0.3); border: 1px solid #01061a; flex-grow: 1; padding: 10px 0; text-align: center;">b</span>
                                                <span style="background: rgba(174, 186, 205, 0.3); border: 1px solid #01061a; flex-grow: 1; padding: 10px 0; text-align: center;">o</span>
                                                <span style="background: rgba(174, 186, 205, 0.3); border: 1px solid #01061a; flex-grow: 1; padding: 10px 0; text-align: center;">x</span>
                                             </div>
                                        </td>
                                    </tr>
                                
                                </table>                                
                                
                            </td>
                            <td style="font-size: 0;">&nbsp;</td>
                        </tr>
                    </table>
                    
                </td>
            </tr>
        </table>
        
        <!-- ===== FOOTER ========== -->
<table bgcolor="#2d3033" border="0" cellpadding="0" cellspacing="0" class="wrapper" style="color: #aebdc1; font-size: 12px;" width="100%">
  <tr>
    <td align="center">
      <table align="center" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td align="center" style="padding: 32px 12px 0 12px;">
            <a href="http://CodeSchool.us5.list-manage.com/track/click?u=8234ed62d6a7fa87721ff1d8a&id=b55b0a8d0c&e=b2beb48d48" style="text-decoration: none;">
              <img alt="Twitter Icon" border="0" height="30" src="http://d367zuf2xzw0m3.cloudfront.net/common/social-twitter.png" width="30">
            </a>
          </td>
          <td align="center" style="padding: 32px 12px 0 12px;">
            <a href="http://CodeSchool.us5.list-manage.com/track/click?u=8234ed62d6a7fa87721ff1d8a&id=781fc9f197&e=b2beb48d48" style="text-decoration: none;">
              <img alt="Facebook Icon" border="0" height="30" src="http://d367zuf2xzw0m3.cloudfront.net/common/social-facebook.png" width="30">
            </a>
          </td>
          <td align="center" style="padding: 32px 12px 0 12px;">
            <a href="http://CodeSchool.us5.list-manage.com/track/click?u=8234ed62d6a7fa87721ff1d8a&id=2977475d5a&e=b2beb48d48" style="text-decoration: none;">
              <img alt="Youtube Icon" border="0" height="30" src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/email_social_youtube.png" width="30">
            </a>
          </td>
          <td align="center" style="padding: 32px 12px 0 12px;">
            <a href="http://CodeSchool.us5.list-manage.com/track/click?u=8234ed62d6a7fa87721ff1d8a&id=24d5cf3bfa&e=b2beb48d48" style="text-decoration: none;">
              <img alt="Google+ Icon" border="0" height="30" src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/email_social_gplus.png" width="30">
            </a>
          </td>
        </tr>
      </table>
      <table align="center" border="0" cellpadding="0" cellspacing="0" class="flex-size">
        <tr>
          <td align="left" class="text--footer s-tac" style="color: #aebdc1; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; padding-top: 24px;">
            Have questions or need assistance?
          </td>
        </tr>
      </table>
      <table align="center" border="0" cellpadding="0" cellspacing="0" class="flex-size">
        <tr>
          <td align="center">
            <!--[if (IE)|mso]>
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="384">
            <tr>
            <td>
            <![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="flex-size" style="max-width: 384px;" width="100%">
              <tr>
                <td style="font-size: 0; text-align: center;">
                  <div style="display: inline-block;">
                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="content" width="182">
                      <tr>
                        <td align="center" style="padding: 16px 16px 0 16px;">
                          <!--[if mso]>
                            <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.codeschool.com/support" style="height:40px;v-text-anchor:middle;width:150px;" arcsize="200%" strokecolor="#aebdc1" fillcolor="#2d3033">
                            <w:anchorlock/>
                            <center style="color:#aebdc1;font-family:'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size:12px;font-weight:bold;">Support</center>
                            </v:roundrect>
                          <![endif]-->
                          <a href="http://CodeSchool.us5.list-manage.com/track/click?u=8234ed62d6a7fa87721ff1d8a&id=78576ba3bb&e=b2beb48d48" style="background-color:#2d3033;border:1px solid #aebdc1;border-radius:20px;color:#aebdc1;display:inline-block;font-family:'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size:12px;font-weight:300;line-height:40px;text-align:center;text-decoration:none;width:150px;-webkit-text-size-adjust:none;text-transform: uppercase;mso-hide:all;">Support</a>
                        </td>
                      </tr>
                    </table>
                  </div>
                  <!--[if mso]>
                  </td>
                  <td>
                  <![endif]-->
                  <div style="display: inline-block;">
                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="content" width="182">
                      <tr>
                        <td align="center" style="padding: 16px 16px 0 16px;">
                          <!--[if mso]>
                            <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.codeschool.com/faq" style="height:40px;v-text-anchor:middle;width:150px;" arcsize="200%" strokecolor="#aebdc1" fillcolor="#2d3033">
                            <w:anchorlock/>
                            <center style="color:#aebdc1;font-family:'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size:12px;font-weight:bold;">FAQ</center>
                            </v:roundrect>
                          <![endif]-->
                          <a href="http://CodeSchool.us5.list-manage1.com/track/click?u=8234ed62d6a7fa87721ff1d8a&id=1658a4c626&e=b2beb48d48" style="background-color:#2d3033;border:1px solid #aebdc1;border-radius:20px;color:#aebdc1;display:inline-block;font-family:'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size:12px;font-weight:300;line-height:40px;text-align:center;text-decoration:none;width:150px;-webkit-text-size-adjust:none;text-transform: uppercase;mso-hide:all;">FAQ</a>
                          <!--[if (IE)|mso]>
                          </td>
                          </tr>
                          </table>
                          <![endif]-->
                        </td>
                      </tr>
                    </table>
                  </div>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <table align="center" border="0" cellpadding="0" cellspacing="0" class="flex-size">
        <tr>
          <td align="center" class="text--footer" style="color: #aebdc1; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; padding: 32px 20px 0 20px;">
            &copy; 2016 Code School LLC. Crafted lovingly in Orlando, Florida.
          </td>
        </tr>
        <tr>
          <td align="center" class="text--footer" style="color: #aebdc1; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; padding: 0 20px;">
            <span class="maskLink-footer">Code School
618 E South Street
Suite 620
Orlando, FL 32801
USA</span>
          </td>
        </tr>
        <tr>
          <td align="center" class="text--footer" style="color: #aebdc1; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; padding: 16px 0 32px 0;">
            <a href="http://CodeSchool.us5.list-manage.com/track/click?u=8234ed62d6a7fa87721ff1d8a&id=1921d2e42c&e=b2beb48d48" style="color: #aebdc1;">Edit your email settings</a>
            &nbsp; &nbsp;
            <a href="http://CodeSchool.us5.list-manage.com/unsubscribe?u=8234ed62d6a7fa87721ff1d8a&id=b819d211aa&e=b2beb48d48&c=60d18f5e08" style="color: #aebdc1;">
              Unsubscribe
            </a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
        
    <img src="http://CodeSchool.us5.list-manage.com/track/open.php?u=8234ed62d6a7fa87721ff1d8a&id=60d18f5e08&e=b2beb48d48" height="1" width="1"></body>
</html>
--_----------=_MCPart_1702754479--