API tools faq
paste
Advertisement
Guest User

CPAE Landing page

a guest
Jun 17th, 2014
866
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.90 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4.   <head>
  5.     <b:if cond='data:blog.isMobile'>
  6.       <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  7.     <b:else/>
  8.       <meta content='width=1100' name='viewport'/>
  9.     </b:if>
  10.     <b:include data='blog' name='all-head-content'/>
  11.     <title><data:blog.pageTitle/></title>
  12.  
  13.  
  14.         <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Noto+Sans' rel='stylesheet' type='text/css'/>
  15.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  16.         <script>
  17.             $(document).ready(function(){
  18.                 $("#logo").delay(300).animate({marginTop: "40px"}, 1500);
  19.                 $("#bg").delay(2000).fadeIn("slow");
  20.                 $("#top").delay(3500).animate({
  21.                     width: "100%",
  22.                     height: "400px",
  23.                     opacity: 1
  24.                 }, 1500);
  25.                 $("#textbox").delay(5500).animate({
  26.                     height: "450px",
  27.                     opacity: 1
  28.                 }, 800);
  29.             });
  30.         </script>
  31.  
  32.     <b:skin><![CDATA[
  33.  
  34. /* Content
  35. ----------------------------------------------- */
  36. body html{
  37.     margin: 0;
  38.     padding: 0;
  39.     width: 100%;
  40. }
  41.  
  42. body{
  43.     background: #1B2330;
  44.     font-family: 'Source Sans Pro', sans-serif;
  45. }
  46.  
  47. h1{
  48.     font-family: 'Noto Sans', sans-serif;
  49. }
  50. h2{
  51.     font-family: 'Noto Sans', sans-serif;
  52. }
  53. p{
  54.     font-family: 'Source Sans Pro', sans-serif;
  55. }
  56.  
  57. #bg{
  58.     display: none;
  59.     position: fixed;
  60.     z-index: 0;
  61.     top: 0;
  62.     left: 0;
  63.     background: #1B2330 url("http://i.imgur.com/qlyrtQY.jpg") 50% 50% no-repeat fixed;
  64.     background-size: cover;
  65.     width: 100%;
  66.     height: 100%;
  67. }
  68.  
  69. #wrapper{
  70.     position: relative;
  71.     width: 700px;
  72.     height: 100%;
  73.     margin: 0 auto;
  74. }
  75.  
  76. #logo{
  77.     position: relative;
  78.     left: 50%;
  79.     margin-left: -185px;
  80.     margin-top: -200px;
  81. }
  82.  
  83. #top{
  84.     position: relative;
  85.     opacity: 0;
  86.     width: 10%; /*100%*/
  87.     height: 40px; /*400px*/
  88.     background: url("http://i.imgur.com/5ezz6Tz.png") 50% 0% no-repeat;
  89.     background-size: cover;
  90.     border-radius: 0px 0px 15px 15px;
  91.     box-shadow: 0px 0px 15px;
  92.     margin: 0 auto;
  93.     margin-top: 70px;
  94. }
  95. .title{
  96.     box-sizing: border-box;
  97.     -moz-box-sizing: border-box;
  98.     -webkit-box-sizing: border-box;
  99.     position: absolute;
  100.     top: 0px;
  101.     width: 100%;
  102.     height: 75px;
  103.     font-family: 'Source Sans Pro', sans-serif;
  104.     color: #fce26f;
  105.     padding: 10px 0px 0px 10px;
  106.     background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  107.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  108.     background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  109.     background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  110.     background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
  111.     background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%); /* W3C */
  112.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
  113. }
  114. .dltext{
  115.     box-sizing: border-box;
  116.     -moz-box-sizing: border-box;
  117.     -webkit-box-sizing: border-box;
  118.     position: absolute;
  119.     bottom: 0;
  120.     width: 100%;
  121.     height: 17%;
  122.     font-family: 'Noto Sans', sans-serif;
  123.     color: #fce26f;
  124.     padding: 10px;
  125.     background: rgba(0,0,0,0.3);
  126.     border-radius: 0px 0px 14px 14px;
  127. }
  128. .dltext p{
  129.     width: 85%;
  130. }
  131. .dlbtn{
  132.     box-sizing: border-box;
  133.     -moz-box-sizing: border-box;
  134.     -webkit-box-sizing: border-box;
  135.     position: absolute;
  136.     width: 150px;
  137.     height: 50px;
  138.     border-radius: 5px;
  139.     background: rgba(213, 159, 68, 0.8) /*rgba(34, 46, 66, 0.8)*/;
  140.     right: 10px;
  141.     top: 10px;
  142.     padding-top: 13px;
  143.     padding-left: 37px;
  144.    
  145.     font-size: 18px;
  146.     text-decoration: none;
  147.     font-family: 'Source Sans Pro', sans-serif;
  148.     color: #1b2330;
  149. }
  150. .dlbtn:hover{
  151.     background: rgba(213, 159, 68, 1);
  152. }
  153.  
  154. #textbox{
  155.     opacity: 0;
  156.     position: relative;
  157.     z-index: 1;
  158.     width: 95%;
  159.     height: 1px;
  160.     margin: 40px auto;
  161.     border-radius: 10px;
  162.     box-shadow: 0px 0px 15px;
  163.     background: rgba(255, 238, 238, 0.5);
  164.    
  165.     padding: 15px;
  166. }
  167. ]]></b:skin>
  168.  
  169.   </head>
  170.  
  171.   <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  172.   <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  173.     <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
  174.       <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  175.     function setAttributeOnload(object, attribute, val) {
  176.       if(window.addEventListener) {
  177.         window.addEventListener(&#39;load&#39;,
  178.           function(){ object[attribute] = val; }, false);
  179.       } else {
  180.         window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  181.       }
  182.     }
  183.   &lt;/script&gt;
  184. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  185. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  186. &lt;script type=&quot;text/javascript&quot;&gt;
  187.         gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  188.           if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  189.             gapi.iframes.getContext().openChild({
  190.                 url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0756872437626441418763\46blogName\75CPAELandingpage\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://cpaelanding.blogspot.com/search\46blogLocale\75nl\46v\0752\46homepageUrl\75http://cpaelanding.blogspot.com/\46vt\0756189525663362663937&#39;,
  191.                 where: document.getElementById(&quot;navbar-iframe-container&quot;),
  192.                 id: &quot;navbar-iframe&quot;
  193.             });
  194.           }
  195.         });
  196.       &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  197. (function() {
  198. var script = document.createElement(&#39;script&#39;);
  199. script.type = &#39;text/javascript&#39;;
  200. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  201. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  202. if (head) {
  203. head.appendChild(script);
  204. }})();
  205. &lt;/script&gt;
  206. </b:includable>
  207.     </b:widget>
  208.   </b:section>
  209.  
  210.   <div id="bg"></div>
  211.         <div id="wrapper">
  212.             <div id="logo">
  213.                 <img src="http://i.imgur.com/ArP41Kz.png"/>
  214.             </div>
  215.             <div id="top">
  216.                 <h2 class="title">Asphalt 8: Airborne Hacking Tool</h2>
  217.                 <div class="dltext">
  218.                     <p>Your tool is ready to be downloaded. A virus scan is included in the download.</p>
  219.                     <a class="dlbtn" href="#">Download</a>
  220.                 </div>
  221.             </div>
  222.             <div id="textbox">
  223.                 <h2>Asphalt 8: Airborne?</h2>
  224.                 <p>You probably already know what Asphalt 8 is but for the people who don't, Asphalt 8: Airborne is the 8th Asphalt game. It is a mobile racing game available on Android and IOS. The Asphalt series is developed by Gameloft and the game can be played online and offline.</p>
  225.                
  226.                 <h2>Why this tool?</h2>
  227.                 <p>This tool is made for people who do like these kind of games but don't have the time to go and unlock the vehicles and game modes. This tool has been tested by close to 100 people and is getting updated every time the game is patched.</p>
  228.                
  229.                 <h2>How does it work?</h2>
  230.                 <p>The tool is really easy to use. First you connect your device with USB. Then choose your device and click "Connect". When it says "Connected" enable the Hacks you want to use and enter the amound of Stars and Credits you want if you selected these Hacks. Now just press "Change". That is all! Now just open the game
  231.                
  232.                 The tool first connects to your device and searches for the game files. Then it changes just the options you have chosen in the tool.</p>
  233.             </div>
  234.         </div>
  235.  
  236.  
  237. </body>
  238.  
  239. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!