Created
July 1, 2014 17:28
-
-
Save dja/bac3a9cc1a8ab5e2c43c to your computer and use it in GitHub Desktop.
First Apple Responsive Email
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> | |
| <html> | |
| <head> | |
| <title></title> | |
| <meta name="viewport" content="width=device-width"> | |
| <meta http-equiv="content-type" content="text/html;charset=utf-8"> | |
| <style type="text/css"> | |
| a,a.aapl-link,a.aapl-link:link { text-decoration:none; } | |
| a.aapl-link:hover { text-decoration:underline; } | |
| body { width:100% !important; } | |
| a { color:inherit; } | |
| #mobile-top section, #mobile-bottom section { | |
| mso-hide: all; | |
| } | |
| @media only screen and (max-device-width:768px) { | |
| #aapl-eyebrow,#aapl-footer {-webkit-text-size-adjust:120%} | |
| #aapl-eyebrow a,#aapl-footer a,a {color:inherit} | |
| .subsubhead { -webkit-text-size-adjust: 110%; } | |
| * { text-rendering:optimizelegibility; } | |
| *[class=subhead] { padding: 0 30px; } | |
| } | |
| @media only screen and (max-device-width: 320px) { | |
| *[class=subhead] { padding: 0 30px; } | |
| *[id=desktop] { display:none !important; } | |
| *[id=mobile-top],*[id=mobile-bottom] { min-width:320px !important; max-height:none !important; float:none !important; overflow: visible !important; height: inherit !important; display:block !important; margin: 0 auto !important;} | |
| *[class=open] { background:#f2f2f2; } | |
| /* Can use real CSS on mobile */ | |
| /* RESET */ | |
| html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; } | |
| h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; } | |
| fieldset,iframe { border: none; } | |
| caption,th { text-align: left; } | |
| table { border-collapse: collapse; border-spacing: 0; } | |
| article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; } | |
| body { background-color: #fff; min-width: 320px!important; } | |
| /* Layout */ | |
| .mobile { | |
| width: 320px; | |
| background-color: #FFF; | |
| font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,Helvetica,Verdana,sans-serif; | |
| color: #333; | |
| font-size:15px; | |
| line-height:20px; | |
| -webkit-text-size-adjust: none; | |
| text-rendering: optimizelegibility; | |
| } | |
| .mobile img { | |
| background-repeat: no-repeat; | |
| background-size: 100% 100%; | |
| } | |
| .mobile .block { | |
| display: block; | |
| } | |
| .mobile a.more { | |
| display: inline-block; | |
| margin: -12px 0 23px 0; | |
| color: #0088cc; | |
| cursor: pointer; | |
| } | |
| .mobile .hero a, .mobile .tile a { | |
| color: #0088cc; | |
| } | |
| .mobile a.more.inline { | |
| display: inline; | |
| } | |
| .mobile a.more:after { | |
| content:''; | |
| display: inline-block; | |
| width: 6px; | |
| height: 10px; | |
| margin-left: 3px; | |
| margin-bottom: 0; | |
| background: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_arrow_2x.png'); | |
| background-repeat: no-repeat; | |
| background-size: 6px 10px; | |
| background-position: 0 0; | |
| } | |
| .mobile sup { | |
| font-size: 9px; | |
| line-height: .8em; | |
| } | |
| .mobile section { | |
| text-align: center; | |
| padding-top: 38px; | |
| padding: 38px 15px 0 15px; | |
| position: relative; | |
| } | |
| .mobile section.divider { | |
| border-top: 1px solid #d6d6d6; | |
| } | |
| .mobile section .header, | |
| .mobile section .image, | |
| .mobile section .icon { | |
| display: inline-block; | |
| margin: 0 -31px; | |
| background-position: 50% 0; | |
| background-repeat: no-repeat; | |
| } | |
| .mobile section p { | |
| padding-top: 12px; | |
| padding-bottom: 20px; | |
| } | |
| .mobile section.hero { | |
| background:#f3fbeb; | |
| padding-bottom: 28px; | |
| padding-top: 0; | |
| } | |
| .mobile section.hero .header { | |
| margin-top: 20px; | |
| } | |
| .mobile section a.more { | |
| margin: 4px 0 25px 0; | |
| } | |
| .mobile section.tile { | |
| position: relative; | |
| padding-top: 15px; | |
| line-height: 1.3em; | |
| } | |
| .mobile section.gear { | |
| padding-top: 20px; | |
| } | |
| .mobile section.gear p { | |
| padding-top: 7px; | |
| } | |
| .mobile section.gear .image { | |
| margin-bottom:0; | |
| } | |
| .mobile section.gear a.more { | |
| margin: 8px 0 0 0; | |
| } | |
| .mobile section.tile_1 { | |
| margin-top: 12px; | |
| padding-top: 0; | |
| } | |
| .mobile section.tile_3 { | |
| padding-bottom: 32px; | |
| } | |
| .mobile section.tile .image { | |
| margin-bottom: 10px; | |
| } | |
| .mobile section.tile p { | |
| padding-top: 3px; | |
| } | |
| .mobile section.tile a.more { | |
| margin: -12px 0 0 0; | |
| } | |
| #mobile-bottom { | |
| background: #f2f2f2; | |
| color: #999; | |
| } | |
| #mobile-bottom .divider { | |
| border-top: 1px solid #e3e3e3; | |
| border-bottom: 1px solid #e3e3e3; | |
| padding: 4px 0; | |
| } | |
| .mobile section.footer { | |
| padding: 5px 0 8px 0; | |
| margin: 0 15px; | |
| } | |
| .mobile section.footer .box { | |
| width: 100%; | |
| margin-bottom: 6px; | |
| font-size: 11px; | |
| list-style: none; | |
| } | |
| .mobile section.footer .box li { | |
| display: inline-block; | |
| } | |
| .mobile section.footer .box li a { | |
| height: 15px; | |
| padding: 6px 11px 8px 11px; | |
| position:relative; | |
| z-index:1; | |
| display:inline-block; | |
| } | |
| .mobile section.footer .box li.first a:after, | |
| .mobile section.footer .box li.second a:after { | |
| position: absolute; | |
| top: 11px; | |
| right: 0; | |
| display: block; | |
| width: 1px; | |
| height: 9px; | |
| content: ''; | |
| background: #ccc; | |
| } | |
| .mobile section.footer .grid3col li.first a { | |
| width: 76px; | |
| padding: 6px 10px 8px 6px; | |
| } | |
| .mobile section.footer .grid3col li.third { | |
| width: 105px; | |
| } | |
| .mobile section.footer .grid3col li.third a { | |
| padding:6px 0 9px 6px; | |
| } | |
| .mobile section.footer .terms { | |
| text-align: left; | |
| margin: 10px 8px 10px 0; | |
| font-size: 9px; | |
| line-height: 1.34; | |
| word-spacing: -1px; | |
| } | |
| .mobile section.footer .row { | |
| padding: 0 0 14px 0; | |
| text-align: left; | |
| display:inline-block; | |
| } | |
| .mobile section.footer .row .column { | |
| float: left; | |
| } | |
| .mobile section.footer .row .column.first { | |
| width: 5%; | |
| } | |
| .mobile section.footer .row .column.last { | |
| width: 94%; | |
| } | |
| } | |
| @media only screen and (min-device-pixel-ratio : 2), only screen and (-webkit-min-device-pixel-ratio : 2) { | |
| img { visibility:hidden; } | |
| *[class=more] { visibility:visible; } | |
| *[id=desktop_logo] { background: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_logo_2x.png') no-repeat 0 0; -webkit-background-size: 23px 28px; background-size: 23px 27px; } | |
| } | |
| @media only screen and (min-device-width: 320px) and (min-device-pixel-ratio : 1), only screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio : 1) { | |
| img { visibility:visible; } | |
| .mobile .more { -webkit-tap-highlight-color:rgba(0,0,0,0); } | |
| /* 1x mobile images */ | |
| .mobile .hero .image { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_main.jpg'); } | |
| .mobile .hero .header { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_main_title.png'); } | |
| .mobile .hero .button { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_button.png'); } | |
| .mobile .gear .header { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_gear_title.png'); } | |
| .mobile .gear .image { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_gear.jpg'); } | |
| .mobile .tile_1 .image { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_tile_1.png'); } | |
| .mobile .tile_1 .header { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_tile_1_title.png'); } | |
| .mobile .tile_2 .image { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_tile_2.png'); } | |
| .mobile .tile_2 .header { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_tile_2_title.png'); } | |
| .mobile .tile_3 .image { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_tile_3.png'); } | |
| .mobile .tile_3 .header { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_tile_3_title.png'); } | |
| } | |
| @media only screen and (min-device-width: 320px) and (min-device-pixel-ratio : 2), only screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio : 2) { | |
| /* 2x mobile images */ | |
| .mobile .hero .image { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_main_2x.jpg'); } | |
| .mobile .hero .header { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_main_title_2x.png'); } | |
| .mobile .hero .button { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_button_2x.png'); } | |
| .mobile .gear .header { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_gear_title_2x.png'); } | |
| .mobile .gear .image { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_gear_2x.jpg'); } | |
| .mobile .tile_1 .image { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_tile_1_2x.png'); } | |
| .mobile .tile_1 .header { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_tile_1_title_2x.png'); } | |
| .mobile .tile_2 .image { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_tile_2_2x.png'); } | |
| .mobile .tile_2 .header { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_tile_2_title_2x.png'); } | |
| .mobile .tile_3 .image { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_tile_3_2x.png'); } | |
| .mobile .tile_3 .header { background-image: url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/mobile_tile_3_title_2x.png'); } | |
| } | |
| @media only screen and (min-device-width: 321px) and (min-device-pixel-ratio : 2), only screen and (min-device-width: 321px) and (-webkit-min-device-pixel-ratio : 2) { | |
| img { visibility:hidden; } | |
| *[class=more] { visibility:visible; } | |
| *[id=desktop_bottom]{ background:url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_bottom_2x.png') no-repeat 0 0; -webkit-background-size:742px 5px; } | |
| *[id=desktop_tile_title_3]{ background:url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_tile_title_3_2x.png') no-repeat 0 0; -webkit-background-size:267px 24px; } | |
| *[id=desktop_tile_title_2]{ background:url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_tile_title_2_2x.png') no-repeat 0 0; -webkit-background-size:187px 24px; } | |
| *[id=desktop_tile_title_1]{ background:url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_tile_title_1_2x.png') no-repeat 0 0; -webkit-background-size:246px 24px; } | |
| *[id=desktop_tile_3]{ background:url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_tile_3_2x.png') no-repeat 0 0; -webkit-background-size:267px 77px; } | |
| *[id=desktop_tile_2]{ background:url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_tile_2_2x.png') no-repeat 0 0; -webkit-background-size:187px 77px; } | |
| *[id=desktop_tile_1]{ background:url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_tile_1_2x.png') no-repeat 0 0; -webkit-background-size:246px 77px; } | |
| *[id=desktop_gear_title]{ background:url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_gear_title_2x.png') no-repeat 0 0; -webkit-background-size:700px 38px; } | |
| *[id=desktop_gear]{ background:url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_gear_2x.jpg') no-repeat 0 0; -webkit-background-size:483px 246px; } | |
| *[id=desktop_main]{ background:url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_main_2x.jpg') no-repeat 0 0; -webkit-background-size:740px 474px; } | |
| *[id=desktop_shop_now]{ background:url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_shop_now_2x.png') no-repeat 0 0; -webkit-background-size:103px 37px; } | |
| *[id=desktop_title_hero]{ background:url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_title_hero_2x.png') no-repeat 0 0; -webkit-background-size:740px 115px; } | |
| *[id=desktop_logo]{ background:url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_logo_2x.png') no-repeat 0 0; -webkit-background-size:23px 28px; } | |
| *[id=desktop_top]{ background:url('http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_top_2x.png') no-repeat 0 0; -webkit-background-size:742px 5px; } | |
| } | |
| </style> | |
| <!--[if gte mso 9]> | |
| <style type="text/css"> | |
| table,td,div,p {font-family:Lucida Sans,Lucida Sans Unicode,Lucida Grande,Arial,Helvetica,Verdana,sans-serif !important;line-height:normal !important} | |
| </style> | |
| <![endif]--> | |
| <!--[if lte mso 7]> | |
| <style type="text/css"> | |
| table,td,div,p {font-family:Lucida Grande,Lucida Sans,Lucida Sans Unicode,Arial,Helvetica,Verdana,sans-serif !important;line-height:normal} | |
| </style> | |
| <![endif]--> | |
| </head> | |
| <body bgcolor="#ffffff" style="margin:0;padding:0"> | |
| <div id="mobile-top" class="mobile" style="width:0px; height: 0px; max-height:0px; float:left; overflow: hidden; display: none;"> | |
| <section class="hero"> | |
| <a href="#"><img class="image" src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/i.png" alt="" width="320" height="229"/></a> | |
| <img class="header" src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/i.png" alt="Get extra credit when you buy a Mac, iPad, or iPhone for college." width="320" height="117"/> | |
| <p>Get a $100 Apple Store Gift Card <br /> when you buy a Mac for college. Or a <br /> $50 gift card when you buy an iPad or <br /> iPhone.* You'll also save on a Mac or <br /> iPad with education pricing.</p> | |
| <a href="#"><img class="button" src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/i.png" alt="Shop Now" width="104" height="37"/></a> | |
| </section> | |
| <section class="gear"> | |
| <a href="#"><img class="image" src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/i.png" alt="" width="320" height="146" /></a> | |
| <img class="header" src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/i.png" alt="The gear you need for all day and all-nighters." width="320" height="55" /> | |
| <p>Pick up the smartest supplies for school, <br /> including Apple Store exclusives. <a class="more" href="#">Shop now</a></p> | |
| </section> | |
| <section class="tile tile_1"> | |
| <img class="image" src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/i.png" alt="" width="320" height="55" /> | |
| <img class="header" src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/i.png" alt="Personal Pickup." width="320" height="26" /> | |
| <p>Place your order online, then you <br /> or anyone you choose can pick it <br /> up at any Apple Retail Store.</p> | |
| </section> | |
| <section class="tile tile_2"> | |
| <img class="image" src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/i.png" alt="" width="320" height="66" /> | |
| <img class="header" src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/i.png" alt="Free shipping." width="320" height="26" /> | |
| <p>Get fast, free shipping <br /> on all orders over $50.</p> | |
| </section> | |
| <section class="tile tile_3"> | |
| <a href="#"><img class="image" src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/i.png" alt="" width="320" height="58" /></a> | |
| <img class="header" src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/i.png" alt="Special =EF=AC=81nancing offer." width="320" height="26" /> | |
| <p>For a limited time, take up to 48 months <br /> to pay for Apple products and have the <br /> option to apply with a co-applicant. </p><a class="more" href="#">Learn more</a> | |
| </section> | |
| </div> | |
| <div id="desktop" style="display:table;width:100%;border-spacing:0;border-collapse:collapse;margin:auto 0;"> | |
| <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> | |
| <tr> | |
| <td style="padding:20px 20px 40px 20px; background-color:#ffffff"> | |
| <table width="742" border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td width="742" style="-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;background:#f3fbeb;"> | |
| <table width="742" border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td width="742" valign="top" id="desktop_top" colspan="3"><img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_top_2x.png" alt="" width="742" height="5" border="0" style="display:block;margin:0"></td> | |
| </tr> | |
| <tr> | |
| <td width="1" bgcolor="#e3e3e3"></td> | |
| <td width="740"> | |
| <table cellspacing="0" cellpadding="0" width="740" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td height="21"><!-- SPACER SECTION --></td> | |
| </tr> | |
| <tr> | |
| <td width="740"> | |
| <table cellspacing="0" cellpadding="0" width="740" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td width="19"></td> | |
| <td align="left" width="23" valign="top" id="desktop_logo"><img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_logo.png" alt="" width="23" height="28" border="0" style="display:block;margin:0"> | |
| </td> | |
| <td width="698"></td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td height="14"><!-- SPACER SECTION --></td> | |
| </tr> | |
| <tr> | |
| <td width="740" valign="top" align="center" id="desktop_title_hero"><img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_title_hero.png" alt="Get extra credit when you buy a Mac, iPad, or iPhone for college." width="740" height="115" border="0" style="display:block;margin:0"></td> | |
| </tr> | |
| <tr> | |
| <td height="18"><!-- SPACER SECTION --></td> | |
| </tr> | |
| <tr> | |
| <td width="740"> | |
| <table cellspacing="0" cellpadding="0" width="740" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td width="50"></td> | |
| <td width="640" valign="top" align="center"> | |
| <div style="font-family:Lucida Grande,Lucida Sans,Lucida Sans Unicode,Arial,Helvetica,Verdana,sans-serif;color:#333333;font-size:14px;line-height:1.5em;text-align:center" class="subhead"> | |
| Get a $100 Apple Store Gift Card when you buy a Mac for college. Or a $50 gift card when you buy an iPad or iPhone.<span class="sup" style="font-size:10px;vertical-align:2px;">*</span> You'll also save on a Mac or iPad with education pricing. | |
| </div> | |
| </td> | |
| <td width="50"></td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td height="26"><!-- SPACER SECTION --></td> | |
| </tr> | |
| <tr> | |
| <td width="740"> | |
| <table cellspacing="0" cellpadding="0" width="740" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td width="318"></td> | |
| <td width="103" valign="top" align="center" id="desktop_shop_now"><a href="#"><img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_shop_now.png" alt="Shop Now" width="103" height="37" border="0" style="display:block;margin:0"></a></td> | |
| <td width="319"></td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td height="16"><!-- SPACER SECTION --></td> | |
| </tr> | |
| </table> | |
| <table cellspacing="0" cellpadding="0" width="740" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td width="740" valign="top" align="center" id="desktop_main"> | |
| <a href="#"><img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_main.png" alt="" width="740" height="474" border="0" style="display:block;margin:0"></a> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td height="12"><!-- SPACER SECTION --></td> | |
| </tr> | |
| </table> | |
| </td> | |
| <td width="1" bgcolor="#e3e3e3"></td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| <table width="742" border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td width="1" bgcolor="#e3e3e3"></td> | |
| <td width="20"></td> | |
| <td width="700" bgcolor="#ffffff"> | |
| <table cellspacing="0" cellpadding="0" width="700" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td height="59" colspan="3"><!-- SPACER SECTION --></td> | |
| </tr> | |
| <tr> | |
| <td width="99"></td> | |
| <td width="483" valign="top" align="center" id="desktop_gear"> | |
| <a href="#"><img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_gear.jpg" alt="" width="483" height="246" border="0" style="display:block;margin:0"></a> | |
| </td> | |
| <td width="118"></td> | |
| </tr> | |
| <tr> | |
| <td width="700" valign="top" align="left" id="desktop_gear_title" colspan="3"> | |
| <img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_gear_title.png" alt="The gear you need for all day and all-nighters." width="700" height="38" border="0" style="display:block;margin:0"> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td height="7" colspan="3"><!-- SPACER SECTION --></td> | |
| </tr> | |
| <tr> | |
| <td width="700" valign="top" align="center" colspan="3"> | |
| <div style="font-family:Lucida Grande,Lucida Sans,Lucida Sans Unicode,Arial,Helvetica,Verdana,sans-serif;color:#333333;font-size:14px;line-height:1.5em;" class="subsubhead"> | |
| Pick up the smartest supplies for school, including Apple Store exclusives. | |
| </div> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td height="6" colspan="3"><!-- SPACER SECTION --></td> | |
| </tr> | |
| <tr> | |
| <td width="700" valign="top" align="center" colspan="3"> | |
| <div style="font-family:Lucida Grande,Lucida Sans,Lucida Sans Unicode,Arial,Helvetica,Verdana,sans-serif;color:#333333;font-size:14px;line-height:1.5em;" class="subsubhead"><a href="#" style="color:#0088cc;white-space:nowrap" class="aapl-link">Shop now<img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_arrow_2x.png" alt="" width="9" height="10" border="0" class="more" style="display:inline;margin:0"></a> | |
| </div> | |
| </td> | |
| </tr> | |
| </table> | |
| <table cellspacing="0" cellpadding="0" width="700" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td height="55"><!-- SPACER SECTION --></td> | |
| </tr> | |
| <tr> | |
| <td width="700" height="1" style="background-color:#d6d6d6" bgcolor="#d6d6d6"> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td height="36"><!-- SPACER SECTION --></td> | |
| </tr> | |
| </table> | |
| <table cellspacing="0" cellpadding="0" width="700" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td width="246" valign="bottom" align="center" id="desktop_tile_1"> | |
| <img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_tile_1.png" alt="" width="246" height="77" border="0" style="display:block;margin:0"> | |
| </td> | |
| <td width="187" valign="bottom" align="center" id="desktop_tile_2"> | |
| <img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_tile_2.png" alt="" width="187" height="77" border="0" style="display:block;margin:0"> | |
| </td> | |
| <td width="267" valign="bottom" align="center" id="desktop_tile_3"> | |
| <a href="#"><img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_tile_3.png" alt="" width="267" height="77" border="0" style="display:block;margin:0"></a> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td height="18" colspan="3"><!-- SPACER SECTION --></td> | |
| </tr> | |
| <tr> | |
| <td width="246" valign="bottom" align="center" id="desktop_tile_title_1"> | |
| <img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_tile_title_1.png" alt="Personal Pickup." width="246" height="24" border="0" style="display:block;margin:0"> | |
| </td> | |
| <td width="187" valign="bottom" align="center" id="desktop_tile_title_2"> | |
| <img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_tile_title_2.png" alt="Free shipping." width="187" height="24" border="0" style="display:block;margin:0"> | |
| </td> | |
| <td width="267" valign="bottom" align="center" id="desktop_tile_title_3"> | |
| <img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_tile_title_3.png" alt="Special =EF=AC=81nancing offer." width="267" height="24" border="0" style="display:block;margin:0"> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td height="4" colspan="3"><!-- SPACER SECTION --></td> | |
| </tr> | |
| <tr> | |
| <td width="246" valign="top" align="center"> | |
| <table cellspacing="0" cellpadding="0" width="246" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td width="246" align="center"> | |
| <div style="font-family:Lucida Grande,Lucida Sans,Lucida Sans Unicode,Arial,Helvetica,Verdana,sans-serif;color:#000000;font-size:12px;line-height:1.5em;" class="subsubhead"> | |
| Place your order online, then you<br>or anyone you choose can pick it<br>up at any Apple Retail Store. | |
| </div> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| <td width="187" valign="top" align="center"> | |
| <table cellspacing="0" cellpadding="0" width="187" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td width="187" align="center"> | |
| <div style="font-family:Lucida Grande,Lucida Sans,Lucida Sans Unicode,Arial,Helvetica,Verdana,sans-serif;color:#000000;font-size:12px;line-height:1.5em" class="subsubhead"> | |
| Get fast, free shipping<br>on all orders over $50. | |
| </div> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| <td width="267" valign="top" align="center"> | |
| <table cellspacing="0" cellpadding="0" width="267" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td width="267" align="center"> | |
| <div style="font-family:Lucida Grande,Lucida Sans,Lucida Sans Unicode,Arial,Helvetica,Verdana,sans-serif;color:#000000;font-size:12px;line-height:1.5em" class="subsubhead"> | |
| For a limited time, take up to 48 months<br>to pay for Apple products and have the<br>option to apply with a co-applicant. | |
| </div> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td height="7"><!-- SPACER SECTION --></td> | |
| </tr> | |
| <tr> | |
| <td width="267" align="center"> | |
| <div style="font-family:Lucida Grande,Lucida Sans,Lucida Sans Unicode,Arial,Helvetica,Verdana,sans-serif;color:#000000;font-size:12px;line-height:1.5em" class="subsubhead"> | |
| <a href="#" style="color:#0088cc;white-space:nowrap" class="aapl-link">Learn more<img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_arrow_tile_2x.png" alt="" width="9" height="9" border="0" class="more" style="display:inline;margin:0"></a> | |
| </div> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| <table cellspacing="0" cellpadding="0" width="700" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td height="27"><!-- SPACER SECTION --></td> | |
| </tr> | |
| </table> | |
| </td> | |
| <td width="20"></td> | |
| <td width="1" bgcolor="#e3e3e3"></td> | |
| </tr> | |
| </table> | |
| <table width="742" border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td width="742" valign="top" id="desktop_bottom"><img src="http://images.apple.com/dm/us/14/3526/7ab6dbbb_565e_400e_b1f4_3ff75dc3f99e/desktop_bottom.png" alt="" width="742" height="5" border="0" style="display:block;margin:0"></td> | |
| </tr> | |
| <tr> | |
| <td height="23"></td> | |
| </tr> | |
| </table> | |
| <table cellspacing="0" cellpadding="0" width="742" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td width="21"></td> | |
| <td align="center" valign="bottom"> | |
| <table cellspacing="0" cellpadding="0" width="700" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td align="center" valign="bottom"> | |
| <div style="font-family:Lucida Grande,Arial,Helvetica,Geneva,Verdana,sans-serif;color:#999;font-size:12px;line-height:1em;"> | |
| <a href="#" class="aapl-link" style="color:#999;white-space:nowrap">Shop Online</a> <span style="color:cccccc">|</span> <a href="#" class="aapl-link" style="color:#999;white-space:nowrap">Find a Store</a> <span style="color:cccccc">|</span> 1-800-MY-APPLE <span style="color:cccccc">|</span> <a href="#" class="aapl-link" style="color:#999;white-space:nowrap">Get the Apple Store App</a> | |
| </div> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td height="20"><!-- SPACER SECTION --></td> | |
| </tr> | |
| <tr> | |
| <td width="700" height="1" style="background-color:#e3e3e3" bgcolor="#e3e3e3"> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td style="padding:24px 0 10px 0;" width="700" valign="top"> | |
| <table cellspacing="0" cellpadding="0" width="700" border="0" align="center" style="margin:0 auto"> | |
| <tr> | |
| <td align="left" style="padding:0 15px 10px 0;"> | |
| <div style="font-family:Lucida Grande,Arial,Helvetica,Geneva,Verdana,sans-serif;font-size:9px;mso-line-height-rule:exactly;line-height:12px;color:#999;-webkit-text-size-adjust:100%;"> | |
| *Buy a qualifying Mac and receive a $100 Apple Store Gift Card, or buy a qualifying iPad or iPhone and receive a $50 Apple Store Gift Card. Purchases must be made from the U.S. Apple Online Store for Education Individuals, from a U.S. Apple Retail Store, or by calling <span style="white-space:nowrap;">1-800-MY-APPLE</span> from July 1, 2014, through September 9, 2014. Purchaser must be eligible for Apple Education Individual Pricing; education pricing is not available for iPhone. iPhone devices purchased for $0 on carrier contracts or carrier installment plans from the Apple Online Store for Education Individuals do not qualify. Quantity limits may apply. The Apple Store Gift Card may be used at the U.S. Apple Online Store, at a U.S. Apple Retail Store, or over the phone by calling <span style="white-space:nowrap;">1-800-MY-APPLE</span>. If the Mac, iPhone, or iPad is returned, your refund may be reduced by the full amount of the Apple Store Gift Card.=C2=A0<a href="http://www.apple.com/promo/pdf/BTS_2014_Terms_Conditions_US.pdf" style="color:#666;text-decoration:none; white-space:nowrap">Terms and conditions apply</a>. | |
| <br><br> | |
| Content sold separately. Available on iTunes and the App Store. Title availability is subject to change. | |
| <br><br> | |
| The iTunes Store is available only to persons age 13 or older in the U.S. and many other countries; see <a href="http://www.apple.com/support/itunes/ww/" style="color:#666; text-decoration:none; white-space:nowrap">www.apple.com/support/itunes/ww/</a> for a list of countries. Requires iTunes, compatible hardware and software, and Internet access; broadband recommended (fees may apply). See <a href="http://www.apple.com/itunes/whats-on/" style="color:#666; text-decoration:none; white-space:nowrap">www.apple.com/itunes/whats-on/</a> for more information. <a href="http://www.apple.com/legal/internet-services/itunes/us/terms.html" style="color:#666; text-decoration:none; white-space:nowrap">Terms apply</a>. | |
| <br><br> | |
| The mention of third-party products is for informational purposes only and represents neither an endorsement nor a warranty. Apple assumes no responsibility with regard to the selection, performance, or use of these vendors or products.=C2=A0=C2=A0 | |
| <br><br> | |
| iPad Smart Cover sold separately. | |
| <br><br> | |
| TM and copyright =C2=A9 2014 Apple Inc. 1 Infinite Loop, MS 96-DM, Cupertino, CA 95014. | |
| <br> | |
| <a href="http://www.apple.com/legal/" style="white-space:nowrap;color:#666;text-decoration:none;">All Rights Reserved</a> / <a href="http://www.apple.com/privacy/" style="white-space:nowrap;color:#666;text-decoration:none;">Privacy Policy</a> / <a href="https://appleid.apple.com" style="white-space:nowrap;color:#666;text-decoration:none;">My Apple ID</a> | |
| <br><br> | |
| If you prefer not to receive commercial email from Apple, or if you=E2=80=99ve changed your email address, please <a href="#" style="white-space:nowrap;color:#666;text-decoration:none;;white-space:nowrap">click here</a>. | |
| </div> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td height="20"></td> | |
| </tr> | |
| </table> | |
| </td> | |
| <td width="21"></td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </div> | |
| <div id="mobile-bottom" class="mobile" style="width:0px; height:0px; max-height:0px; float:left; overflow: hidden; display:none;"> | |
| <section class="footer"> | |
| <ul class="box grid3col"> | |
| <li class="first"><a href="#">Shop Online</a></li> | |
| <li class="second"><a href="#">Find a Store</a></li> | |
| <li class="third"><a href="#tel:8006927753">1-800-MY-APPLE</a></li> | |
| </ul> | |
| <ul class="box divider"> | |
| <li><a href="#">Get the Apple Store App</a></li> | |
| </ul> | |
| <div class="terms"> | |
| *Buy a qualifying Mac and receive a $100 Apple Store Gift Card, or buy a qualifying iPad or iPhone and receive a $50 Apple Store Gift Card. Purchases must be made from the U.S. Apple Online Store for Education Individuals, from a U.S. Apple Retail Store, or by calling <span style="white-space:nowrap;">1-800-MY-APPLE</span> from July 1, 2014, through September 9, 2014. Purchaser must be eligible for Apple Education Individual Pricing; education pricing is not available for iPhone. iPhone devices purchased for $0 on carrier contracts or carrier installment plans from the Apple Online Store for Education Individuals do not qualify. Quantity limits may apply. The Apple Store Gift Card may be used at the U.S. Apple Online Store, at a U.S. Apple Retail Store, or over the phone by calling <span style="white-space:nowrap;">1-800-MY-APPLE</span>. If the Mac, iPhone, or iPad is returned, your refund may be reduced by the full amount of the Apple Store Gift Card. <a href="##" style="color:#666;text-decoration:none; white-space:nowrap">Terms and conditions apply</a>. | |
| <br><br> | |
| Content sold separately. Available on iTunes and the App Store. Title availability is subject to change. | |
| <br><br> | |
| The iTunes Store is available only to persons age 13 or older in the U.S. and many other countries; see <a href="http://www.apple.com/support/itunes/ww/" style="color:#666; text-decoration:none; white-space:nowrap">www.apple.com/support/itunes/ww/</a> for a list of countries. Requires iTunes, compatible hardware and software, and Internet access; broadband recommended (fees may apply). See <a href="http://www.apple.com/itunes/whats-on/" style="color:#666; text-decoration:none; white-space:nowrap">www.apple.com/itunes/whats-on/</a> for more information. <a href="http://www.apple.com/legal/internet-services/itunes/us/terms.html" style="color:#666; text-decoration:none; white-space:nowrap">Terms apply</a>. | |
| <br><br> | |
| The mention of third-party products is for informational purposes only and represents neither an endorsement nor a warranty. Apple assumes no responsibility with regard to the selection, performance, or use of these vendors or products. | |
| <br><br> | |
| iPad Smart Cover sold separately. | |
| <br><br> | |
| TM and copyright 2014 Apple Inc. 1 Infinite Loop, MS 96-DM, Cupertino, CA 95014. | |
| <br> | |
| <a href="#http://www.apple.com/legal/" style="white-space:nowrap;color:#666;text-decoration:none;">All Rights Reserved</a> / <a href="http://www.apple.com/privacy/" style="white-space:nowrap;color:#666;text-decoration:none;">Privacy Policy</a> / <a href="https://appleid.apple.com" style="white-space:nowrap;color:#666;text-decoration:none;">My Apple ID</a> | |
| <br><br> | |
| If you prefer not to receive commercial email from Apple, or if you've changed your email address, please <a href="#" style="white-space:nowrap;color:#666;text-decoration:none;;white-space:nowrap">click here</a>. | |
| </div> | |
| </section> | |
| </div> | |
| <div class="open"><img src="http://c.apple.com/img/APPLE_EMAIL_LINK/spacer2.gif?v=2&a=Vvxh96jEq601margXDzWuJCOttAekJxQ0Xge0w%2BEMAZ5r%2B%2BXCrPkUxGlTA4WpnlIHv8gVN6J6pE8kfQeLa2UaA%%" alt="" width="1" height="1" ></div> | |
| <img src="http://metrics.apple.com/b/ss/appleuscdmclickmap/1/H.4-pdv-2/124513?[AQB]&pageName=P0016065-327352&r=D%Referer&v1=D%User-Agent&v9=D%pageName&[AQE]" width="1" height="1" alt=""></body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment