Skip to content

Instantly share code, notes, and snippets.

@EdwardIrby

EdwardIrby/MobileEmail

Created March 16, 2012 21:59
Show Gist options
  • Save EdwardIrby/2053051 to your computer and use it in GitHub Desktop.
Save EdwardIrby/2053051 to your computer and use it in GitHub Desktop.
Download ZIP
Mobile Friendly Email...All Divs baby
Raw
MobileEmail
<!-- saved from url=(0034)http://dev.opusproofing.com/appup/ -->
<html><head>
<meta http-equiv="X-UA-Compatible" content="IE=edge; chrome=1" />
<title></title>
<style type="text/css">
body{
background-color:transparent;background-image:url(images/6180_iadp_news_gradient.gif);
background-repeat:repeat-x;background-position:top left;background-attachment:scroll;
font-size:16px; font-family:arial,sans-serif;
}
.wrapper{ width:600px; margin:auto;}
.black-line{width:100%;height:10px; background:#2e2e2e;}
.header {height:66px; width:600px;}
.header span{height:66px; padding:0; position:relative; float:right;}
.header span img{margin:10px 10px 0 10px;}
.banner{width:600px;}
.banner img{width:600px;}
.resources, .title, .survey, .apps, .article-1, .article-2 {width:580px; display:block; margin:auto;}
.apps img{margin:10px 30px 10px 30px; }
.resources {
margin-top:5px;
margin-bottom:5px;
}
.title, .article-1, .article-2{
margin-top:5px;
margin-bottom:5px;
}
.se{
margin-top:5px;
margin-bottom:5px;
}
.survey, .apps{
border-width:10px;
margin-top:5px;
margin-bottom:5px;
}
.title{font-size:20px;}
.se{background:#f0f0f0;}
.apps{text-align:center; background:#f0f0f0}
/* Smartphones (portrait) ----------- */
@media only screen and (max-device-width: 320px) {
.wrapper{ width:320px; margin:auto;}
.header, .banner,.banner img {width:320px;}
.header span{height:66px; padding:0; position:relative; float:left;}
.resources, .title, .survey, .apps, .article-1, .article-2 {width:280px; display:block; position:relative; margin:auto;}
}
@media only screen and (max-width: 320px) {
.wrapper{ width:320px; margin:auto;}
.header, .banner, .banner img{width:320px;}
.header span{height:66px; padding:0; position:relative; float:left;}
.resources, .title, .survey, .apps, .article-1, .article-2 {width:280px; display:block; position:relative; margin:auto;}
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-device-width : 321px) and (max-device-width : 480px) {
.wrapper{ width:480px; margin:auto;}
.header, .banner, .banner img{width:480px;}
.resources, .title, .survey, .apps, .article-1, .article-2 {width:440px; display:block; position:relative; margin:auto;}
}
@media only screen and (min-width : 321px) and (max-width : 480px) {
.wrapper{ width:480px; margin:auto;}
.header, .banner, .banner img{width:480px;}
.resources, .title, .survey, .apps, .article-1, .article-2 {width:440px; display:block; position:relative; margin:auto;}
}
</style>
<body>
<!--header-->
<div class="black-line"></div>
<div class="wrapper">
<div class="header"><img src="./appup_files/6180_iadp_news_logo.gif" border="0"> <span>FOLLOW US ON:<a href="https://twitter.com/#!/Develop4AppUp"><img src="./appup_files/6180_iadp_news_twitter.gif" target="_blank"></a><a href="http://www.facebook.com/IntelAppUpDeveloperProgram"><img src="./appup_files/6180_iadp_news_facebook.gif" target="_blank"></a></span></div>
<!--banner-->
<div class="banner"><img src="./appup_files/versionA_header.png" border="0"></div>
<!--top section-->
<div class="se">
<div class="title">App Development and Submission Solutions</div>
<!--article 1-->
<div class="article-1"><strong>Demo Your Apps Via the Web</strong><br>Remote Device Access beta enables you to install and test applications on real devices remotely via the Web. Test on the fly or reserve a testing timeslot.<br><a href="http://appdeveloper.intel.com/en-us/article/remote-device-access-user-guide?cid=n3kb01"> ...more</a></div>
<!--article 2-->
<div class="article-2"><strong>App Submission and Validation Guidelines</strong><br>Reference the submission and validation resource guide to prepare your apps for a smooth validation process. The guide spans packaging, code signing, SDK resources, beta testing and more.<br><a href="http://appdeveloper.intel.com/en-us/SubmissionResources?cid=n3kb02"> ...more</a></div>
</div>
<!--Development and submission resources-->
<div class="resources"><strong>Development and submission resources</strong><br><a href="http://appdeveloper.intel.com/en-us/article/developer-services">Apps Get Smart with Developer Services Beta</a><br><a href="http://appdeveloper.intel.com/en-us/article/remote-device-access-faqs?cid=n3kb03">Remote Device Access FAQs</a><br><a href="http://appdeveloper.intel.com/en-us/blog/2012/02/17/show-18-top-application-code-signing-issues-and-solutions?cid=n3kb04">Watch as your top code signing issues are solved by industry experts in the new episode of the Intel AppUpSM show. [VIDEO]</a><br><a href="http://appdeveloper.intel.com/en-us/onlinetraining?cid=n3kb05">On-Demand Training submission and validation. [VIDEO]</a></div>
<!--survey-->
<div class="survey"><strong>Hot Topic PollWe want to hear from you.What device are you most excited to develop for?</strong><br>
<a href="">A) UltrabookTM devices</a><br>
<a href="">B) Smartphone</a><br>
<a href="">C) Netbook</a><br>
<a href="">D) Tablet</a>
</div>
<!--bottom section-->
<div class="se">
<div class="title">Other News</div>
<!--article 1-->
<div class="article-1"><strong>Tool to Improve HTML5* Apps and CodeHTML5*</strong><br>Playground beta offers a new way to explore, learn, experiment and share HTML5 apps and code. Watch your app respond to code changes with a live application preview window. Build your own code or modify samples provided in the code library. Share your creation on over 100 popular social networks through available permalinks.<br><a href="http://appdeveloper.intel.com/en-us/article/introducing-html5-playground?cid=n3kb06"> ...more</a></div>
<!--article 2-->
<div class="article-2"><strong>Help Us Improve In-App Monetization Offerings</strong><br>We’re offering unlocking in-app purchase capabilities and proposing a full suite of monetization capabilities including consumable and content in-app purchases and subscriptions. Take our survey and share your thoughts to help us improve our offerings. The first 100 developers to respond will receive a $10 USD American Express gift card as a token of our appreciation.<br><a href="http://www.surveymonkey.com/s/2KSD8DZ?cid=n3kb07"> ...more</a></div>
</div>
<!--Other resources-->
<div class="resources"><strong>OTHER RESOURCES</strong><br><a href="http://appdeveloper.intel.com/en-us/blog/2012/02/15/SDKWebinar?cid=n3kb10">Free webinar March 22: Creating differentiated apps using the Intel AppUpTM SDK Suite</a><br><a href="http://www.appup.com/download-appup/index?cid=n3kb08">Download the Intel AppUpSM center</a><br><a href="http://appdeveloper.intel.com/en-us/blog/2012/02/28/developer-platform-choice-event-barcelona-spain?cid=n3kb09">Mobile World Congress Developer Platform of Choice Forum Coverage</a><a href="http://appdeveloper.intel.com/en-us/documentation?cid=n3kb11">Browse our documentation library</a><a href="http://jobs.intel.com/?cid=n3kb12">Job hunting? Check out Software Jobs at Intel</a></div>
<!--App Picks-->
<div class="apps"><a href="http://www.appup.com/app-details/Cricket-Mythology--Batu-04-Comic"><img src="./appup_files/app_1.png"></a> <a href="http://www.appup.com/app-details/Star-Trek:-Nero-03-Comic"><img src="./appup_files/app_2.png"></a><a href="http://www.appup.com/app-details/Betty-and-Veronica-Comic"><img src="./appup_files/app_3.png"></a><br><a href="http://www.appup.com/app-details/Cricket-Mythology--Batu-04-Comic"><img src="./appup_files/app_4.png"></a> <a href="http://www.appup.com/app-details/Star-Trek:-Nero-03-Comic"><img src="./appup_files/app_5.png"></a></div>
</div>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment