API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 10th, 2016
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 19.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.   <head>
  4.     <meta charset="utf-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  6.     <meta name="description" content="" />
  7.     <meta name="author" content="" />
  8.     <title>Den Norske Turistforeningen</title>
  9.     <!-- BOOTSTRAP CORE STYLE CSS -->
  10.     <link href="assets/css/bootstrap.css" rel="stylesheet" />
  11.     <!-- FONT AWESOME CSS -->
  12.     <link href="assets/css/font-awesome.min.css" rel="stylesheet" />
  13.     <!-- FLEXSLIDER CSS -->
  14.     <link href="assets/css/flexslider.css" rel="stylesheet" />
  15.     <!-- CUSTOM STYLE CSS -->
  16.     <link href="assets/css/style.css" rel="stylesheet" />    
  17.     <!-- Google Fonts -->
  18.     <link href='=Open+Sans:400,700,300' rel='stylesheet' type='text/css' />
  19.   </head>
  20.   <body>
  21.     <div class="navbar navbar-inverse navbar-fixed-top " id="menu">
  22.       <div class="container">
  23.         <div class="navbar-header">
  24.           <span class="danger">
  25.             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  26.             </button>
  27.           </span>
  28.           <a class="navbar-brand" href="#"><img src="assets/img/logo180-50.png" alt="" width="65" height="49" class="logo-custom"  /></a>
  29.         </div>
  30.         <div class="navbar-collapse collapse move-me">
  31.           <ul class="nav navbar-nav navbar-right">
  32.             <li><a href="#home">Hjem</a></li>
  33.             <li><a href="#features-sec">Informasjon</a></li>
  34.             <li><a href="#faculty-sec">Bilder</a></li>
  35.             <li><a href="#course-sec">Hvem er vi?</a></li>
  36.             <li><a href="#contact-sec">Bestill Hytte</a></li>
  37.           </ul>
  38.         </div>
  39.       </div>
  40.     </div>
  41.     <!--NAVBAR SECTION END-->
  42.     <div class="home-sec" id="home" >
  43.       <div class="overlay">
  44.         <div class="container">
  45.           <div class="row text-center " >
  46.             <div class="col-lg-12  col-md-12 col-sm-12">
  47.               <div class="flexslider set-flexi" id="main-section" >
  48.                 <ul class="slides move-me">
  49.                   <!-- Slider 01 -->
  50.                 <li>
  51.                   <h3>Den Norske Turistforeningen</h3>
  52.                   <h1>Beste Hyttene i Norge</h1>
  53.                   <a href="#features-sec" class="btn btn-info btn-lg" >
  54.                     Hva vi kan tilby?
  55.                   </a>
  56.                     <a  href="#features-sec" class="btn btn-success btn-lg" >
  57.                       Hva vi kan tilby?
  58.                     </a>
  59.                 </li>
  60.                 <!-- End Slider 01 -->
  61.  
  62.                 <!-- Slider 02 -->
  63.                 <li>
  64.                   <h3>Den Norske Turistforeningen</h3>
  65.                   <h1>Fine fasiliteter</h1>
  66.                   <a  href="#features-sec" class="btn btn-primary btn-lg" >
  67.                     Hva vi kan tilby?
  68.                   </a>
  69.                     <a  href="#features-sec" class="btn btn-danger btn-lg" >
  70.                       Hva vi kan tilby?
  71.                     </a>
  72.                 </li>
  73.                 <!-- End Slider 02 -->
  74.  
  75.                 <!-- Slider 03 -->
  76.                 <li>
  77.                   <h3>Den Norske Turistforeningen</h3>
  78.                   <h1>Fine hytter</h1>
  79.                   <a  href="#features-sec" class="btn btn-default btn-lg" >
  80.                     Hva vi kan tilby?
  81.                   </a>
  82.                     <a  href="#features-sec" class="btn btn-info btn-lg" >
  83.                       Hva vi kan tilby?
  84.                     </a>
  85.                 </li>
  86.                 <!-- End Slider 03 -->
  87.                 </ul>
  88.               </div>
  89.             </div>
  90.           </div>
  91.         </div>
  92.       </div>
  93.  
  94.     </div>
  95.     <!--HOME SECTION END-->  
  96.     <div  class="tag-line" >
  97.       <div class="container">
  98.         <div class="row  text-center" >
  99.           <div class="col-lg-12  col-md-12 col-sm-12">
  100.             <h2 data-scroll-reveal="enter from the bottom after 0.1s" ><i class="fa fa-circle-o-notch"></i> Vi har hytten du trenger! <i class="fa fa-circle-o-notch"></i> </h2>
  101.           </div>
  102.         </div>
  103.       </div>
  104.     </div>
  105.     <!--HOME SECTION TAG LINE END-->  
  106.     <div id="features-sec" class="container set-pad" >
  107.       <div class="row text-center">
  108.         <div class="col-lg-8 col-lg-offset-2 col-md-8 col-sm-8 col-md-offset-2 col-sm-offset-2">
  109.           <h1 data-scroll-reveal="enter from the bottom after 0.2s"  class="header-line">Informasjon</h1>
  110.           <p data-scroll-reveal="enter from the bottom after 0.3s" >
  111.           DNT ønsker at flest mulig skal få oppleve glede i naturen, nå og i framtiden. Det er fellesnevneren for vårt engasjement for folkehelse, naturforvaltning og skole. Dette er en av våre mange samfunnsansvar, og under her er noen viktige trekk ved oss og hva du kan forvente som kunde av oss!
  112.           </p>
  113.         </div>
  114.       </div>
  115.       <!--/.HEADER LINE END-->
  116.       <div class="row" >
  117.         <div class="col-lg-4  col-md-4 col-sm-4" data-scroll-reveal="enter from the bottom after 0.4s">
  118.           <div class="about-div">
  119.             <i class="fa fa-paper-plane-o fa-4x icon-round-border" ></i>
  120.             <h3 >En Global forening</h3>
  121.             <hr />
  122.             <hr />
  123.             <p >
  124.             Vi holder til flere steder i norge, bedre sagt over hele norge og vår visjon er "Naturopplevelser for livet" r styrende for all virksomhet i organisasjonen.
  125.             </p>
  126.             <a href="#course-sec" class="btn btn-primary btn-lg"  >Mer om oss</a>
  127.           </div>
  128.         </div>
  129.         <div class="col-lg-4  col-md-4 col-sm-4" data-scroll-reveal="enter from the bottom after 0.5s">
  130.           <div class="about-div">
  131.             <i class="fa fa-bolt fa-4x icon-round-border" ></i>
  132.             <h3 >Hyttenes Standard</h3>
  133.             <hr />
  134.             <hr />
  135.             <p >
  136.             De fleste hyttene har enkel, god standard med strøm, dusj og tørkerom for turtøy. Flere av de betjente hyttene har et ubetjent eller selvbetjent tilbud utenfor sesong.
  137.             </p>
  138.             <a href="#info-sec" class="btn btn-primary btn-lg">Tilbake til hjem</a>
  139.           </div>
  140.         </div>
  141.         <div class="col-lg-4  col-md-4 col-sm-4" data-scroll-reveal="enter from the bottom after 0.6s">
  142.           <div class="about-div">
  143.             <i class="fa fa-magic fa-4x icon-round-border" ></i>
  144.             <h3 >Det lønner seg</h3>
  145.             <hr />
  146.             <hr />
  147.             <p >
  148.             Som DNT-medlem er det lett å få samlerabatt. På noen forsikringer som passer spesielt godt for turmennesker, får du enda mer rabatt.Det lønner seg prismessig!
  149.             </p>
  150.             <a href="#contact-sec" class="btn btn-primary btn-lg"  >Overbevist? Bestill Hytte Nå!</a>
  151.           </div>
  152.         </div>
  153.       </div>
  154.     </div>
  155.     <!-- FEATURES SECTION END-->
  156.     <div id="faculty-sec" >
  157.       <div class="container set-pad">
  158.         <div class="row text-center">
  159.           <div class="col-lg-8 col-lg-offset-2 col-md-8 col-sm-8 col-md-offset-2 col-sm-offset-2">
  160.             <h1 data-scroll-reveal="enter from the bottom after 0.1s" class="header-line">Bilder av våre hytter </h1>
  161.             <p data-scroll-reveal="enter from the bottom after 0.3s">
  162.             Her er noen bilder av hva den norske turistforeningen tilbyr til våre kunder. Hyttene våre er ganske fine med god standard!
  163.             </p>
  164.           </div>
  165.         </div>
  166.         <!--/.HEADER LINE END-->
  167.         <div class="row" >
  168.           <div class="col-lg-4  col-md-4 col-sm-4" data-scroll-reveal="enter from the bottom after 0.4s">
  169.             <div class="faculty-div">
  170.               <img src="assets/img/faculty/5.jpg"  class="img-rounded" alt='faculty-5'>
  171.               <h3>Hytte ved lillehammer</h3>
  172.               <hr />
  173.               <h4>-Billig<br /> -Familievennlig</h4>
  174.               <p >
  175.               Flott Hytte. Pris per dag: 300 kr
  176.               </p>
  177.             </div>
  178.           </div>
  179.           <div class="col-lg-4  col-md-4 col-sm-4" data-scroll-reveal="enter from the bottom after 0.5s">
  180.             <div class="faculty-div">
  181.               <img src="assets/img/faculty/2.jpg"  class="img-rounded" />
  182.               <h3 >Hytte ved Lunde</h3>
  183.               <hr />
  184.               <h4>-Bra standard<br />-Beste av de beste</h4>
  185.               <p >
  186.               Den beste Hytten vi har i markedet, du vil definetivt få en bra opplevelse her. Pris per dag: 450 kr
  187.               </p>
  188.             </div>
  189.           </div>
  190.           <div class="col-lg-4  col-md-4 col-sm-4" data-scroll-reveal="enter from the bottom after 0.6s">
  191.             <div class="faculty-div">
  192.               <img src="assets/img/faculty/3.jpg" class="img-rounded" />
  193.               <h3 >Hytte ved Hamar</h3>
  194.               <hr />
  195.               <h4>-Liten<br />-Varmt og Kompakt</h4>
  196.               <p >
  197.               Liten og familievennlig hytte der liten pris er i fokus. Pris per dag: 200kr
  198.               </p>
  199.             </div>
  200.           </div>
  201.         </div>
  202.       </div>
  203.     </div>
  204.     <!-- FACULTY SECTION END-->
  205.     <div id="course-sec" class="container set-pad">
  206.       <div class="row text-center">
  207.         <div class="col-lg-8 col-lg-offset-2 col-md-8 col-sm-8 col-md-offset-2 col-sm-offset-2">
  208.           <h1 data-scroll-reveal="enter from the bottom after 0.1s" class="header-line">Den Norske Turistforeningen</h1>
  209.           <p data-scroll-reveal="enter from the bottom after 0.3s">
  210.           DNT Oslo og Omegn er den største medlemsforeningen i Den Norske Turistforening med ca 80.000 medlemmer. DNT Oslo og Omegn driver over 100 hytter i Marka og på fjellet, hvorav 21 er betjente. DNT Oslo og Omegn ble stiftet i 1868 og jobber med å legge forholdene til rette for at flest mulig skal få gode naturopplevelser. Dette gjøres gjennom merking og vedlikehold av rutenettet, hyttedrift, organisering av turer og arbeid for vern av friluftsområder.
  211.           </p>
  212.         </div>
  213.       </div>
  214.       <!--/.HEADER LINE END-->
  215.       <div class="row set-row-pad" >
  216.         <div class="col-lg-6 col-md-6 col-sm-6 " data-scroll-reveal="enter from the bottom after 0.4s" >
  217.           <img src="assets/img/building.jpg" class="img-thumbnail" />
  218.         </div>
  219.           <div class="col-lg-4 col-md-4 col-sm-4 col-lg-offset-1 col-md-offset-1 col-sm-offset-1">
  220.             <div class="panel-group" id="accordion">
  221.               <div class="panel panel-default" data-scroll-reveal="enter from the bottom after 0.5s">
  222.                 <div class="panel-heading" >
  223.                   <h4 class="panel-title">
  224.                     <a data-toggle="collapse" data-parent="#accordion" href="#collapse1" class="collapsed">
  225.                       <strong>   450+</strong> Følgere på sosiale medier
  226.                     </a>
  227.                   </h4>
  228.                 </div>
  229.                 <div id="collapse1" class="panel-collapse collapse" style="height: 0px;">
  230.                   <div class="panel-body">
  231.                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis egestas mauris ut vehicula. Cras viverra ac orci ac aliquam. Nulla eget condimentum mauris, eget tincidunt est.</p>
  232.                   </div>
  233.                 </div>
  234.               </div>
  235.               <div class="panel panel-default" data-scroll-reveal="enter from the bottom after 0.7s">
  236.                 <div class="panel-heading">
  237.                   <h4 class="panel-title">
  238.                     <a data-toggle="collapse" data-parent="#accordion" href="#collapse2" class="collapsed">
  239.                       <strong>   250+</strong> Medlemmer
  240.                     </a>
  241.                   </h4>
  242.                 </div>
  243.                 <div id="collapse2" class="panel-collapse collapse" style="height: 0px;">
  244.                   <div class="panel-body">
  245.                     <p>
  246.                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis egestas mauris ut vehicula. Cras viverra ac orci ac aliquam. Nulla eget condimentum mauris, eget tincidunt est.
  247.                     </p>
  248.                   </div>
  249.                 </div>
  250.               </div>
  251.               <div class="panel panel-default" data-scroll-reveal="enter from the bottom after 0.9s">
  252.                 <div class="panel-heading">
  253.                   <h4 class="panel-title">
  254.                     <a data-toggle="collapse" data-parent="#accordion" href="#collapse3" class="collapsed">
  255.                       <strong>   900+</strong> Solgte Hytter
  256.                     </a>
  257.                   </h4>
  258.                 </div>
  259.                 <div id="collapse3" class="panel-collapse collapse"  style="height: 0px;">
  260.                   <div class="panel-body">
  261.                     <p>
  262.                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis egestas mauris ut vehicula. Cras viverra ac orci ac aliquam. Nulla eget condimentum mauris, eget tincidunt est.
  263.                     </p>
  264.                   </div>
  265.                 </div>
  266.               </div>
  267.             </div>
  268.             <div class="alert alert-info" data-scroll-reveal="enter from the bottom after 1.1s" >
  269.               <span style="font-size:40px;">
  270.                 <strong> 700+ </strong>
  271.                 <hr />
  272.                 Fornøyde Kunder
  273.               </span>
  274.             </div>
  275.           </div>
  276.       </div>
  277.     </div>
  278.     <!-- COURSES SECTION END-->
  279.     <div id="contact-sec"   >
  280.       <div class="overlay">
  281.         <div class="container set-pad">
  282.           <div class="row text-center">
  283.             <div class="col-lg-8 col-lg-offset-2 col-md-8 col-sm-8 col-md-offset-2 col-sm-offset-2">
  284.               <h1 data-scroll-reveal="enter from the bottom after 0.1s" class="header-line" >Bestill din hytte</h1>
  285.               <p data-scroll-reveal="enter from the bottom after 0.3s">
  286.               Her kan du bestille din hytte og reservere den hos oss. Fyll inn opplysningene under!
  287.               </p>
  288.             </div>
  289.           </div>
  290.           <!--/.HEADER LINE END-->
  291.           <div class="row set-row-pad"  data-scroll-reveal="enter from the bottom after 0.5s" >
  292.             <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2">
  293.               <form method='POST' action='/index.php'>
  294.                 <div class="form-group">
  295.                   <input type="text" class="form-control"  required placeholder="Fornavn" name='fornavn'/>
  296.                 </div>
  297.                 <div class="form-group">
  298.                   <input type="text" class="form-control" required  placeholder="Etternavn" name='etternavn'>
  299.                 </div>
  300.                 <div class="form-group">
  301.                   <input type="text" class="form-control" required  placeholder="Adresse" name='adresse'>
  302.                 </div>
  303.                 <div class="form-group">
  304.                   <input type="text" class="form-control" required  placeholder="Epost" name='epost'>
  305.                 </div>
  306.                 <div class="form-group">
  307.                   <input type="text" class="form-control" required  placeholder="Postnummer" name='postnummer'>
  308.                 </div>
  309.                 <div class="form-group">
  310.                   <input type="text" class="form-control" required  placeholder="Telefonummer" name='telefonnummer'>
  311.                 </div>
  312.                 <div class="form-group">
  313.                   <input type="text" class="form-control" required  placeholder="Hyttenavn" name='hyttenavn'>
  314.                 </div>          
  315.                 <div class="form-group">
  316.                   <input type="text" class="form-control" required  placeholder="Dato Ankomst" name='dato_ankomst'>
  317.                 </div>
  318.                 <div class="form-group">
  319.                   <input type="text" class="form-control" required  placeholder="Dato Avreise" name='dato_avreise'>
  320.                 </div>
  321.                 <div class="form-group">
  322.                   <textarea required class="form-control" style="min-height: 150px;" placeholder="Melding" name='melding'></textarea>
  323.                 </div>
  324.                 <div class="form-group">
  325.                   <button type="submit" class="btn btn-info btn-block btn-lg">Bestill Hytte</button>
  326.                 </div>
  327.               </form>
  328.               <?php
  329.               if ($_SERVER['REQUEST_METHOD'] == "POST") { // if the request is a POST-req do the server-side work
  330.                 // enter your creds, def for servername is 'localhost'
  331.                 $username = "username";
  332.                 $password = "password";
  333.                 $servername = "servername";
  334.                 $dbname = "dbname";
  335.  
  336.                 $conn = new mysqli($servername, $username, $password, $dbname); // connect to the database, mysqli
  337.  
  338.                 if ($conn->connect_error) { // if error in server connection
  339.                   die("Connection failed: " . $conn->connection_error); // kill connection if ^
  340.                 }
  341.  
  342.                 /*
  343.                 * Sanitize all input from the request.
  344.                 * This is necessary unless you want to leave your server wide open to attacks.
  345.                 * Basically; it removes all special chars from the strings.
  346.                 */
  347.  
  348.                 $data = array(); // create empty array to hold variables from input
  349.  
  350.                 foreach ($_POST as $key => $value) {
  351.                   $data[] = htmlspecialchars($value); // sanitize
  352.                 }
  353.  
  354.                 /*
  355.                 * Here you have to insert the names of the fields you're going to fill out, and the name of the table.
  356.                 * After that you have to continue incrementing the $data[x] so it mimics what field you're on.
  357.                 * $data[0] is the first submitted field etc.
  358.                 */
  359.  
  360.                 $sql_query = "INSERT INTO __ (__, __)
  361.                  VALUES (".$data[0].", ".$data[1].")";
  362.  
  363.                 if (conn->query($sql_query) === TRUE) {
  364.                   echo "New record added successfully";
  365.                 } else {
  366.                   echo "Could not add a new entry: " . $conn->error;
  367.                 }
  368.  
  369.  
  370.                 $conn->close();
  371.               }
  372.               ?>
  373.             </div>
  374.           </div>
  375.         </div>
  376.       </div>
  377.     </div>
  378.     <div class="container">
  379.       <div class="row set-row-pad"  >
  380.         <div class="col-lg-4 col-md-4 col-sm-4   col-lg-offset-1 col-md-offset-1 col-sm-offset-1 " data-scroll-reveal="enter from the bottom after 0.4s">
  381.           <h2 ><strong>Adresse</strong></h2>
  382.           <hr />
  383.           <div>
  384.             <h4>Elvebakken, Oslo</h4>
  385.             <h4>Norge</h4>
  386.             <h4><strong>Call:</strong>93256784</h4>
  387.             <h4><strong>Email: </strong>Turistforeningen@gmail.com</h4>
  388.           </div>
  389.         </div>
  390.         <div class="col-lg-4 col-md-4 col-sm-4   col-lg-offset-1 col-md-offset-1 col-sm-offset-1" data-scroll-reveal="enter from the bottom after 0.4s">
  391.           <h2 ><strong>Sosiale Medier </strong></h2>
  392.           <hr />
  393.           <div >
  394.             <a href="https://www.facebook.com/turistforeningen">  <img src="assets/img/Social/facebook.png" alt="" /> </a>
  395.             <a href="https://plus.google.com/100520496151242879924/about"> <img src="assets/img/Social/google-plus.png" alt="" /></a>
  396.             <a href="https://twitter.com/turistforening"> <img src="assets/img/Social/twitter.png" alt="" /></a>
  397.           </div>
  398.         </div>
  399.       </div>
  400.     </div>
  401.     <!-- CONTACT SECTION END-->
  402.     <div id="footer">
  403.       &copy; 2016 domain.com | All Rights Reserved |  
  404.     </div>
  405.     <!-- FOOTER SECTION END-->
  406.  
  407.     <!--  Jquery Core Script -->
  408.     <script src="assets/js/jquery-1.10.2.js"></script>
  409.     <!--  Core Bootstrap Script -->
  410.     <script src="assets/js/bootstrap.js"></script>
  411.     <!--  Flexslider Scripts -->
  412.     <script src="assets/js/jquery.flexslider.js"></script>
  413.     <!--  Scrolling Reveal Script -->
  414.     <script src="assets/js/scrollReveal.js"></script>
  415.     <!--  Scroll Scripts -->
  416.     <script src="assets/js/jquery.easing.min.js"></script>
  417.     <!--  Custom Scripts -->
  418.     <script src="assets/js/custom.js"></script>
  419.   </body>
  420. </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!