Advertisement
Guest User

Untitled

a guest
May 17th, 2012
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 21.73 KB | None | 0 0
  1.  
  2. <!DOCTYPE html>
  3. <html xmlns:fb="http://www.facebook.com/2008/fbml" prefix="og: http://ogp.me/ns#">
  4.     <head>
  5.         <title>myappp</title>
  6.            
  7.                 <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
  8.                Remove this if you use the .htaccess -->
  9.                
  10.                 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  11.                                     <meta name="description" content="Bringe dein Event zu den Leuten - und die Leute zu deinem Event!">
  12.                                 <meta name="author" content="myappp">
  13.                 <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  14.                 <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15.  
  16.                 <link rel="icon" type="image/png" href="/myappp/web/bundles/fanadomyappp/images/favicon.png?v1.5" />
  17.                 <link rel="apple-touch-icon" href="/myappp/web/bundles/fanadomyappp/images/apple-touch-icon.png?v1.5">
  18.  
  19.                 <link rel="stylesheet" type="text/css" href="/myappp/web/bundles/fanadomyappp/css/boilerplate.css?v1.5" media="screen" />
  20.                 <link rel="stylesheet" type="text/css" href="/myappp/web/bundles/fanadomyappp/css/default.css?v1.5" media="screen" />
  21.                
  22.                
  23.                 <!--[if lt IE 9 ]>
  24.                <link rel="stylesheet" type="text/css" href="/myappp/web/bundles/fanadomyappp/css/ie8.css?v1.5" media="screen" />
  25.                <![endif]-->
  26.                
  27.                 <link rel="stylesheet" type="text/css" href="/myappp/web/bundles/fanadomyappp/css/custom-theme/jquery-ui-1.8.11.custom.css?v1.5" media="screen" />
  28.                
  29.  
  30.                 <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
  31.                
  32.                
  33.                 <script type="text/javascript" src="/myappp/web/bundles/fanadomyappp/js/modernizr-1.7.min.js?v1.5"></script>
  34.                 <script type="text/javascript" src="/myappp/web/bundles/fanadomyappp/js/jquery-1.7.2.min.js?v1.5"></script>
  35.                 <script type="text/javascript" src="/myappp/web/bundles/fanadomyappp/js/jquery-ui-1.8.11.custom.min.js?v1.5"></script>
  36.                
  37.                 <script type="text/javascript" src="/myappp/web/bundles/fanadomyappp/js/jquery.defaultvalue.js?v1.5"></script>
  38.                 <script type="text/javascript" src="/myappp/web/bundles/fanadomyappp/js/jquery.cookie/jquery.cookie.js?v1.5"></script>
  39.                 <script type="text/javascript" src="/myappp/web/bundles/fanadomyappp/js/jquery.oembed.js?v1.5"></script>
  40.                 <script type="text/javascript" src="/myappp/web/bundles/fanadomyappp/js/default.js?v1.5"></script>
  41.                 <script type="text/javascript">
  42.                     myappp.baseUrl = '/myappp/web/app_test_local.php';
  43.                 </script>
  44.                
  45.                                
  46.                
  47.                
  48.  
  49.        
  50.     <link rel="stylesheet" type="text/css" href="/myappp/web/bundles/fanadomyappp/css/home.css?v1.5" media="screen" />
  51.     <link rel="stylesheet" type="text/css" href="/myappp/web/bundles/fanadomyappp/css/home-box.css?v1.5" media="screen" />
  52.    
  53.     <script type="text/javascript">
  54.     $(document).ready(function() {
  55.  
  56.         $('.form-open').click(function(){
  57.            $('html, body').animate({scrollTop:0}, 'slow');
  58.            $('#request-invitation-code-button').slideUp();
  59.            $("#request-invitation-code-form" ).slideDown();
  60.            return false;
  61.         });
  62.         $('.dialog-open').click(function(){
  63.            $("#mailchimp-dialog" ).dialog({ width: 460, modal: true });
  64.            return false;
  65.         });
  66.     });
  67.     </script>
  68.    
  69.     </head>
  70.     <body>
  71.    <div id="container">
  72.     <header>
  73.         <div id="header">
  74.            
  75.             <a id="logo" href="/myappp/web/app_test_local.php/" ><img src="/myappp/web/bundles/fanadomyappp/images/logo_beta.png?v1.5" /></a>
  76.            
  77.             <div id="menu">
  78.                
  79.                                 <nav>
  80.                     <ul>
  81.                         <li>
  82.                             <a href="/myappp/web/app_test_local.php/events/" class="">Alle Events</a>
  83.                         </li>
  84.                                                     <!-- links for "graceful degradation" /myappp/web/app_test_local.php/login -->
  85.                             <li>
  86.                                 <a href="/myappp/web/app_test_local.php/login" class="login">Login</a>
  87.                             </li>
  88.                             <li>
  89.                                 <a href="/myappp/web/app_test_local.php/register" class="">Registrieren</a>
  90.                             </li>
  91.                                             </ul>
  92.                 </nav>
  93.                                
  94.             </div>
  95.            
  96.         </div>
  97.     </header>
  98.  
  99.     <div id="main" role="main">
  100.        
  101.        
  102.         <div id="flash-message" style="display: none;">
  103.            
  104.             <div><strong>Hinweis:</strong>
  105.                 <span>
  106.                                     </span>
  107.             </div>
  108.            
  109.         </div>
  110.        
  111.        
  112.        
  113. <div class="home-eventinfo-wrap">
  114.    
  115.     <div class="home-eventinfo">
  116.         <div class="request-invitation-code">
  117.                             <a id="request-invitation-code-button" style="font-size: 17px; font-weight: bold; padding: 22px 22px;" class="button buttonBlue form-open" href="#" name="requestInvitationCode">Jetzt Beta-Tester werden!</a>
  118.                 <form id="request-invitation-code-form" action="/myappp/web/app_test_local.php/" method="post" style="display: none;">
  119.                    
  120.  
  121.  
  122.                         <input type="email" id="form_email" name="form[email]" required="required"    placeholder="Deine E-Email Adresse" />
  123.                        
  124.                     <input type="hidden" id="form__token" name="form[_token]" value="5bebc1680d175e79df370583045d641e0e965892" />
  125.  
  126.                     <br /> <br />
  127.  
  128.  
  129.                     <input type="submit" name="create" value="Einladungscode jetzt anfordern" class="largeButton buttonBlue activate"/>
  130.  
  131.                     <div class="clear"></div>
  132.                 </form>
  133.                     </div>
  134.     </div>
  135.     <div class="home-right-fill"></div>
  136. </div>
  137.  
  138. <div class="home-content-wrap">
  139.     <div class="boxwrap">
  140.        
  141.         <div class="small-box">
  142.             <img src="/myappp/web/bundles/fanadomyappp/images/home_crown.jpg?v1.5">
  143.             <h2>Präsentieren</h2>
  144.             Präsentiere dein Event inklusive modernster Web 2.0 Integration.
  145.         </div>
  146.        
  147.         <div class="small-box">
  148.             <img src="/myappp/web/bundles/fanadomyappp/images/home_soc_media.jpg?v1.5">
  149.             <h2>Publizieren</h2>
  150.             Publiziere deine Infos über zahlreiche Social Media Kanäle – in Sekundenschnelle.
  151.         </div>
  152.        
  153.         <div class="small-box">
  154.             <img src="/myappp/web/bundles/fanadomyappp/images/home_stat.jpg?v1.5">
  155.             <h2>Auswerten</h2>
  156.             Sammle Wissen über deine Zielgruppe - mit myappp Statistics!
  157.         </div>
  158.        
  159.         <div class="small-box box-margin">
  160.             <img src="/myappp/web/bundles/fanadomyappp/images/home_cloud.jpg?v1.5">
  161.             <h2>Weiterempfehlen</h2>
  162.             Werde myappp Partner und verdiene Geld mit Empfehlungs-Marketing.
  163.         </div>
  164.        
  165.     </div>
  166.    
  167.     <div class="boxwrap">
  168.         <div class="box box-filled">
  169.            
  170.                             <h2>Beta</h2>
  171.                 <p>EVENITPLY befindet sich momentan in der privaten Testphase, der Zugang ist nur mit einem Einladungscode möglich.</p>
  172.                 <p>Um als eine der ersten Zugang zu bekommen, einfach den <a href="#" class="form-open">Einladungscode</a> anfordern!</p>
  173.                     </div>
  174.        
  175.         <div class="box box-margin">
  176.             <h2>Angebote</h2>
  177.             <p>myappp wird nach dem öffentlichen Launch verschiedene Angebote für verschiedene Zielgruppen bereitstellen. Details findet ihr unter <a href="/myappp/web/app_test_local.php/offer">Angebote</a></p>
  178.             <p>Um informiert zu bleiben, einfach den <a href="#" class="dialog-open">myappp-Newsletter</a> abonnieren!</p>
  179.         </div>
  180.     </div>
  181.  
  182.    
  183.  
  184. <div id="mailchimp-dialog" style="display: none;" title="Newsletter">
  185.     <p>myappp befindet sich momentan in einer privaten Beta-Phase. Tragen Sie sich in den Newsletter ein, um am Laufenden zu bleiben und einen Einladungs-Code zu erhalten:</p>
  186.     <!-- Begin MailChimp Signup Form -->
  187.     <script type="text/javascript">
  188.         // delete this script tag and use a "div.mce_inline_error{ XXX !important}" selector
  189.         // or fill this in and it will be inlined when errors are generated
  190.         var mc_custom_error_style = '';
  191.         </script>
  192.         <div id="mc_embed_signup">
  193.         <form action="http://myappp.us2.list-manage.com/subscribe/post?u=e6ec2ee8b6675595c8e051069&amp;id=a01d1d0a43" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
  194.             <fieldset>
  195.  
  196.         <div class="mc-field-group">
  197.         <label for="mce-EMAIL"></label>
  198.         <input type="text" value="Deine E-Mail Adresse" name="EMAIL" class="required email mailformemail" id="mce-EMAIL" ><input type="submit" value="Eintragen!" name="subscribe" id="mc-embedded-subscribe" class="btn">
  199.         </div>
  200.                 <div id="mce-responses">
  201.                     <div class="response" id="mce-error-response" style="display:none"></div>
  202.                     <div class="response" id="mce-success-response" style="display:none"></div>
  203.                 </div>
  204.             </fieldset>
  205.         </form>
  206.         </div>
  207.         <script type="text/javascript">
  208.         var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';
  209.         try {
  210.             var jqueryLoaded=jQuery;
  211.             jqueryLoaded=true;
  212.         } catch(err) {
  213.             var jqueryLoaded=false;
  214.         }
  215.         var head= document.getElementsByTagName('head')[0];
  216.         if (!jqueryLoaded) {
  217.             var script = document.createElement('script');
  218.             script.type = 'text/javascript';
  219.             script.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js';
  220.             head.appendChild(script);
  221.             if (script.readyState && script.onload!==null){
  222.                script.onreadystatechange= function () {
  223.                      if (this.readyState == 'complete') mce_preload_check();
  224.                 }    
  225.             }
  226.         }
  227.         var script = document.createElement('script');
  228.         script.type = 'text/javascript';
  229.         script.src = 'http://downloads.mailchimp.com/js/jquery.form-n-validate.js';
  230.         head.appendChild(script);
  231.         var err_style = '';
  232.         try{
  233.             err_style = mc_custom_error_style;
  234.         } catch(e){
  235.             err_style = 'margin: 1em 0 0 0; padding: 1em 0.5em 0.5em 0.5em; background: ERROR_BGCOLOR none repeat scroll 0% 0%; font-weight: bold; float: left; z-index: 1; width: 80%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: ERROR_COLOR;';
  236.         }
  237.         var head= document.getElementsByTagName('head')[0];
  238.         var style= document.createElement('style');
  239.         style.type= 'text/css';
  240.         if (style.styleSheet) {
  241.           style.styleSheet.cssText = '.mce_inline_error {' + err_style + '}';
  242.         } else {
  243.           style.appendChild(document.createTextNode('.mce_inline_error {' + err_style + '}'));
  244.         }
  245.         head.appendChild(style);
  246.         setTimeout('mce_preload_check();', 250);
  247.  
  248.         var mce_preload_checks = 0;
  249.         function mce_preload_check(){
  250.             if (mce_preload_checks>40) return;
  251.             mce_preload_checks++;
  252.             try {
  253.                 var jqueryLoaded=jQuery;
  254.             } catch(err) {
  255.                 setTimeout('mce_preload_check();', 250);
  256.                 return;
  257.             }
  258.             try {
  259.                 var validatorLoaded=jQuery("#fake-form").validate({});
  260.             } catch(err) {
  261.                 setTimeout('mce_preload_check();', 250);
  262.                 return;
  263.             }
  264.             mce_init_form();
  265.         }
  266.         function mce_init_form(){
  267.             jQuery(document).ready( function($) {
  268.               var options = { errorClass: 'mce_inline_error', errorElement: 'div', onkeyup: function(){}, onfocusout:function(){}, onblur:function(){}  };
  269.               var mce_validator = $("#mc-embedded-subscribe-form").validate(options);
  270.               $("#mc-embedded-subscribe-form").unbind('submit');//remove the validator so we can get into beforeSubmit on the ajaxform, which then calls the validator
  271.               options = { url: 'http://myappp.us2.list-manage.com/subscribe/post-json?u=e6ec2ee8b6675595c8e051069&id=a01d1d0a43&c=?', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8",
  272.                             beforeSubmit: function(){
  273.                                 $('#mce_tmp_error_msg').remove();
  274.                                 $('.datefield','#mc_embed_signup').each(
  275.                                     function(){
  276.                                         var txt = 'filled';
  277.                                         var fields = new Array();
  278.                                         var i = 0;
  279.                                         $(':text', this).each(
  280.                                             function(){
  281.                                                 fields[i] = this;
  282.                                                 i++;
  283.                                             });
  284.                                         $(':hidden', this).each(
  285.                                             function(){
  286.                                                 if (fields.length == 2) fields[2] = {'value':1970};//trick birthdays into having years
  287.                                                 if ( fields[0].value=='MM' && fields[1].value=='DD' && fields[2].value=='YYYY' ){
  288.                                                    this.value = '';
  289.                                                 } else if ( fields[0].value=='' && fields[1].value=='' && fields[2].value=='' ){
  290.                                                    this.value = '';
  291.                                                 } else {
  292.                                                     this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value;
  293.                                                 }
  294.                                             });
  295.                                     });
  296.                                 return mce_validator.form();
  297.                             },
  298.                             success: mce_success_cb
  299.                         };
  300.               $('#mc-embedded-subscribe-form').ajaxForm(options);      
  301.  
  302.             });
  303.         }
  304.         function mce_success_cb(resp){
  305.             $('#mce-success-response').hide();
  306.             $('#mce-error-response').hide();
  307.             if (resp.result=="success"){
  308.                 $('#mce-'+resp.result+'-response').show();
  309.                 $('#mce-'+resp.result+'-response').html(resp.msg);
  310.                 $('#mc-embedded-subscribe-form').each(function(){
  311.                     this.reset();
  312.                 });
  313.             } else {
  314.                 var index = -1;
  315.                 var msg;
  316.                 try {
  317.                     var parts = resp.msg.split(' - ',2);
  318.                     if (parts[1]==undefined){
  319.                         msg = resp.msg;
  320.                     } else {
  321.                         i = parseInt(parts[0]);
  322.                         if (i.toString() == parts[0]){
  323.                             index = parts[0];
  324.                             msg = parts[1];
  325.                         } else {
  326.                             index = -1;
  327.                             msg = resp.msg;
  328.                         }
  329.                     }
  330.                 } catch(e){
  331.                     index = -1;
  332.                     msg = resp.msg;
  333.                 }
  334.                 try{
  335.                     if (index== -1){
  336.                         $('#mce-'+resp.result+'-response').show();
  337.                         $('#mce-'+resp.result+'-response').html(msg);            
  338.                     } else {
  339.                         err_id = 'mce_tmp_error_msg';
  340.                         html = '<div id="'+err_id+'" style="'+err_style+'"> '+msg+'</div>';
  341.  
  342.                         var input_id = '#mc_embed_signup';
  343.                         var f = $(input_id);
  344.                         if (ftypes[index]=='address'){
  345.                             input_id = '#mce-'+fnames[index]+'-addr1';
  346.                             f = $(input_id).parent().parent().get(0);
  347.                         } else if (ftypes[index]=='date'){
  348.                             input_id = '#mce-'+fnames[index]+'-month';
  349.                             f = $(input_id).parent().parent().get(0);
  350.                         } else {
  351.                             input_id = '#mce-'+fnames[index];
  352.                             f = $().parent(input_id).get(0);
  353.                         }
  354.                         if (f){
  355.                             $(f).append(html);
  356.                             $(input_id).focus();
  357.                         } else {
  358.                             $('#mce-'+resp.result+'-response').show();
  359.                             $('#mce-'+resp.result+'-response').html(msg);
  360.                         }
  361.                     }
  362.                 } catch(e){
  363.                     $('#mce-'+resp.result+'-response').show();
  364.                     $('#mce-'+resp.result+'-response').html(msg);
  365.                 }
  366.             }
  367.         }
  368.  
  369.     </script>
  370.     <!--End mc_embed_signup-->
  371. </div>
  372.  
  373. </div>
  374.  
  375.     </div>
  376.     <footer>
  377.         <div class="container">
  378.             &copy; 2012 myappp//  
  379.                <a href="/myappp/web/app_test_local.php/impress">Impressum//</a>
  380.                <a href="/myappp/web/app_test_local.php/contact">Kontakt//</a>
  381.                <a href="/myappp/web/app_test_local.php/press">Presse//</a>
  382.                <a href="/myappp/web/app_test_local.php/api-documentation">API//</a>
  383.                <a href="/myappp/web/app_test_local.php/offer">Angebot//</a>
  384.                <a href="/myappp/web/app_test_local.php/faq">FAQ//</a>
  385.             <div class="right">
  386.                 <a class="twitter" href="http://twitter.com/myappp"></a>
  387.                 <a class="facebook" href="http://www.facebook.com/pages/myappp/150014001719054"></a><span>find us on </span>
  388.             </div>
  389.         </div>
  390.     </footer>
  391.   </div> <!--! end of #container -->
  392.  
  393.  
  394.   <!-- JavaScript at the bottom for fast page loading -->
  395.  
  396.  
  397.  
  398.   <!--[if lt IE 7 ]>
  399.    <script src="js/libs/dd_belatedpng.js"></script>
  400.    <script>DD_belatedPNG.fix("img, .png_bg"); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
  401.  <![endif]-->
  402.     <!-- begin olark code --><script type='text/javascript'>/*{literal}<![CDATA[*/
  403.    window.olark||(function(c){var f=window,d=document,l=f.location.protocol=="https:"?"https:":"http:",z=c.name,r="load";var nt=function(){f[z]=function(){(a.s=a.s||[]).push(arguments)};var a=f[z]._={},q=c.methods.length;while(q--){(function(n){f[z][n]=function(){f[z]("call",n,arguments)}})(c.methods[q])}a.l=c.loader;a.i=nt;a.p={0:+new Date};a.P=function(u){a.p[u]=new Date-a.p[0]};function s(){a.P(r);f[z](r)}f.addEventListener?f.addEventListener(r,s,false):f.attachEvent("on"+r,s);var ld=function(){function p(hd){hd="head";return["<",hd,"></",hd,"><",i,' onl' + 'oad="var d=',g,";d.getElementsByTagName('head')[0].",j,"(d.",h,"('script')).",k,"='",l,"//",a.l,"'",'"',"></",i,">"].join("")}var i="body",m=d[i];if(!m){return setTimeout(ld,100)}a.P(1);var j="appendChild",h="createElement",k="src",n=d[h]("div"),v=n[j](d[h](z)),b=d[h]("iframe"),g="document",e="domain",o;n.style.display="none";m.insertBefore(n,m.firstChild).id=z;b.frameBorder="0";b.id=z+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){b.src="javascript:false"}b.allowTransparency="true";v[j](b);try{b.contentWindow[g].open()}catch(w){c[e]=d[e];o="javascript:var d="+g+".open();d.domain='"+d.domain+"';";b[k]=o+"void(0);"}try{var t=b.contentWindow[g];t.write(p());t.close()}catch(x){b[k]=o+'d.write("'+p().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}a.P(2)};ld()};nt()})({loader: "static.olark.com/jsclient/loader0.js",name:"olark",methods:["configure","extend","declare","identify"]});
  404.    /* custom configuration goes here (www.olark.com/documentation) */
  405.    olark.identify('8169-128-10-4533');/*]]>{/literal}*/</script>
  406.     <!-- end olark code -->
  407.  
  408.     <div style="display: none" class="login-form-container" id="login-form-container">
  409.     <form action="/myappp/web/app_test_local.php/login_check" method="post" id="login-form">
  410.  
  411.    
  412.     <div class="form-row username">
  413.         <label for="username">E-Mail</label>
  414.         <input type="text" id="username" name="_username" value="" />
  415.     </div>
  416.  
  417.     <div class="form-row password">
  418.         <label for="password">Passwort:</label>
  419.         <input type="password" id="password" name="_password" />
  420.     </div>
  421.  
  422.     <div class="form-row remember_me">
  423.         <input type="checkbox" id="remember_me" name="_remember_me" value="on" checked="checked" />
  424.         <label for="remember_me">An mich erinnern</label>
  425.     </div>
  426.  
  427.     <div class="form-row">
  428.         <label for="_submit"></label>
  429.         <input type="submit" id="_submit" name="_submit" value="Anmelden" />
  430.     </div>
  431.     <br/><br/>
  432.     <a href="/myappp/web/app_test_local.php/resetting/request">Passwort vergessen?</a>
  433.  
  434. </form></div>
  435.     </body>
  436. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement