API tools faq
paste
Advertisement
Northys

Untitled

Northys
Jul 26th, 2014
249
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.37 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. session_start();
  3.  
  4. ?>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7.     <head>
  8.        
  9.         <meta charset="UTF-8" />
  10.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11.        
  12.         <title>Bydlení pro dva</title>
  13.        <meta name="description" content="Zajistíme vše okolo realizace mobilního bydlení - konzultace, pomoc při zajištění pozemku, výhodné ceny mobilních domů, kompletní servis na míru, výhodné neúčelové půjčky na pozemek či mobilní dům." />
  14.        
  15.         <link rel="icon" type="image/png" href="favicon.png" />        
  16.         <link type="text/css" rel="stylesheet" href="css/style.css" />
  17.        
  18.         <link rel="stylesheet" media="only screen and (max-width: 1400px)" href="css/style.css" />
  19.         <link rel="stylesheet" media="only screen and (min-width: 1400px)" href="css/stylemax.css" />
  20.    
  21.         <link type="text/css" rel="stylesheet" href="css/slimbox2.css" />
  22.         <link type="text/css" rel="stylesheet" href="css/responsive-tabs.css" />
  23.         <link rel="stylesheet" href="css/vendor/normalize.css">
  24.         <link rel="stylesheet" href="css/gallery.css">
  25.         <link rel="stylesheet" href="css/gallery.theme.css">
  26.         <link rel="stylesheet" href="css/infinite.css"  type="text/css" />
  27.         <link rel="stylesheet" href="css/bjqs.css" type="text/css" />
  28.         <link type="text/css" rel="stylesheet" href="acornmediaplayer/acornmediaplayer.base.css" />
  29.         <link type="text/css" rel="stylesheet" href="acornmediaplayer/themes/access/acorn.access.css" />
  30.  
  31.         <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>  
  32.         <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
  33.  
  34.         <script type="text/javascript" src="js/slimbox2.js"></script>
  35.         <script src="js/prefixfree.min.js"></script>
  36.         <script src="js/infinite.js" type="text/javascript"></script>
  37.         <script src="js/bjqs-1.3.js"></script>
  38.        
  39.         <script>
  40.          $(document).ready(function () {
  41.             // THIS IS NEW CODE FOR THE AUTOMATIC INFINITE CAROUSEL
  42.             var autoscrolling = true;
  43.          
  44.             $('.infiniteCarousel').infiniteCarousel().mouseover(function () {
  45.                 autoscrolling = false;
  46.             }).mouseout(function () {
  47.                 autoscrolling = true;
  48.             });
  49.          
  50.             setInterval(function () {
  51.                 if (autoscrolling) {
  52.                     $('.infiniteCarousel').trigger('next');
  53.                 }
  54.             }, 6000);
  55.         });
  56.          </script>
  57.          
  58. <script type="text/javascript">
  59. $(document).ready(function() {
  60.  
  61.      // refresh captcha
  62.      $('img#refresh').click(function() {  
  63.            
  64.             change_captcha();
  65.      });
  66.      
  67.      function change_captcha()
  68.      {
  69.         document.getElementById('captcha').src="get_captcha.php?rnd=" + Math.random();
  70.      }
  71.  
  72. });
  73.  
  74.      function clear_form()
  75.     {
  76.     $("#jmeno").val('');
  77.     $("#prijmeni").val('');
  78.     $("#telefon").val('');
  79.     $("#email").val('');
  80.     $("#zprava").val('');
  81.     }
  82.        
  83. </script>
  84.  
  85. </head>  
  86. <body>
  87.  
  88. <?php require "config.php"; ?>
  89.  
  90. <script type="text/javascript">
  91. window.onload = function() {
  92. $('nav a').on('click', function() {
  93.  
  94.     var scrollAnchor = $(this).attr('data-scroll'),
  95.         scrollPoint  = $('section[data-anchor="'+scrollAnchor+'"]').offset().top;
  96.  
  97.    $('body,html').animate({
  98.        scrollTop: scrollPoint
  99.    }, 500);
  100.  
  101.    return false;
  102.  
  103. })
  104.  
  105. $(window).scroll(function() {
  106.     if ($(window).scrollTop() >= 100) {
  107.         $('nav').addClass('fixed');
  108.     } else {
  109.         $('navi').removeClass('fixed');
  110.     }
  111. });
  112.  
  113. }
  114. </script>
  115.  
  116.  
  117. <div id="backleft" style="background-image:url(images/back-left.jpg);height:1329px;width:613px;position:absolute;left:0;margin-top:150px;z-index:10;">&nbsp;</div>
  118. <div id="backright" style="background-image:url(images/back-right.jpg);height:1475px;width:552px;position:absolute;right:0;margin-top:900px;z-index:10;">&nbsp;</div>
  119. <div style="width:1020px;margin:0 auto;z-index:50;background-color:#FFFFFF;">
  120. <section id="uvod" name="uvod" data-anchor="uvod">
  121.     <div id="uvod">
  122.    
  123.         <div style="width:980px;margin:0 auto;z-index:50;background-color:#FFFFFF;">
  124.        
  125.         <div style="float:left;width:50px;padding-top:30px"><img src="images/logo.jpg" /></div>
  126.         <div style="float:right;width:550px;text-align:right;color:#5f5f5f;padding-top:35px;font-size:16px;">
  127.         <nav>
  128.     <ul>
  129.         <li><a href="#" data-scroll="uvod">Home</a></li>
  130.         <li><a href="#" data-scroll="vyhody">Výhody</a></li>
  131.         <li><a href="#" data-scroll="sluzby">Služby</a></li>
  132.         <li><a href="#" data-scroll="kalkulace">Kalkulace</a></li>
  133.         <li><a href="#" data-scroll="kontakt">Kontakt</a></li>
  134.     </ul>
  135. </nav>
  136. </div>
  137.         <div style="clear:both;"></div>
  138.        
  139. <div class="gallery autoplay items-3">
  140.     <div id="1" class="control-operator"></div>
  141.     <div id="2" class="control-operator"></div>
  142.     <div id="3" class="control-operator"></div>
  143.  
  144.     <figure class="item">
  145.       <img src="images/slide1.jpg" />
  146.     </figure>
  147.  
  148.     <figure class="item">
  149.       <img src="images/slide1.jpg" />  
  150.     </figure>
  151.    
  152.     <figure class="item">
  153.       <img src="images/slide1.jpg" />
  154.     </figure>
  155.  
  156.     <div class="controls">
  157.       <a href="#1" class="control-button">•</a>
  158.       <a href="#2" class="control-button">•</a>
  159.       <a href="#3" class="control-button">•</a>
  160.     </div>
  161.   </div>
  162.  
  163.        <div id="horizontalTab">
  164.             <ul>
  165.                  <li><a href="#galerie">Galerie</a></li>
  166.                  <!-- <li><a href="#video">Video</a></li> !-->
  167.             </ul>
  168.  
  169.      <!--   <div id="video">
  170.            <div style="position:relative;text-align:center;"><video id="video1" controls="controls" width="807" height="354" poster="images/video.jpg'" preload="metadata" aria-describedby="full-descript">
  171.                 <source type="video/mp4" src="videa/video.mp4" />  
  172.             </video></div>
  173.        </div> !-->
  174.    
  175.     <div id="galerie">
  176.     <div class="infiniteCarousel">
  177.       <div class="wrapper">
  178.         <ul>
  179. <?php $dotaz = "SELECT id, cesta FROM obrazky ORDER BY id ASC";
  180. $vysledek = @mysql_query ($dotaz);
  181. if ($vysledek) {
  182. while ($radek = mysql_fetch_array($vysledek, MYSQL_NUM)) {
  183. $id = $radek[0];
  184. $cesta = $radek[1];
  185. echo '
  186.          <li><a href="obrazky/'.$cesta.'" rel="lightbox-house"><img src="obrazky/'.$cesta.'" width="399" alt="" /></a></li>';
  187. }
  188. }
  189. ?>
  190.  
  191.          
  192.         </ul>
  193.       </div>
  194.     </div>
  195.         </div>
  196.  
  197.     </div>
  198.  
  199.        
  200.         <div style="font-size:19px;text-align:justify;padding-top:15px;line-height:25px;">
  201. <?php
  202. $dotaz = "SELECT uvod FROM obsah WHERE id = '1'";
  203. $vysledek = @mysql_query ($dotaz);
  204. while ($radek = mysql_fetch_array($vysledek, MYSQL_NUM)) {
  205.     $text = $radek[0];
  206.     echo $text;
  207. }
  208. ?>
  209.         </div>
  210.        
  211.         </div>
  212.     </div>
  213. </section>  
  214.  
  215.  
  216. <section id="uvod" name="vyhody" data-anchor="vyhody">
  217.     <div id="vyhody">
  218.     <div style="width:980px;margin:0 auto;margin-top:25px;z-index:50;background-color:#FFFFFF;">
  219.      
  220.       <div style="float:left;width:490px;">
  221.       <div><h2>Výhody mobilního bydlení</h2></div>
  222.      
  223.       <div style="float:left; background-image:url(images/circle.jpg);height:55px;width:57px;color:#fff;font-weight:bold;font-size:40px;text-align:center;padding-top:3px;">1</div>
  224.       <div style="float:left; width:400px;font-weight:bold;font-size:24px;margin-left:15px;padding-top:12px;">Velmi nízká pořizovací cena</div>
  225.       <div style="clear:left;"></div>
  226.      
  227.       <div style="margin-top:18px;">
  228.       <div style="float:left; background-image:url(images/circle.jpg);height:55px;width:57px;color:#fff;font-weight:bold;font-size:40px;text-align:center;padding-top:3px;">2</div>
  229.       <div style="float:left; width:400px;font-weight:bold;font-size:24px;margin-left:15px;padding-top:12px;">Transport kamkoliv</div>
  230.       <div style="clear:left;"></div>
  231.       </div>
  232.      
  233.       <div style="margin-top:18px;">
  234.       <div style="float:left; background-image:url(images/circle.jpg);height:55px;width:57px;color:#fff;font-weight:bold;font-size:40px;text-align:center;padding-top:3px;">3</div>
  235.       <div style="float:left; width:400px;font-weight:bold;font-size:24px;margin-left:15px;padding-top:12px;">Bez stavebního povolení</div>
  236.       <div style="clear:left;"></div>
  237.       </div>
  238.      
  239.       <div style="margin-top:18px;">
  240.       <div style="float:left; background-image:url(images/circle.jpg);height:55px;width:57px;color:#fff;font-weight:bold;font-size:40px;text-align:center;padding-top:3px;">4</div>
  241.       <div style="float:left; width:340px;font-weight:bold;font-size:24px;margin-left:15px;">Velmi vysoké tepelné úspory a nízké náklady na bydlení</div>
  242.       <div style="clear:left;"></div>
  243.       </div>
  244.      
  245.       <div style="margin-top:18px;">
  246.       <div style="float:left; background-image:url(images/circle.jpg);height:55px;width:57px;color:#fff;font-weight:bold;font-size:40px;text-align:center;padding-top:3px;">5</div>
  247.       <div style="float:left; width:400px;font-weight:bold;font-size:24px;margin-left:15px;">Ideální pro GAY nebo bezdětné páry či seniory.</div>
  248.       <div style="clear:left;"></div>
  249.       </div>
  250.      
  251.       </div>
  252.       <div style="position:relative;float:left;width:490px;">
  253.       <div style="text-align:right;"><h2>Jediná nevýhoda</h2></div>
  254.       <div style="margin-top:5px;margin-bottom:7px;">
  255.       <div style="float:right; width:335px;font-weight:bold;font-size:24px;margin-left:15px;padding-top:12px;">Nepřihlásíte si trvalé bydliště</div>
  256.       <div style="float:right; background-image:url(images/circle.jpg);height:55px;width:57px;color:#fff;font-weight:bold;font-size:40px;text-align:center;padding-top:3px;">1</div>
  257.       <div style="clear:right;"></div>
  258.       </div>
  259.      
  260.       <div style="text-align:right;"><h2>Všechny super vlastnosti</h2></div>
  261.       <div style="text-align:right;"><img src="images/vlastnosti.jpg" /></div>
  262.          <div id="banner-fade" style="position:absolute;width:470px;height:270px;padding-left:70px;padding-top:15px;z-index:150;">
  263.             <ul class="bjqs">
  264.            
  265.             <?php $dotaz = "SELECT id, cesta, odkaz FROM bannery";
  266. $vysledek = @mysql_query ($dotaz);
  267. if ($vysledek) {
  268. while ($radek = mysql_fetch_array($vysledek, MYSQL_NUM)) {
  269. $id = $radek[0];
  270. $cesta = $radek[1];
  271. $odkaz = $radek[2];
  272. echo '
  273.          <li><a href="'.$odkaz.'" target="_blank"><img src="bannery/'.$cesta.'" width="399" alt="" /></a></li>';
  274. }
  275. }
  276. ?>
  277.             </ul>
  278.          </div>
  279.       </div>
  280.       <div style="clear:left;"></div>
  281.      
  282.     </div>
  283.     </div>
  284. </section>
  285.  
  286.       <script class="secret-source">
  287.         jQuery(document).ready(function($) {
  288.  
  289.           $('#banner-fade').bjqs({
  290.             height      : 270,
  291.             width       : 470,
  292.             responsive  : true
  293.           });
  294.  
  295.         });
  296.      </script>
  297.  
  298. <section id="uvod" name="sluzby" data-anchor="sluzby">
  299.     <div id="sluzby">
  300.     <div style="width:980px;margin:0 auto;margin-top:50px;z-index:50;">
  301.         <div><h2>Služby, které Vám nabízím</h2></div>
  302. <?php
  303. $dotaz = "SELECT sluzby FROM obsah WHERE id = '1'";
  304. $vysledek = @mysql_query ($dotaz);
  305. while ($radek = mysql_fetch_array($vysledek, MYSQL_NUM)) {
  306.     $text = $radek[0];
  307.     echo $text;
  308. }
  309. ?>
  310.     </div>
  311.     </div>
  312. </section>
  313.  
  314. <section id="uvod" name="kalkulace" data-anchor="kalkulace">
  315.     <div id="kalkulace">
  316.     <div style="width:980px;margin:0 auto;margin-top:25px;z-index:50;background-color:#FFFFFF;">
  317.         <div><h2>Kalkulace</h2></div>
  318.         <?php
  319. $dotaz = "SELECT kalkulace FROM obsah WHERE id = '1'";
  320. $vysledek = @mysql_query ($dotaz);
  321. while ($radek = mysql_fetch_array($vysledek, MYSQL_NUM)) {
  322.     $text = $radek[0];
  323.     echo $text;
  324. }
  325. ?>
  326.     </div>
  327.     </div>
  328. </section>
  329.  
  330. <section id="uvod" name="kontakt" data-anchor="kontakt">
  331.     <div id="kontakt">
  332.     <div style="width:980px;margin:0 auto;margin-top:25px;z-index:50;background-color:#FFFFFF;">
  333.         <div><h2>Kontakt</h2></div>
  334.         <div style="font-size:18px;">
  335. <?php
  336.     $dotaz = "SELECT kontakt FROM obsah WHERE id = '1'";
  337.     $vysledek = @mysql_query ($dotaz);
  338.     while ($radek = mysql_fetch_array($vysledek, MYSQL_NUM)) {
  339.         $text = $radek[0];
  340.         echo $text;
  341.     }
  342. ?>
  343.         </div>
  344.         <form action="#" method="post" name="MYFORM" id="MYFORM" onsubmit="return test()">
  345.         <div style="background-color:#e78129;padding:25px;margin-top:25px;">
  346.         <div style="float:left;width:200px;color:#FFFFFF;margin-top:10px;">Jméno a příjmení:</div>
  347.         <div style="float:left;width:500px;color:#FFFFFF;"><input name="jmeno" id="jmeno" type="text" style="height:40px;width:450px;border:none;"/></div>
  348.         <div style="clear:left;"></div>
  349.        
  350.         <div style="margin-top:10px;">
  351.         <div style="float:left;width:200px;color:#FFFFFF;margin-top:10px;">E-mail:</div>
  352.         <div style="float:left;width:500px;color:#FFFFFF;"><input name="email" id="email" type="text" style="height:40px;width:450px;border:none;"/></div>
  353.         <div style="clear:left;"></div>
  354.         </div>
  355.        
  356.         <div style="margin-top:10px;">
  357.         <div style="float:left;width:200px;color:#FFFFFF;margin-top:10px;">Telefon:</div>
  358.         <div style="float:left;width:500px;color:#FFFFFF;"><input name="telefon" id="telefon" type="text" style="height:40px;width:450px;border:none;"/></div>
  359.         <div style="clear:left;"></div>
  360.         </div>
  361.        
  362.         <div style="margin-top:10px;">
  363.         <div style="float:left;width:200px;color:#FFFFFF;margin-top:10px;">Zpráva</div>
  364.         <div style="float:left;width:480px;color:#FFFFFF;"><textarea name="zprava" id="zprava" type="text" style="height:200px;width:450px;color:#999999;padding:5px;"/></textarea></div>
  365.         <div style="float:left;width:230px;color:#FFFFFF;margin-top:25px;">
  366.          
  367.         <div id="wrap" align="center">
  368.         <div style="float:left;width:170px;"><img src="get_captcha.php" alt="" id="captcha" /></div>
  369.         <div style="float:left;width:40px;text-align:left;"> <img src="refresh.jpg" width="25" alt="" id="refresh" /></div>
  370.         <div style="float:left;width:200px;text-align:left;"><div style="padding-top:5px;">Opiště kontrolní kód:</div><div><input name="code" type="text" id="code" style="width:180px;"></div></div>
  371.         <div style="clear:left;"></div>
  372.         </div>
  373.  
  374.        
  375.         <div style="margin-top:5px;"><input name="odeslat" type="submit" value="Odeslat" style="background-color:#FFFFFF;border:none;color:#e78129;width:120px;height:40px;font-size:22px;"/></div>
  376.         </div>
  377.         <div style="clear:left;"></div>
  378.         </div>
  379.         </form>
  380.        
  381.         </div>
  382.     </div>
  383.     </div>
  384. </section>
  385.  
  386. </div>
  387.  
  388. <section id="footer" name="footer" data-anchor="footer">
  389.     <div id="footer">
  390.       <div style="position:absolute;margin-left:40px;margin-top:230px;color:#dbfe84;font-size:15px;">Design by <b>PT2 design</b> 2014</div>
  391.     </div>
  392. </section>  
  393.  
  394.  
  395.     <script src="js/jquery.responsiveTabs.js" type="text/javascript"></script>
  396.  
  397.     <script type="text/javascript">
  398.         $(document).ready(function () {
  399.             $('#horizontalTab').responsiveTabs({
  400.                 rotate: false,
  401.                 startCollapsed: 'accordion',
  402.                 collapsible: 'accordion',
  403.                 setHash: true,
  404.                 disabled: [3,4],
  405.                 activate: function(e, tab) {
  406.                     $('.info').html('Tab <strong>' + tab.id + '</strong> activated!');
  407.                 },
  408.                 activateState: function(e, state) {
  409.                     //console.log(state);
  410.                     $('.info').html('Switched from <strong>' + state.oldState + '</strong> state to <strong>' + state.newState + '</strong> state!');
  411.                 }
  412.             });
  413.  
  414.          
  415.             $('.select-tab').on('click', function() {
  416.                 $('#horizontalTab').responsiveTabs('activate', $(this).val());
  417.             });
  418.  
  419.         });
  420.     </script>
  421.    
  422. <script type="text/javascript">
  423. function test() {
  424.    
  425.             var nameVal = $("#jmeno").val();
  426.             if(nameVal == '') {
  427.                 alert("Není vyplněno pole jméno a příjmení!");
  428.                 return false
  429.             }
  430.             else
  431.             {
  432.             }
  433.            
  434.             var nameVal = $("#email").val();
  435.             if(nameVal == '') {
  436.                 alert("Není vyplněno pole email!");
  437.                 return false
  438.             }
  439.             else
  440.             {
  441.             }
  442.            
  443.             var nameVal = $("#telefon").val();
  444.             if(nameVal == '') {
  445.                 alert("Není vyplněno pole telefon!");
  446.                 return false
  447.             }
  448.             else
  449.             {
  450.             }
  451.            
  452.             var nameVal = $("#zprava").val();
  453.             if(nameVal == '') {
  454.                 alert("Musíte vyplnit text zprávy!");
  455.                 return false
  456.             }
  457.             else
  458.             {
  459.             }
  460.            
  461.             function clear_form()
  462.                 {
  463.                 $("#jmeno").val('');
  464.                 $("#telefon").val('');
  465.                 $("#email").val('');
  466.                 $("#zprava").val('');
  467.                 $("#code").val('');
  468.                
  469.             }
  470.            
  471.             function change_captcha()
  472.          {
  473.             document.getElementById('captcha').src="get_captcha.php?rnd=" + Math.random();
  474.          }
  475.                
  476.             $.post("post.php?"+$("#MYFORM").serialize(), {
  477.        
  478.             }, function(response){
  479.            
  480.             if(response==1)
  481.             {
  482.                
  483.                 alert("Zpráva byla úspěšně odeslána, budeme Vás kontaktovat.");
  484.                 change_captcha();
  485.                 clear_form();
  486.             }
  487.             else
  488.             {
  489.                 alert("Špatně opsaný kontrolní kód!");
  490.                 return false;
  491.             }
  492.          });
  493.          return false;
  494. }
  495.  
  496.  
  497. </script>
  498.  
  499. </body>
  500. </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!