Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <head>
<title>Plus: How to make money on Instagram and at home with Cardi B</title>
<meta name="viewport" content="width=device-width">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style type="text/css">
body { background-color:#ffffff;-webkit-font-smoothing: antialiased}
a,a.appl-link,a.appl-link:link {text-decoration:none;}
a.appl-link:hover {text-decoration:underline;}
.appl_lowbrow a,#appl-footer a,a {color:inherit;}

* {font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif!important;}

@media only screen and (max-device-width: 768px) {
.appl_lowbrow,#appl-footer {-webkit-text-size-adjust:110%;}
.appl_lowbrow a,#appl-footer a, a { color:inherit; }
* { text-rendering:optimizelegibility; }
}

</style> 

<style type="text/css">
/* Mobile Styles */
@media only screen and (max-width: 480px) {
  body{}
  *[class~=appl_desktop]{display:none!important; }
  div[class~=appl_mobile] *{ box-sizing:border-box; text-align:center;}
  div[class~=appl_mobile]{ height:auto!important; display:block!important;max-height:none!important; line-height:100%!important; overflow:visible!important; width:auto!important;max-width:none!important;background-color:#fff!important; font-family:-apple-system, helvetica Neue, Helvetica,Lucida Grande, Arial,Verdana,sans-serif;}

  *[class~=appl_pad], section[class~=appl_channels] h3{ width:100%; padding:0 30px;}
  section{width:100%; margin:0;padding:0 15px; -webkit-text-size-adjust:none; text-rendering:optimizelegibility; }
  section.appl_100 {padding:0;}
  section img {margin:0;max-width:100%!important}
  section p, section a{font-family:-apple-system, Helvetica Neue,Helvetica, Arial, Verdana,sans-serif!important; font-weight:400; letter-spacing:0px;}

  section[class~=aapl_logo]{ padding-top:30px!important; padding-bottom:14px!important; text-align:center!important;padding-left:5px;padding-right:5px }
  img[class~=appl_logo_img1]{width:90%!important;max-width:250px!Important }
  section[class~=appl_headline]{ background-color:#ffffff; text-align:center; background-image:url('https://c.apple.news/AgEkYjRiOWZjZWEtODIzNC00ODY3LTk2YzktYzA2Y2QxNDlhNDliADE3'); background-repeat:repeat-x; background-size:400px auto; padding-top:4px; padding-bottom:10px; position:relative}
  section[class~=appl_headline] img {height:42px!Important;}

  section[class~=appl_headline] p { font-size:18px!important; font-weight:300!important; line-height:1.4em}

  section h3 { margin:15px 0 0 0!important;}
  section h3, section h3 a { font-size:23px; font-weight:700!important ; line-height:1.1em;}
  section[class~=appl_articles] { padding-top:0px;padding-bottom:5px;overflow:auto; width:100%;  }
  section[class~=appl_articles] p { font-size:16px;letter-spacing:0px!Important; line-height:1.35em; margin:10px 10px 7px 0!important; font-weight:400; color:#888;}
  section[class~=appl_articles] a.appl_articles_img{ display:block; width:100%; margin-top:5px;}
  section[class~=appl_articles] a.appl_articles_img img{ width:100%!important;height:auto!important}
  section[class~=appl_articles] a.appl-link{color:#666!important}
  section[class~=appl_articles] a.appl-link:hover{text-decoration:none}
  section[class~=appl_articles] div.appl_articles_cpy {border-top:1px solid #e5e5e5; padding:20px 0; width:100%;text-align:left;}
  section[class~=appl_articles] div.appl_articles_cpy *{text-align:left;}
  section[class~=appl_articles] a.appl_source img{ width:auto!important;height:14px!important}

  section[class~=appl_channels]{ border-top:1px solid #e5e5e5; padding:25px 0 25px;}
  section[class~=appl_channels] h3 { text-align:center; padding-top:0px;margin-top:0!important;margin-bottom:22px!important; font-weight:700!important; font-size:15px!important; letter-spacing:1.75px!important; line-height:1.3em;}
  section[class~=appl_channels] div { padding-left:6px;padding-right:6px;}
  section[class~=appl_channels] td { width:30%; }
  section[class~=appl_channels] td img{ width:98%; }

  section[class~=appl_btm_cta]{  padding:0 0 25px;}
  section[class~=appl_btm_cta] * { font-size:17px!important;line-height:1.34em;}

  section[class~=appl_footer]{ margin-top:0px;padding-top:20px!important; background-color:#f2f2f2;}
  section[class~=appl_footer] * {font-size:11px;line-height:1.25em;;font-weight:400; }
  section[class~=appl_footer] p, section[class~=appl_footer] a {color:#666666!important;line-height:1.65em;letter-spacing:0!important}
  section[class~=appl_footer] p {margin:0 0 16px 0!important; text-align:center;}

  div[class~=appl_lowbrow_2]{padding-top:15px!important;padding-bottom:20px;}
  div[class~=appl_lowbrow_2],
  div[class~=appl_lowbrow_2] a,
  div[class~=appl_lowbrow_1],
  div[class~=appl_lowbrow_1] a{color:#666!important}

  div[class~=appl_shareicons]{padding-top:20px!important;padding-bottom:10px;}	/*new*/
  div[class~=appl_shareicons] img{display:inline-block; boder:0}
}	
/* 6 */
@media only screen and (max-width : 400px){
  *[class~=appl_pad], section[class~=appl_channels] h3{ padding:0 25px;} /*new*/
}
/* iphone 5  */
@media only screen and (max-width : 320px){
  *[class~=appl_pad], section[class~=appl_channels] h3{ width:100%; padding:0 20px;} /*new*/
}
</style> 
</head>
<body rightmargin="0" leftmargin="0" bgcolor="#f2f2f2" style="margin:0;padding:0;">
  <div style="display:none;  max-height:0; max-width:0;width:0;height:0; overflow:hidden;font-size:1px;color:#ffffff;">
    Plus: How to make money on Instagram and at home with Cardi B
    <img src="http://c.apple.com/img/APPLE_EMAIL_LINK/spacer2.gif?v=2&amp;a=9RGmuaE9ajxo9gCOX4zQPFXhKuaYko5kuZdZQ6Nz6GJFRA%2BF2KR6ju9uJCVYqy3ENJzWyjcaYty%2B43gBnAH9USX6NeZu0HISCOK9tkzM4AFpNY%2FjWBjdv%2F3%2Bkv5nvXEp3RCdtS9aPbS27MOX4FId5rojVbRFFUbElhp01hvEeT0%3D" alt="" width="1" height="1">
  </div>
  <!-- mobile -->
  <!--[if !mso]><!-->
  <div style="display:none;  max-height:0; max-width:0;width:0;height:0; overflow:hidden;" class="appl_mobile">
    <!-- TOP GRAPHIC MOBILE LINK -->
    <section class="aapl_logo appl_100">
      <img src="https://c.apple.news/AgEkNGVhZDdhMDUtZWE3MC00MThjLWJmNWYtNGRjYWM1ODY0MTAwADE3" width="" style="display:block; margin:0 auto; border:0" alt="NEWS SPOTLIGHT" class="appl_logo_img1">
    </section>
    <section class="appl_headline appl_pad">
      <img src="https://c.apple.news/AgEkNGQ2ODRkOWUtY2I5Ni00MjgxLWI0MjUtNTRjY2M3ZTY4ZGM1ADE3" height="85" style=" border:0" alt="" class="">
      <p>Five stories to read this weekend, chosen by our editors.</p>
    </section>
    
      
        <!-- begin article-1 -->
        <section class="appl_pad appl_articles">
          <div class="appl_articles_cpy">
            
              <a href="https://apple.news/AShyAAoIXR1K6UwkwCdXL3Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-1-article:image&amp;campaign_id=E101" class="appl_articles_img" target="_blank"><img src="https://c.apple.news/AgEkOWZjYzE2MDEtZDVmMy00NTk0LTk3ZjItMDlmOGU5ZjQ3ZTRjADE3" width="120" height="120" style="display:block; margin:0 auto; border:0" alt="Can the World Wide Web Be Saved?"></a>
            
            <h3><a href="https://apple.news/AShyAAoIXR1K6UwkwCdXL3Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-1-article:title&amp;campaign_id=E101" target="_blank">Can the World Wide Web Be Saved?</a></h3>
            <p>
              <a href="https://apple.news/AShyAAoIXR1K6UwkwCdXL3Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-1-article:text&amp;campaign_id=E101" target="_blank">Tim Berners-Lee designed the internet to be an open and democratic virtual space. Now, as his creation is threatened by fake news and mass surveillance, he has a radical new plan to protect everyone who goes online.</a>
            </p>
            
              <a href="https://apple.news/AShyAAoIXR1K6UwkwCdXL3Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-1-article:owner&amp;campaign_id=E101" style="" class="appl_source" target="_blank">
                <img class="more" src="https://c.apple.news/AgEkMjg4NzhjODAtMGViOS00NzM0LTkwYzctOGZiYzNkOWE5MmNmADE3" height="13" style="margin:0; border:0" alt="Vanity Fair" border="0">
              </a>
            
          </div>
        </section>
        <!-- end article-1 -->
      
    
      
        <!-- begin article-2 -->
        <section class="appl_pad appl_articles">
          <div class="appl_articles_cpy">
            
              <a href="https://apple.news/Az5YaYpAtSq-w8Fw-ZQVPfQ?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-2-article:image&amp;campaign_id=E101" class="appl_articles_img" target="_blank"><img src="https://c.apple.news/AgEkODUxMDVlNjMtYmM0NC00NGVlLTllZTYtOWE0NDk2YmI3NTJmADE3" width="120" height="120" style="display:block; margin:0 auto; border:0" alt="Cruises Are So Uncool, They're Cool"></a>
            
            <h3><a href="https://apple.news/Az5YaYpAtSq-w8Fw-ZQVPfQ?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-2-article:title&amp;campaign_id=E101" target="_blank">Cruises Are So Uncool, They're Cool</a></h3>
            <p>
              <a href="https://apple.news/Az5YaYpAtSq-w8Fw-ZQVPfQ?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-2-article:text&amp;campaign_id=E101" target="_blank">Comedian Michael Ian Black pens an impassioned defense of the much-maligned mass-market luxury cruise. From the buffets to the Bingo, he argues, the overblown boats are "a dreamy distillation of middle-class Americana, minus the drudgery of lawn mowing."</a>
            </p>
            
              <a href="https://apple.news/Az5YaYpAtSq-w8Fw-ZQVPfQ?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-2-article:owner&amp;campaign_id=E101" style="" class="appl_source" target="_blank">
                <img class="more" src="https://c.apple.news/AgEkMDk1NWVmZjctYTUzYy00NTBjLWJjM2EtZTRkN2YyMTk4Mzk2ADE3" height="13" style="margin:0; border:0" alt="The New York Times" border="0">
              </a>
            
          </div>
        </section>
        <!-- end article-2 -->
      
    
      
        <!-- begin article-3 -->
        <section class="appl_pad appl_articles">
          <div class="appl_articles_cpy">
            
              <a href="https://apple.news/Ag1rST05iRq-zUyA5X-kWBw?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-3-article:image&amp;campaign_id=E101" class="appl_articles_img" target="_blank"><img src="https://c.apple.news/AgEkYzRmMWI0YmMtYWVjYy00MGM1LThkOTMtZWVlYWI0YTY3ZjlmADE3" width="120" height="120" style="display:block; margin:0 auto; border:0" alt="Cardi B and Offset: A Hip-Hop Love Story"></a>
            
            <h3><a href="https://apple.news/Ag1rST05iRq-zUyA5X-kWBw?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-3-article:title&amp;campaign_id=E101" target="_blank">Cardi B and Offset: A Hip-Hop Love Story</a></h3>
            <p>
              <a href="https://apple.news/Ag1rST05iRq-zUyA5X-kWBw?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-3-article:text&amp;campaign_id=E101" target="_blank">Spend a morning at the power couple's southern palace, where Cardi is counting down the weeks to motherhood — "I want a lit baby shower" — while the Migos rapper explains what he can learn from his wife: "I need to work on my charisma."</a>
            </p>
            
              <a href="https://apple.news/Ag1rST05iRq-zUyA5X-kWBw?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-3-article:owner&amp;campaign_id=E101" style="" class="appl_source" target="_blank">
                <img class="more" src="https://c.apple.news/AgEkYjAyZmM2MGYtYjcwYy00MTEzLTk5MTYtZDdjYTA0N2Y1ZjQ3ADE3" height="13" style="margin:0; border:0" alt="Rolling Stone" border="0">
              </a>
            
          </div>
        </section>
        <!-- end article-3 -->
      
    
      
        <!-- begin article-4 -->
        <section class="appl_pad appl_articles">
          <div class="appl_articles_cpy">
            
              <a href="https://apple.news/ANaQZsLMuSOCfHsCCnfw9cA?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-4-article:image&amp;campaign_id=E101" class="appl_articles_img" target="_blank"><img src="https://c.apple.news/AgEkMzdlOTgwZjktMzY4Ny00MDBmLTlmNWQtYTdlMDlmZTFhOTJlADE3" width="120" height="120" style="display:block; margin:0 auto; border:0" alt="How to Make Piles of Money Using Instagram"></a>
            
            <h3><a href="https://apple.news/ANaQZsLMuSOCfHsCCnfw9cA?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-4-article:title&amp;campaign_id=E101" target="_blank">How to Make Piles of Money Using Instagram</a></h3>
            <p>
              <a href="https://apple.news/ANaQZsLMuSOCfHsCCnfw9cA?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-4-article:text&amp;campaign_id=E101" target="_blank">School's out for summer — but not at Instagram HQ, where a few lucky students receive an exclusive crash course in turning their feeds into moneymakers. 
</a>
            </p>
            
              <a href="https://apple.news/ANaQZsLMuSOCfHsCCnfw9cA?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-4-article:owner&amp;campaign_id=E101" style="" class="appl_source" target="_blank">
                <img class="more" src="https://c.apple.news/AgEkNDc4ZjlhN2UtNjk4YS00Njc1LTk1YjctYmNlZGRiMWRhMDdhADE3" height="13" style="margin:0; border:0" alt="Bloomberg" border="0">
              </a>
            
          </div>
        </section>
        <!-- end article-4 -->
      
    
      
        <!-- begin article-5 -->
        <section class="appl_pad appl_articles">
          <div class="appl_articles_cpy">
            
              <a href="https://apple.news/A_vicGX40Rlury-8RzyPS_Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-5-article:image&amp;campaign_id=E101" class="appl_articles_img" target="_blank"><img src="https://c.apple.news/AgEkOGFlZDQwNjQtOWQ3My00YTJhLWJhN2MtOTA3MTA2NDA4ZGJhADE3" width="120" height="120" style="display:block; margin:0 auto; border:0" alt="The Cult Leader Who Dressed the Stars"></a>
            
            <h3><a href="https://apple.news/A_vicGX40Rlury-8RzyPS_Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-5-article:title&amp;campaign_id=E101" target="_blank">The Cult Leader Who Dressed the Stars</a></h3>
            <p>
              <a href="https://apple.news/A_vicGX40Rlury-8RzyPS_Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-5-article:text&amp;campaign_id=E101" target="_blank">Tony Alamo's bedazzled jackets have been worn by everyone from Michael Jackson to Nicki Minaj. But his insanely profitable factory ran on child labor and the fear of eternal damnation. Says one man who was there, "We really thought we were making these jackets for God."</a>
            </p>
            
              <a href="https://apple.news/A_vicGX40Rlury-8RzyPS_Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-5-article:owner&amp;campaign_id=E101" style="" class="appl_source" target="_blank">
                <img class="more" src="https://c.apple.news/AgEkZGFlZjI0NWUtMzVmNS00MzE3LWFhYjQtNDkwMWNlMWE0NjUyADE3" height="13" style="margin:0; border:0" alt="Refinery29" border="0">
              </a>
            
          </div>
        </section>
        <!-- end article-5 -->
      
    

    <!-- begin Bottom red Blurb/CTA  -->
    <section class="appl_btm_cta">
      <div class="appl_pad">
        <a href="https://twitter.com/AppleNews" target="_blank">Like what you're seeing here? Follow <b><font color="#FF2D55">@AppleNews</font></b> on Twitter for our selections throughout the week.</a>
      </div>
    </section>

    <!-- begin footer -->
    <section class="appl_pad appl_footer">
      <p>Some content requires specific hardware or software. Internet access required; data fees may apply. Content availability is subject to change. For more information, <a style="text-decoration:underline;" href="http://images.apple.com/legal/sla/docs/iOS91.pdf" target="_blank">click&nbsp;here</a>.
      </p>
      <p>Copyright © 2018 Apple Inc. One Apple Park Way, Cupertino, California 95014 USA</p>
      <div class="appl_lowbrow_1">
        <a href="https://www.apple.com/privacy/" "="" class="appl-link" target="_blank">Privacy Policy</a>
        |
        <a href="http://images.apple.com/legal/sla/docs/iOS91.pdf" "="" class="appl-link" target="_blank">Terms &amp; Conditions</a>
      </div>
      <div class="appl_lowbrow_1">
        <a href="https://support.apple.com/itunes" class="appl-link" target="_blank">Support</a>
        |
        <a href="https://buy.itunes.apple.com/WebObjects/MZFinance.woa/wa/accountSummary?app=itunes&amp;ls=1" class="appl-link" target="_blank">Account</a>
      </div>
      <div class="appl_lowbrow_2">
        <a href="https://apple.com/" target="_blank">Unsubscribe</a>
      </div>
    </section>
    <!-- begin Category header -->
  </div>
<!--<![endif]-->


<div class="appl_desktop">
<!--[if gte mso 9]>
<table width="680" cellspacing="0" cellpadding="0" border="0" align="center" style="margin:0 auto;" class="">
<tr><td align="center" style="border:1px solid #f3f3f3;">
<![endif]-->
  <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" class="appl_body appl_container_full">
    <tbody><tr>
      <td bgcolor="#ffffff" style="min-width:680px;">
        <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" style="margin:0 auto; border-top:0;border-bottom:0;" class="">
          <tbody><tr>
            <td valign="top" align="center" style="background-color:#ffffff;padding-bottom:0" class="appl_content">
              <table width="680" cellspacing="0" cellpadding="0" border="0" align="center" class="aapl_hero_img">
                <tbody><tr>
                  <td class="appl_hero_img" valign="top" align="center" style="padding-left:8px;padding-top:40px;padding-bottom:8px;">
                    <!-- TOP GRAPHIC DESKTOP LINK -->
                    <img src="https://c.apple.news/AgEkNGVhZDdhMDUtZWE3MC00MThjLWJmNWYtNGRjYWM1ODY0MTAwADE3" width="320" style="display:block; margin:0; border:0" alt="NEWS SPOTLIGHT" class="appl_hero_img1">
                  </td>
                </tr>
              </tbody></table>
              <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" class="aapl_hero_bg">
                <tbody><tr>
                  <td class="appl_hero_bg" height="181" bgcolor="#ffffff" background="https://c.apple.news/AgEkYjRiOWZjZWEtODIzNC00ODY3LTk2YzktYzA2Y2QxNDlhNDliADE3" valign="top" align="center" style="">
                    <!-- background for outlook 2007 windows and newer-->
                    <!--[if gte mso 9]>
                      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:680px; height:195; background-repeat:no-repeat; background-position:center top;">
                      <v:fill type="tile" src="https://c.apple.news/AgEkYjRiOWZjZWEtODIzNC00ODY3LTk2YzktYzA2Y2QxNDlhNDliADE3" color="#ffffff" />
                      <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
                    <![endif]-->
                    <table width="600" cellspacing="0" cellpadding="0" border="0" align="center" class="">
                      <tbody><tr>
                        <td valign="top" align="center" style="padding-top:16px">
                          <img src="https://c.apple.news/AgEkNGQ2ODRkOWUtY2I5Ni00MjgxLWI0MjUtNTRjY2M3ZTY4ZGM1ADE3" height="50" style="display:block; margin:0 auto; border:0" alt="" class="">
                        </td>
                      </tr>
                      <tr>
                        <td valign="top" align="center" style="padding-top:16px;padding-bottom:30px;">
                          <span style=" color:#000000; font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif; font-size:22px; line-height:34px; font-weight:300;letter-spacing:.8px; text-decoration:none">Five stories to read this weekend, chosen by our editors.
</span>
                        </td>
                      </tr>
                    </tbody></table>
                    <!--[if gte mso 9]>
                      </v:textbox>
                      </v:rect>
                    <![endif]-->
                  </td>
                </tr>
              </tbody></table>

              
                
                  <!-- begin table containing 1 story across / bordertop / article-1 -->
                  <table width="600" cellspacing="0" cellpadding="0" border="0" style="margin:0 auto;  border-top:1px solid #e5e5e5" class="">
                    <tbody><tr>
                      <!-- begin article-1 image -->
                      <td width="190" valign="top" align="center" class="appl_article_img" style="padding-bottom:15px;padding-top:35px;">
                        
                          <a href="https://apple.news/AShyAAoIXR1K6UwkwCdXL3Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-1-article:image&amp;campaign_id=E101" target="_blank">
                            <img src="https://c.apple.news/AgEkOWZjYzE2MDEtZDVmMy00NTk0LTk3ZjItMDlmOGU5ZjQ3ZTRjADE3" width="600" style="display:block; margin:0; border:0" alt="Can the World Wide Web Be Saved?"></a>
                        
                      </td>
                    </tr>
                    <tr>
                      <!-- begin story 1 headline and description -->
                      <td valign="top" align="left" style="" class="appl_story_title">
                        <h3 style="margin-top:0;margin-bottom:11px;">
                          <a href="https://apple.news/AShyAAoIXR1K6UwkwCdXL3Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-1-article:title&amp;campaign_id=E101" style="font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif; font-weight:700; color:#000000; font-size:24px; line-height:28px;letter-spacing:0; text-decoration:none" target="_blank">Can the World Wide Web Be Saved?</a>
                        </h3>
                        <p style="margin-top:0; margin-bottom:6px;">
                          <a href="https://apple.news/AShyAAoIXR1K6UwkwCdXL3Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-1-article:text&amp;campaign_id=E101" style="font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif; font-size:18px ; line-height:26px; font-weight:400; color:#808080;letter-spacing:.20px; text-decoration:none" target="_blank">Tim Berners-Lee designed the internet to be an open and democratic virtual space. Now, as his creation is threatened by fake news and mass surveillance, he has a radical new plan to protect everyone who goes online.</a>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <!-- begin article-1 cta -->
                      <td align="left" style="padding-top:4px;padding-bottom:34px;">
                        
                          <a href="https://apple.news/AShyAAoIXR1K6UwkwCdXL3Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-1-article:owner&amp;campaign_id=E101" style="color:#038aca" class="appl-link" target="_blank">
                            <img class="more" src="https://c.apple.news/AgEkMjg4NzhjODAtMGViOS00NzM0LTkwYzctOGZiYzNkOWE5MmNmADE3" height="18" style="margin:0; border:0" alt="Vanity Fair" border="0">
                          </a>
                        
                       </td>
                    </tr>
                  </tbody></table>
                  <!-- end table containing 1 story across / bordertop / article-1 -->
                
              
                
                  <!-- begin table containing 1 story across / bordertop / article-2 -->
                  <table width="600" cellspacing="0" cellpadding="0" border="0" style="margin:0 auto;  border-top:1px solid #e5e5e5" class="">
                    <tbody><tr>
                      <!-- begin article-2 image -->
                      <td width="190" valign="top" align="center" class="appl_article_img" style="padding-bottom:15px;padding-top:35px;">
                        
                          <a href="https://apple.news/Az5YaYpAtSq-w8Fw-ZQVPfQ?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-2-article:image&amp;campaign_id=E101" target="_blank">
                            <img src="https://c.apple.news/AgEkODUxMDVlNjMtYmM0NC00NGVlLTllZTYtOWE0NDk2YmI3NTJmADE3" width="600" style="display:block; margin:0; border:0" alt="Cruises Are So Uncool, They're Cool"></a>
                        
                      </td>
                    </tr>
                    <tr>
                      <!-- begin story 1 headline and description -->
                      <td valign="top" align="left" style="" class="appl_story_title">
                        <h3 style="margin-top:0;margin-bottom:11px;">
                          <a href="https://apple.news/Az5YaYpAtSq-w8Fw-ZQVPfQ?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-2-article:title&amp;campaign_id=E101" style="font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif; font-weight:700; color:#000000; font-size:24px; line-height:28px;letter-spacing:0; text-decoration:none" target="_blank">Cruises Are So Uncool, They're Cool</a>
                        </h3>
                        <p style="margin-top:0; margin-bottom:6px;">
                          <a href="https://apple.news/Az5YaYpAtSq-w8Fw-ZQVPfQ?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-2-article:text&amp;campaign_id=E101" style="font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif; font-size:18px ; line-height:26px; font-weight:400; color:#808080;letter-spacing:.20px; text-decoration:none" target="_blank">Comedian Michael Ian Black pens an impassioned defense of the much-maligned mass-market luxury cruise. From the buffets to the Bingo, he argues, the overblown boats are "a dreamy distillation of middle-class Americana, minus the drudgery of lawn mowing."</a>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <!-- begin article-2 cta -->
                      <td align="left" style="padding-top:4px;padding-bottom:34px;">
                        
                          <a href="https://apple.news/Az5YaYpAtSq-w8Fw-ZQVPfQ?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-2-article:owner&amp;campaign_id=E101" style="color:#038aca" class="appl-link" target="_blank">
                            <img class="more" src="https://c.apple.news/AgEkMDk1NWVmZjctYTUzYy00NTBjLWJjM2EtZTRkN2YyMTk4Mzk2ADE3" height="18" style="margin:0; border:0" alt="The New York Times" border="0">
                          </a>
                        
                       </td>
                    </tr>
                  </tbody></table>
                  <!-- end table containing 1 story across / bordertop / article-2 -->
                
              
                
                  <!-- begin table containing 1 story across / bordertop / article-3 -->
                  <table width="600" cellspacing="0" cellpadding="0" border="0" style="margin:0 auto;  border-top:1px solid #e5e5e5" class="">
                    <tbody><tr>
                      <!-- begin article-3 image -->
                      <td width="190" valign="top" align="center" class="appl_article_img" style="padding-bottom:15px;padding-top:35px;">
                        
                          <a href="https://apple.news/Ag1rST05iRq-zUyA5X-kWBw?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-3-article:image&amp;campaign_id=E101" target="_blank">
                            <img src="https://c.apple.news/AgEkYzRmMWI0YmMtYWVjYy00MGM1LThkOTMtZWVlYWI0YTY3ZjlmADE3" width="600" style="display:block; margin:0; border:0" alt="Cardi B and Offset: A Hip-Hop Love Story"></a>
                        
                      </td>
                    </tr>
                    <tr>
                      <!-- begin story 1 headline and description -->
                      <td valign="top" align="left" style="" class="appl_story_title">
                        <h3 style="margin-top:0;margin-bottom:11px;">
                          <a href="https://apple.news/Ag1rST05iRq-zUyA5X-kWBw?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-3-article:title&amp;campaign_id=E101" style="font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif; font-weight:700; color:#000000; font-size:24px; line-height:28px;letter-spacing:0; text-decoration:none" target="_blank">Cardi B and Offset: A Hip-Hop Love Story</a>
                        </h3>
                        <p style="margin-top:0; margin-bottom:6px;">
                          <a href="https://apple.news/Ag1rST05iRq-zUyA5X-kWBw?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-3-article:text&amp;campaign_id=E101" style="font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif; font-size:18px ; line-height:26px; font-weight:400; color:#808080;letter-spacing:.20px; text-decoration:none" target="_blank">Spend a morning at the power couple's southern palace, where Cardi is counting down the weeks to motherhood — "I want a lit baby shower" — while the Migos rapper explains what he can learn from his wife: "I need to work on my charisma."</a>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <!-- begin article-3 cta -->
                      <td align="left" style="padding-top:4px;padding-bottom:34px;">
                        
                          <a href="https://apple.news/Ag1rST05iRq-zUyA5X-kWBw?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-3-article:owner&amp;campaign_id=E101" style="color:#038aca" class="appl-link" target="_blank">
                            <img class="more" src="https://c.apple.news/AgEkYjAyZmM2MGYtYjcwYy00MTEzLTk5MTYtZDdjYTA0N2Y1ZjQ3ADE3" height="18" style="margin:0; border:0" alt="Rolling Stone" border="0">
                          </a>
                        
                       </td>
                    </tr>
                  </tbody></table>
                  <!-- end table containing 1 story across / bordertop / article-3 -->
                
              
                
                  <!-- begin table containing 1 story across / bordertop / article-4 -->
                  <table width="600" cellspacing="0" cellpadding="0" border="0" style="margin:0 auto;  border-top:1px solid #e5e5e5" class="">
                    <tbody><tr>
                      <!-- begin article-4 image -->
                      <td width="190" valign="top" align="center" class="appl_article_img" style="padding-bottom:15px;padding-top:35px;">
                        
                          <a href="https://apple.news/ANaQZsLMuSOCfHsCCnfw9cA?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-4-article:image&amp;campaign_id=E101" target="_blank">
                            <img src="https://c.apple.news/AgEkMzdlOTgwZjktMzY4Ny00MDBmLTlmNWQtYTdlMDlmZTFhOTJlADE3" width="600" style="display:block; margin:0; border:0" alt="How to Make Piles of Money Using Instagram"></a>
                        
                      </td>
                    </tr>
                    <tr>
                      <!-- begin story 1 headline and description -->
                      <td valign="top" align="left" style="" class="appl_story_title">
                        <h3 style="margin-top:0;margin-bottom:11px;">
                          <a href="https://apple.news/ANaQZsLMuSOCfHsCCnfw9cA?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-4-article:title&amp;campaign_id=E101" style="font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif; font-weight:700; color:#000000; font-size:24px; line-height:28px;letter-spacing:0; text-decoration:none" target="_blank">How to Make Piles of Money Using Instagram</a>
                        </h3>
                        <p style="margin-top:0; margin-bottom:6px;">
                          <a href="https://apple.news/ANaQZsLMuSOCfHsCCnfw9cA?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-4-article:text&amp;campaign_id=E101" style="font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif; font-size:18px ; line-height:26px; font-weight:400; color:#808080;letter-spacing:.20px; text-decoration:none" target="_blank">School's out for summer — but not at Instagram HQ, where a few lucky students receive an exclusive crash course in turning their feeds into moneymakers. 
</a>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <!-- begin article-4 cta -->
                      <td align="left" style="padding-top:4px;padding-bottom:34px;">
                        
                          <a href="https://apple.news/ANaQZsLMuSOCfHsCCnfw9cA?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-4-article:owner&amp;campaign_id=E101" style="color:#038aca" class="appl-link" target="_blank">
                            <img class="more" src="https://c.apple.news/AgEkNDc4ZjlhN2UtNjk4YS00Njc1LTk1YjctYmNlZGRiMWRhMDdhADE3" height="18" style="margin:0; border:0" alt="Bloomberg" border="0">
                          </a>
                        
                       </td>
                    </tr>
                  </tbody></table>
                  <!-- end table containing 1 story across / bordertop / article-4 -->
                
              
                
                  <!-- begin table containing 1 story across / bordertop / article-5 -->
                  <table width="600" cellspacing="0" cellpadding="0" border="0" style="margin:0 auto;  border-top:1px solid #e5e5e5" class="">
                    <tbody><tr>
                      <!-- begin article-5 image -->
                      <td width="190" valign="top" align="center" class="appl_article_img" style="padding-bottom:15px;padding-top:35px;">
                        
                          <a href="https://apple.news/A_vicGX40Rlury-8RzyPS_Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-5-article:image&amp;campaign_id=E101" target="_blank">
                            <img src="https://c.apple.news/AgEkOGFlZDQwNjQtOWQ3My00YTJhLWJhN2MtOTA3MTA2NDA4ZGJhADE3" width="600" style="display:block; margin:0; border:0" alt="The Cult Leader Who Dressed the Stars"></a>
                        
                      </td>
                    </tr>
                    <tr>
                      <!-- begin story 1 headline and description -->
                      <td valign="top" align="left" style="" class="appl_story_title">
                        <h3 style="margin-top:0;margin-bottom:11px;">
                          <a href="https://apple.news/A_vicGX40Rlury-8RzyPS_Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-5-article:title&amp;campaign_id=E101" style="font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif; font-weight:700; color:#000000; font-size:24px; line-height:28px;letter-spacing:0; text-decoration:none" target="_blank">The Cult Leader Who Dressed the Stars</a>
                        </h3>
                        <p style="margin-top:0; margin-bottom:6px;">
                          <a href="https://apple.news/A_vicGX40Rlury-8RzyPS_Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-5-article:text&amp;campaign_id=E101" style="font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif; font-size:18px ; line-height:26px; font-weight:400; color:#808080;letter-spacing:.20px; text-decoration:none" target="_blank">Tony Alamo's bedazzled jackets have been worn by everyone from Michael Jackson to Nicki Minaj. But his insanely profitable factory ran on child labor and the fear of eternal damnation. Says one man who was there, "We really thought we were making these jackets for God."</a>
                        </p>
                      </td>
                    </tr>
                    <tr>
                      <!-- begin article-5 cta -->
                      <td align="left" style="padding-top:4px;padding-bottom:34px;">
                        
                          <a href="https://apple.news/A_vicGX40Rlury-8RzyPS_Q?campaign_type=ba9d46d5-0ca4-452b-882c-76a88e9ba7e9&amp;creative_id=article-5-article:owner&amp;campaign_id=E101" style="color:#038aca" class="appl-link" target="_blank">
                            <img class="more" src="https://c.apple.news/AgEkZGFlZjI0NWUtMzVmNS00MzE3LWFhYjQtNDkwMWNlMWE0NjUyADE3" height="18" style="margin:0; border:0" alt="Refinery29" border="0">
                          </a>
                        
                       </td>
                    </tr>
                  </tbody></table>
                  <!-- end table containing 1 story across / bordertop / article-5 -->
                
              

              <!-- begin Bottom red Blurb/CTA  -->
              <table width="600" cellspacing="0" cellpadding="0" border="0" align="center" class="">
                <tbody><tr>
                  <td class="appl_featured_channels" valign="bottom" align="center" style="">
                    <table width="600" cellspacing="0" cellpadding="0" border="0" align="center" class="">
                      <tbody><tr>
                        <td valign="top" align="center" style=" padding-top:40px;padding-bottom:40px;border-radius: 10px;">
                          <a href="https://twitter.com/AppleNews" style="font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif; color:#333333;  font-size:20px; line-height:30px;letter-spacing:.25px;text-decoration:none" target="_blank">Like what you're seeing here? Follow <b><font color="#FF2D55">@AppleNews</font></b> on Twitter for our selections throughout the week.</a>
                        </td>
                      </tr>
                    </tbody></table>
                  </td>
                </tr>
              </tbody></table>
              <!-- end Bottom red Blurb/CTA  -->

              <!-- Legal Footer -->
              <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" style="margin:0 auto;" class="">
                <tbody><tr>
                  <td align="center" bgcolor="#f2f2f2" style="padding-top:28px;padding-bottom:60px;">
                    <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" id="appl-footer" class="">
                      <tbody><tr>
                        <td align="center" style="padding-top:15px;padding-bottom:30px;" class="appl_footer_text1 appl_footer_text appl_center">
                          <div style="font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif;color:#797979;font-weight:400;font-size:14px;line-height:22px;">
                            Some content requires specific hardware or software. Internet access required; data fees may apply. Content availability is subject to change. For more information, <a style="color:#999999;text-decoration:underline;" href="http://images.apple.com/legal/sla/docs/iOS91.pdf" target="_blank">click here</a>.
                            <br><br>
                            Copyright © 2018 Apple Inc. One Apple Park Way, Cupertino, California 95014 USA
                          </div>
                        </td>
                      </tr>
                    </tbody></table>
                    <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
                      <tbody><tr>
                        <td align="center" style="font-family: -apple-system, helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif;color:#999999;font-size:14px;line-height:22px;padding-bottom:30px" class="appl_lowbrow">
                          <a href="https://www.apple.com/privacy/" class="appl-link" style="color:#797979; font-family: helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif;font-size:14px;line-height:22px;text-decoration:none" title="Privacy Policy" target="_blank">Privacy Policy</a>
                          &nbsp;&nbsp;|&nbsp;&nbsp;
                          <a href="http://images.apple.com/legal/sla/docs/iOS91.pdf" class="appl-link" style="color:#797979; font-family: helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif;font-size:14px;line-height:22px;text-decoration:none" title="Terms and Conditions" target="_blank">Terms and Conditions</a>
                          &nbsp;&nbsp;|&nbsp;&nbsp;
                          <a href="https://support.apple.com/itunes" class="appl-link" style="color:#797979; font-family: helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif;font-size:14px;line-height:22px;text-decoration:none" title="Support" target="_blank">Support</a>
                          &nbsp;&nbsp;|&nbsp;&nbsp;
                          <a href="https://buy.itunes.apple.com/WebObjects/MZFinance.woa/wa/accountSummary?app=itunes&amp;ls=1" class="appl-link" style="color:#797979; font-family: helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif;font-size:14px;line-height:22px;text-decoration:none" title="Account" target="_blank">Account</a>
                        </td>
                      </tr>
                    </tbody></table>
                    <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
                      <tbody><tr>
                        <td align="center" style="font-family:Helvetica Neue,Helvetica,Lucida Grande,Arial,sans-serif;color:#999999;font-size:12px;line-height:1em;" class="appl_lowbrow">
                          <a href="https://apple.com/" class="appl-link" style="color:#797979;font-family: helvetica Neue, Helvetica, Lucida Grande, Arial,Verdana,sans-serif;font-size:14px;line-height:22px;text-decoration:none" target="_blank">Unsubscribe</a>
                        </td>
                      </tr>
                    </tbody></table>
                  </td>
                </tr>
              </tbody></table>
            </td>
          </tr>
        </tbody></table>
      </td>
    </tr>
  </tbody></table> 
  <!--[if gte mso 9]>
  </td></tr></table>
  <![endif]-->


</div></body>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console