API tools faq
paste
Advertisement
Guest User

Code

a guest
Jan 12th, 2016
293
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 28.17 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html ng-app="storeApp">
  3.     <!--
  4. eff kijke kan je phpmyadmin starten
  5.     -->
  6.     <?php
  7.  
  8.     $hostname = "localhost";
  9.     $username = "root";
  10.     $password = "lamp";
  11.  
  12.     try {
  13.         $conn = new PDO("mysql:host=$hostname;dbname=iPhoneHoesjes", $username, $password);
  14.         $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
  15.         return $conn;
  16.     } catch(PDOException $e) {
  17.         echo 'ERROR: ' . $e->getMessage();
  18.     }
  19.  
  20.     mysql_select_db(iPhoneHoesjes);
  21.  
  22.     $query = "INSERT INTO `Klant`(`voornaam`, `achternaam`, `email`, `straat`, `stad`, `land`, `postcode`, `kaartnummer`, `kaartcode`) VALUES ($_POST[First name]','$_POST[Last name]','$_POST[email]','$_POST[straat]','$_POST[stad]','$_POST[land]','$_POST[postcode]','$_POST[kaartnummer]','$_POST[kaartcode]'";
  23.  
  24.         if ($_POST['submit']) {
  25.             mysql_query($query);
  26.  
  27.         } else {
  28.             echo "kaas"
  29.         }
  30.  
  31.     ?>
  32.  
  33.  
  34.     <head>
  35.         <title>Lars & Lj's iPhone hoesjes</title>
  36.         <meta charset="utf-8">
  37.         <meta name="description" content="MicroStore Responsive HTML5/CSS3 Template from angelostudio.net">
  38.         <meta name="author" content="ANGELOSTUDIO.NET">
  39.         <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  40.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
  41.         <link rel="stylesheet" href="css/superslides.css">
  42.         <link rel="stylesheet" href="css/style.css">
  43.         <link rel="stylesheet" href="css/icons.css">
  44.         <link rel="stylesheet" href="css/animate.min.css">
  45.         <link rel="stylesheet" href="css/blue.css" class="colors">
  46.         <link rel="shortcut icon" href="img/ico/32.png" sizes="32x32" type="image/png"/>
  47.         <link rel="apple-touch-icon-precomposed" href="img/ico/60.png" type="image/png"/>
  48.         <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/ico/72.png" type="image/png"/>
  49.         <link rel="apple-touch-icon-precomposed" sizes="120x120" href="img/ico/120.png" type="image/png"/>
  50.         <link rel="apple-touch-icon-precomposed" sizes="152x152" href="img/ico/152.png" type="image/png"/>
  51.         <!--[if lt IE 9]>
  52.             <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  53.             <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  54.         <![endif]-->
  55.     </head>
  56.  
  57.     <body id="home">
  58.         <div id="main-nav" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  59.             <div class="container">
  60.                 <div class="navbar-header">
  61.                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  62.                         <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
  63.                     </button>
  64.                     <a class="navbar-brand" href="#home">
  65.                         <img id="navlogo" src="img/navlogo-blue.png" alt="microstore" width="122" height="45">
  66.                     </a>
  67.  
  68.                 </div>
  69.                 <div class="collapse navbar-collapse">
  70.                     <ul id="navigation" class="nav navbar-nav navbar-right text-center">
  71.                         <li><a href="#products">Products</a></li>
  72.                         <li><a href="#about">About</a></li>
  73.                         <li><a href="#testimonial">Testimonials</a></li>
  74.                         <li><a href="#orderform">Order</a></li>
  75.                         <li><a href="#contact">Contact</a></li>
  76.                     </ul>
  77.                 </div>
  78.  
  79.             </div>
  80.         </div>
  81.  
  82.         <section id="hero" class="light-typo ">
  83.             <div class="container welcome-content">
  84.                 <div class="row">
  85.                     <div class="col-lg-4 col-lg-offset-4 col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 col-xs-12 text-center wow fadeInUp">
  86.                         <img id="logo" src="img/logo-blue.png" class="img-responsive text-center" alt="shop logo" width="300">
  87.                         <ul class="social-links text-center">
  88.                             <li><a href="#link"><i class="icon-twitter"></i></a></li>
  89.                             <li><a href="#link"><i class="icon-facebook"></i></a></li>
  90.                             <li><a href="#link"><i class="icon-vimeo"></i></a></li>
  91.                         </ul>
  92.                         <a class="btn btn-store smooth-scroll" href="#products">browse the goods</a>
  93.                     </div>
  94.                 </div>
  95.             </div>
  96.             <div class="overlay-bg"></div>
  97.             <div id="hero-slides">
  98.                 <div class="slides-container">
  99.                     <img src="img/iphone4.jpg" alt="">
  100.                     <img src="img/iphone5.jpg" alt="">
  101.                     <img src="img/iphone6.jpg" alt="">
  102.                 </div>
  103.             </div>
  104.         </section>
  105.  
  106.         <section id="products" class=" padding-top-bottom">
  107.             <div class="container">
  108.                 <header class="section-header text-center wow fadeInUp">
  109.                     <h2>Products</h2>
  110.                 </header>
  111.             </div>
  112.             <div class="container">
  113.                 <div id="projects-container" class="row">
  114.                     <article class="design product col-xs-12 col-sm-6 col-md-4 wow fadeInUp" data-wow-delay="0.2s">
  115.                         <div class="img-box">
  116.                             <div class="hover-mask2"></div>
  117.                             <span class="product-icon icon-eye"></span>
  118.                             <img class="img-responsive project-image" src="img/iphone4.jpg" alt="">
  119.                         </div>
  120.                         <div class="product-info col-md-12">
  121.                             <p class="project-price">$15</p>
  122.                             <div>
  123.                                 <h4 class="project-title">iPhone 4 Case</h4>
  124.                             </div>
  125.                         </div>
  126.                         <div class="sr-only project-description" data-images="img/iphone4.jpg">
  127.                             <p>1Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sapien risus, blandit at fringilla ac, varius sed dolor. Donec augue lacus, vulputate sed consectetur facilisis, interdum pharetra ligula. Nulla suscipit erat nibh, ut porttitor nisl dapibus eu.</p>
  128.                         </div>
  129.                     </article>
  130.                    
  131.                     <article class="mock-up product col-xs-12 col-sm-6 col-md-4 wow fadeInUp" data-wow-delay="0.4s">
  132.                         <div class="img-box">
  133.                             <div class="hover-mask2"></div>
  134.                             <span class="product-icon icon-eye"></span>
  135.                             <img class="img-responsive project-image" src="img/iphone5.jpg" alt="">
  136.                         </div>
  137.                         <div class="product-info col-md-12">
  138.                             <p class="project-price">$15</p>
  139.                             <div>
  140.                                 <h4 class="project-title">iPhone 5 Case</h4>
  141.                             </div> 
  142.                         </div>
  143.                         <div class="sr-only project-description" data-images="img/iphone5.jpg">
  144.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sapien risus, blandit at fringilla ac, varius sed dolor. Donec augue lacus, vulputate sed consectetur facilisis, interdum pharetra ligula. Nulla suscipit erat nibh, ut porttitor nisl dapibus eu.</p>
  145.                             <p>Phasellus porta eros vel lacus euismod consequat. Phasellus eleifend, nibh non feugiat hendrerit, lacus enim adipiscing eros, a pharetra erat neque eget est. Quisque vitae aliquet urna. Integer suscipit lectus eu enim porttitor fringilla. Ut blandit, urna in auctor euismod, arcu eros pharetra metus, a porta purus libero a nibh.</p>
  146.                         </div>
  147.                     </article>
  148.                    
  149.                     <article class=" icons product col-xs-12 col-sm-6 col-md-4 wow fadeInUp" data-wow-delay="0.6s">
  150.                         <div class="img-box">
  151.                             <div class="hover-mask2"></div>
  152.                             <span class="product-icon icon-eye"></span>
  153.                             <img class="img-responsive project-image" src="img/iphone6.jpg" alt="">
  154.                         </div>
  155.                         <div class="product-info col-md-12">
  156.                             <p class="project-price">$15</p>
  157.                             <div>
  158.                                 <h4 class="project-title">iPhone 6 Case</h4>
  159.                             </div> 
  160.                         </div>
  161.                         <div class="sr-only project-description" data-images="img/iphone6.jpg">
  162.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sapien risus, blandit at fringilla ac, varius sed dolor. Donec augue lacus, vulputate sed consectetur facilisis, interdum pharetra ligula. Nulla suscipit erat nibh, ut porttitor nisl dapibus eu.</p>
  163.                             <p>Nam eget urna pellentesque nisl ultrices dapibus. Mauris accumsan vehicula nisl, sed tempus mauris facilisis eu. Donec a iaculis nisi, quis malesuada justo. Pellentesque ut enim sit amet ipsum dignissim egestas. Morbi tincidunt rhoncus urna eget placerat.</p>
  164.                         </div>
  165.                     </article>
  166.                 </div>
  167.             </div>
  168.  
  169.             <div id="project-modal" class="modal " style="display: none;" aria-hidden="true">
  170.                 <div class="modal-dialog">
  171.                     <div class="modal-content">
  172.                         <div class="modal-header">
  173.                             <a class="close" href="#" data-dismiss="modal" ><i class="icon-close"></i></a>
  174.                             <div class="loader" style="display: block;"></div>
  175.                             <div class="screen"></div>
  176.                         </div>
  177.                         <div class="modal-body">
  178.                             <div class="container">
  179.                                 <div class="row">
  180.                                     <div id="project-sidebar" class="col-md-4 ">
  181.                                         <h2 id="sdbr-title">Flat UI-Kit</h2>   
  182.                                         <div>
  183.                                             <div id="sdbr-price">200</div>
  184.                                             <div id="sdbr-oldprice">500</div>
  185.                                         </div>
  186.                                     </div>
  187.                                     <div id="project-content" class="col-md-8 ">
  188.                                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sapien risus, blandit at fringilla ac, varius sed dolor. Donec augue lacus, vulputate sed consectetur facilisis, interdum pharetra ligula. Nulla suscipit erat nibh, ut porttitor nisl dapibus eu.</p>
  189.                                     </div>
  190.                                 </div>
  191.                             </div>
  192.                         </div>
  193.                     </div>
  194.                 </div>
  195.             </div>
  196.         </section>
  197.  
  198.         <section class="gray-bg padding-top-bottom ">
  199.             <div class="container">
  200.                 <div class="row">
  201.                     <div class="col-md-8 wow fadeInLeft">
  202.                         <h3 class="center cta-message">Free international shipping only  <strong><span id="countdown"></span></strong></h3>
  203.  
  204.                     </div>
  205.                     <div class="col-md-4 text-center wow fadeInRight">
  206.                         <a class="btn btn-store cta-button smooth-scroll" href="#orderform" >Order Now</a>
  207.                     </div>
  208.                 </div>
  209.             </div>
  210.         </section>
  211.        
  212.         <section id="about" class="padding-top-bottom ">
  213.             <div class="container">
  214.                 <div class="row">
  215.                     <div class="col-md-4 wow fadeInLeft">
  216.                         <header class="section-header cta-message">
  217.                             <h2>About company</h2>
  218.                             <h4>Pellentesque interdum eget</h4>
  219.                         </header>
  220.                     </div>
  221.                     <div class="col-md-8 cta-message wow fadeInUp">
  222.                         <p>Pellentesque interdum eget odio eu rutrum. Nunc tempus massa a tellus aliquet sodales. Nunc urna tortor, rhoncus accumsan vestibulum non, feugiat a mauris. In hac habitasse platea dictumst. In sagittis orci nec aliquet tristique.</p>
  223.                         <p style="display:none;" id="showme">Phasellus porta eros vel lacus euismod consequat. Phasellus eleifend, nibh non feugiat hendrerit, lacus enim adipiscing eros, a pharetra erat neque eget est. Quisque vitae aliquet urna. Integer suscipit lectus eu enim porttitor fringilla. Ut blandit, urna in auctor euismod, arcu eros pharetra metus, a porta purus libero a nibh.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sapien risus, blandit at fringilla ac, varius sed dolor. Donec augue lacus, vulputate sed consectetur facilisis, interdum pharetra ligula. Nulla suscipit erat nibh, ut porttitor nisl dapibus eu.</p>
  224.                         <a class="btn btn-store outline" id="show-btn" href="#">Read more</a>
  225.                     </div>
  226.                 </div>
  227.             </div>
  228.         </section>
  229.        
  230.         <section id="testimonial" class="padding-top-bottom image-bg light-typo">
  231.             <div class="container">
  232.                
  233.                 <div class="testimonial">
  234.                     <div id="carousel-example-generic" class="carousel slide bs-docs-carousel-example" data-interval="10000">
  235.                         <ol class="carousel-indicators">
  236.                             <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
  237.                             <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
  238.                             <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
  239.                         </ol>
  240.                         <div class="carousel-inner">
  241.                             <div class="item active">
  242.                                 <h1>This is one of the most beautiful site I have ever seen in my life. <br>Your site is great!</h1>
  243.                                 <br>
  244.                                 <h3>Brad Cooper</h3>
  245.                             </div>
  246.                             <div class="item">
  247.                                 <h1>The Difference between ordinary and extraordinary <br>is just that little extra.</h1>
  248.                                 <br>
  249.                                 <h3>Albert Einstein</h3>
  250.                             </div>
  251.                             <div class="item">
  252.                                 <h1>Hugely thought out! <br>Trying it now.I like the use of shape and background image!</h1>
  253.                                 <br>
  254.                                 <h3>John Doe</h3>
  255.                             </div>
  256.                         </div>
  257.                         <br><br><br>
  258.                     </div>
  259.                 </div>
  260.                 <div class="overlay-bg"></div>
  261.             </div>
  262.         </section>
  263.  
  264.         <section id="newsletter" class="light-typo dark-bg padding-top-bottom">
  265.             <div class="container ">
  266.                 <header class="section-header text-center">
  267.                     <h2>Stay in touch</h2>
  268.                     <h4>Sign Up for Email Updates on on News & Offers</h4>
  269.                 </header>
  270.                 <div class="row">
  271.                     <form id="newsletter-form" action="index.html" method="POST" class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 ">
  272.                         <div class="input-group">
  273.                             <input id="newsletter-mail" name="email" placeholder="Enter your email" class="form-control input-lg" type="email" >
  274.                             <span class="input-group-btn">
  275.                                 <button name="submit" type="submit" class="btn btn-store">Subscribe!</button>
  276.                             </span>
  277.                         </div>
  278.                         <input type="hidden" name="submitted" id="submitted2" value="true">
  279.                     </form>
  280.                 </div>
  281.             </div>
  282.         </section> 
  283.  
  284.         <section id="orderform" class="gray-bg padding-top-bottom" ng-controller="orderController">
  285.             <div class="container">
  286.                 <header class="section-header text-center">
  287.                     <h2>Order Form</h2>
  288.                 </header>
  289.                 <form action="index.html" method="post" novalidate id="order-form">
  290.                     <div class="row">
  291.                         <div class="col-sm-12 col-md-12">
  292.                         <table class="table">
  293.                           <thead>
  294.                             <tr>
  295.                               <th>Product</th>
  296.                               <th>Unit Cost</th>
  297.                               <th class="text-center">
  298.                               <span class="hidden-xs">Quantity</span>
  299.                               <span class="visible-xs">QNT</span>
  300.                               </th>
  301.                               <th class="text-right">Total</th>
  302.                             </tr>
  303.                           </thead>
  304.                           <tbody>
  305.                             <tr>
  306.                               <td class="vert-align">iPhone 4 Case</td>
  307.                               <td class="vert-align">{{ 15 | currency:"$":0 }}</td>
  308.                               <td class="text-center">
  309.                                 <select class="form-control form-control-inline" ng-model="myBed" ng-options="opt as opt.label for opt in options"></select>
  310.                               </td>
  311.                               <td class="text-right vert-align">{{ myBed.value * 15 | currency:"$":0  }}</td>
  312.                             </tr>                          
  313.                             <tr>
  314.                               <td class="vert-align">iPhone 5 Case</td>
  315.                               <td class="vert-align">{{ 15 | currency:"$":0  }}</td>
  316.                               <td class="text-center">
  317.                                 <select class="form-control form-control-inline" ng-model="myNightstand" ng-options="opt as opt.label for opt in options"></select>
  318.                               </td>
  319.                               <td class="text-right vert-align">{{ myNightstand.value * 15 | currency:"$":0  }}</td>
  320.                             </tr>                          
  321.                             <tr>
  322.                               <td class="vert-align">iPhone 6 Case</td>
  323.                               <td class="vert-align">{{ 15 | currency:"$":0  }}</td>
  324.                               <td class="text-center">
  325.                                 <select class="form-control form-control-inline" ng-model="myHammock" ng-options="opt as opt.label for opt in options"></select>
  326.                               </td>
  327.                               <td class="text-right vert-align">{{ myHammock.value * 15 | currency:"$":0  }}</td>
  328.                             </tr>
  329.                             <tr>
  330.                                 <td></td>
  331.                                 <td></td>
  332.                                 <td></td>
  333.                                 <td></td>
  334.                             </tr>
  335.                           </tbody>
  336.                         </table>
  337.                         </div> 
  338.  
  339.                     <div class="col-sm-6 col-md-6 contact-info">
  340.                         <p class="text-center"><strong>Payment Method</strong></p>
  341.                         <div class="row">
  342.                             <div class="col-sm-8 col-md-8">
  343.                                 <div class="form-group">
  344.                                     <label class="control-label">Name</label>
  345.                                     <input name="Card number" placeholder="Card number" class="form-control input-lg" type="text">
  346.                                 </div>
  347.                             </div>
  348.                             <div class="col-sm-4 col-md-4">
  349.                                 <div class="form-group">
  350.                                     <label class="control-label">Code</label>
  351.                                     <input name="Code" placeholder="Code" class="form-control input-lg" type="text" >
  352.                                 </div>
  353.                             </div>
  354.                         </div>
  355.                            
  356.  
  357.                         <p class="text-center"><strong>Information</strong></p>
  358.                         <div class="row">
  359.                             <div class="col-sm-6 col-md-6">
  360.                                 <div class="form-group">
  361.                                     <label class="control-label">Name</label>
  362.                                     <input name="First name" placeholder="First name" class="form-control input-lg" type="text">
  363.                                 </div>
  364.                             </div>
  365.                             <div class="col-sm-6 col-md-6">
  366.                                 <div class="form-group">
  367.                                     <label class="control-label">Last Name</label>
  368.                                     <input name="Last name" placeholder="Last name" class="form-control input-lg" type="text" >
  369.                                 </div>
  370.                             </div>
  371.                         </div>
  372.                         <div class="form-group">
  373.                             <label class="control-label" >Email</label>
  374.                             <input name="email" placeholder="Your email" class="form-control input-lg" type="email">
  375.                         </div>
  376.                     </div>
  377.                    
  378.                     <div class="col-sm-6 col-md-6">
  379.                         <p class="text-center"><strong>Delivery address</strong></p>
  380.                         <div class="form-group">
  381.                             <label class="control-label">Street</label>
  382.                             <input name="street" placeholder="Street address" class="form-control" type="text">
  383.                         </div> 
  384.                         <div class="form-group">
  385.                             <label class="control-label">City</label>
  386.                             <input name="city" placeholder="City" class="form-control" type="text">
  387.                         </div> 
  388.                         <div class="form-group">
  389.                             <label class="control-label">Country</label>
  390.                             <input name="country" placeholder="Country" class="form-control" type="text">
  391.                         </div>                         
  392.                         <div class="form-group">
  393.                             <label class="control-label">Postcode</label>
  394.                             <input name="postcode" placeholder="Postcode" class="form-control" type="text">
  395.                         </div>                 
  396.  
  397.                         <table class="table">
  398.                           <thead>
  399.                             <tr>
  400.                               <th colspan="3" class="text-center">Order sumary</th>
  401.                             </tr>
  402.                           </thead>
  403.                           <tbody>
  404.                             <tr>
  405.                               <td>Shipping cost:</td>
  406.                               <td></td>
  407.                               <td class="text-right">Free</td>
  408.                             </tr>
  409.                             <tr>
  410.                               <td>Total:</td>
  411.                               <td></td>
  412.                               <td id="total" class="text-right">{{ (myBed.value * 15) +  (myNightstand.value * 15) + (myHammock.value * 15) | currency }}</td>
  413.                             </tr>
  414.                           </tbody>
  415.                         </table>
  416.                         <p>
  417.                             <button name="submit" type="submit" class="btn btn-store btn-block" action="index.html" >Order Product</button>
  418.                         </p>
  419.                         <input type="hidden" name="submitted" id="submitted" value="true">
  420.                     </div>
  421.  
  422.                 </div>
  423.                     </form>
  424.  
  425.             </div>
  426.         </section>
  427.  
  428.         <section id="cta" class="padding-top-bottom color-bg light-typo">
  429.             <div class="container">
  430.                 <div class="row text-center">
  431.                     <div class="col-md-4 col-sm-4 news wow fadeInUp" data-wow-delay="0.2s" data-wow-offset="10">
  432.                         <i class="icon-trophy iconBig"></i>
  433.                         <h3>Quality guaranteed</h3>
  434.                     </div>
  435.                     <div class="col-md-4 col-sm-4 news wow fadeInUp" data-wow-delay="0.4s" data-wow-offset="10">
  436.                         <i class="icon-truck iconBig"></i>
  437.                         <h3>Home delivery</h3>
  438.                     </div>
  439.                     <div class="col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.6s" data-wow-offset="10">
  440.                         <i class="icon-lock iconBig news"></i>
  441.                         <h3>Secure payment</h3>
  442.                     </div>
  443.                 </div>
  444.             </div>
  445.         </section>
  446.  
  447.         <section id="contact" class="gray-bg padding-top-bottom">
  448.             <div class="container">
  449.                 <header class="section-header text-center">
  450.                     <h1><strong>Contact</strong></h1>
  451.                     <p>Do you have some kind of problem with our products?</p>
  452.                 </header>
  453.                 <form action="index.html" method="post" novalidate id="contact-form">
  454.                     <div class="row">
  455.                         <div class="col-xs-12 col-sm-12 col-md-4 contact-info cta-message wow fadeInLeft">
  456.                             <address>
  457.                                 <strong>microStore</strong><br>
  458.                                 84 State Road 123<br>
  459.                                 City, State 24813<br>
  460.                                 (123) 456 - 7890<br>
  461.                                 contact@companyname.com
  462.                             </address>
  463.                         </div> 
  464.  
  465.                         <div class="col-xs-12 col-sm-12 col-md-8 wow fadeInUp" >
  466.                             <div class="form-group">
  467.                                 <label class="control-label" for="contact-name">Name</label>
  468.                                 <div class="controls">
  469.                                     <input id="contact-name" name="contactName" placeholder="Your name" class="form-control input-lg requiredField" type="text">
  470.                                 </div>
  471.                             </div>
  472.                             <div class="form-group">
  473.                                 <label class="control-label" for="contact-mail">Email</label>
  474.                                 <div class=" controls">
  475.                                     <input id="contact-mail" name="email" placeholder="Your email" class="form-control input-lg requiredField" type="email">
  476.                                 </div>
  477.                             </div>
  478.                             <div class="form-group">
  479.                                 <label class="control-label" for="contact-message">Message</label>
  480.                                 <div class="controls">
  481.                                     <textarea id="contact-message" name="comments" placeholder="Your message" class="form-control input-lg requiredField" rows="5"></textarea>
  482.                                 </div>
  483.                             </div>
  484.                             <p>
  485.                                 <button name="submit" type="submit" class="btn btn-store btn-block">Send Message</button></p>
  486.                             <input type="hidden" name="submitted" id="submitted3" value="true">
  487.                         </div>
  488.                     </div>
  489.                 </form>
  490.             </div>
  491.         </section>
  492.  
  493.         <footer id="main-footer" class="dark-bg light-typo">
  494.             <div class="container">
  495.                
  496.  
  497.                 <div class="pull-right paymentMethodImg copyright wow fadeInRight">
  498.                    
  499.                 </div>
  500.             </div>
  501.         </footer>
  502.  
  503.         <div class="modal fade text-modal" tabindex="-1" role="dialog" aria-hidden="true">
  504.             <div class="modal-dialog modal-lg">
  505.                 <div class="modal-content">
  506.                     <div class="color-bg"> 
  507.                         <div class="container">
  508.                             <div class="row ">
  509.                                 <div class="col-xs-12 col-sm-12 col-md-12 color-bg light-typo" id="9modal-bar">
  510.                                     <h2 class="pull-left">TERMS & CONDITIONS</h2>
  511.                                     <a class="close pull-right" href="#" data-dismiss="modal" ><i class="icon-close"></i></a>
  512.                                 </div>
  513.                             </div>
  514.                         </div>
  515.                     </div>
  516.                     <div class="container">
  517.                         <div class="row ">
  518.                             <div class="col-xs-12 col-sm-6 col-md-6" > 
  519.                                 <h3>Pricing policy</h3>
  520.                                 <p>Prices are shown in € (EURO). All prices include Danish VAT of 25%. Prices do not include service, payment and delivery charges. Orders may be subjected to local taxes and/or import duties at your own expense.
  521.                                 Tax-free shopping on microStore.com is not available.
  522.                                 micro Store the right to change prices of the products. The prices of the products will, during the time of placing an order, be valid throughout the process. We however take reservations for typing errors.</p>
  523.                                 <h3>Payment</h3>
  524.                                 <p>We accept the following credit- and debit cards: Visa, Mastercard, Maestro, Visa Electron, JCB, UnionPay and American Express.The amount for your order will not be charged until your order is shipped from microStore.
  525.                                 We also accept microStore online gift cards.</p>
  526.                                 <h3>Order confirmation</h3>
  527.                                 <p>You will receive an order confirmation by e-mail shortly after placing your order. On rare occasions an item can be out of stock. Then you will be informed by e-mail.</p>
  528.                                 <h3>Shipping</h3>
  529.                                 <p>We know that you can’t wait to get your order so we do our best to ship your order on the following working day. To follow the goods way to your closet you can track your order with the tracking number included in your shipping confirmation, which you get by e-mail as soon as we dispatch your order.
  530.                                 Your order will be dispatched within 1-3 workdays from the time you place your order. When your order is dispatched, you will receive a shipping confirmation by e-mail. Orders to Denmark above 200€ and all international orders will include a tracking number to your shipping confirmation. All orders within EU are shipped via GLS and outside Europe orders are shipped via TNT, UPS and FedEx.
  531.                                 The following shipping charges will be added to your order:<br>
  532.                                 Denmark: 4 EUR <br>
  533.                                  Europe: 8 EUR <br>
  534.                                  Rest of the world: 16 EUR <br>
  535.                                 Danish orders will be delivered within 1-3 days from the day you received your shipping confirmation.
  536.                                 International orders will be delivered within 1-10 days from the day you received your shipping confirmation.
  537.                                 Orders are not shipped or delivered on weekends and holidays. If a delivery suffers a delay or an item happens to be out of stock, you will be informed by e-mail as quick as possible and latest 30 days after the order was placed. Some delays may occur during sales, very busy periods, public holidays and severe weather conditions.
  538.                                 Please notice that we are unable to deliver to P.O. box adresses.</p>
  539.                                 <h3>Returns</h3>
  540.                                 <p>If you change your mind about an item you must notify us within 14 days after having received your purchase and ship it to microStore within the following 14 days from having notified us. To return an order please contact shop@microStore.com and await our return confirmation. When received, you can return your order by the following procedure:
  541.                                 Make sure that the product is still in perfect condition with undamaged packaging and tags still attached. We reserve the right to refuse any returns that do not match with these critetia:</p>
  542.                             </div>
  543.                             <div class="col-xs-12 col-sm-6 col-md-6" >
  544.                                 <p><br><br>Place the product in a shipping box or plastic bag. Hats and caps must be returned in a box so they do not get squashed out of shape.
  545.                                 Enclose the original sales receipt to the product.
  546.                                 Write RETURN on the package to ensure a faster expedition.
  547.                                 Send the package to: microStore, 84 State Road 123, City, State 24813
  548.                                 The return and financial responsibility is yours until it reaches microStore and are confirmed by a delivery confirmation. Please notice that we can exchange your items to another size or color if available in stock.</p>
  549.                                 <h3>Warranty claims</h3>
  550.                                 <p>There is a 2 years warranty on all products sold on www.microStore.com. This warranty covers manufacturing faults only, not wear and tear from regular use. Please contact us at shop@microStore.com if you have a warranty claim, including order number, photos of the claim area and a description of the claim.</p>
  551.                                 <h3>Disclaimer</h3>
  552.                                 <p>microStore does not guarantee that all items shown are in stock at the time of your order. In the event that an item is unavailable for whatever reason, microStore will contact you by e-mail. Although we do our best to display correct images, correct colours, info and prices, errors may occur.</p>
  553.                                 <h3>Privacy policy</h3>
  554.                                 <p>All your personal information is handled under strict confidence. microStore.com will never give any of your personal information to 3rd parties.All information is encrypted for safety.</p>
  555.                                 <h3>Security</h3>
  556.                                 <p>For the safety of your personal information, we use SLL encryption on all data to and from the site. When placing an order, you can immediately check the security validity by clicking the padlock icon that appears in the URL line of your browser when SSL is activated.</p>
  557.                                 <h3>Cookies</h3>
  558.                                 <p>Cookies are used by microStore.com in order to improve your experience when browsing and using the website. The cookie identifies your computer and allows the site to remember your personal settings. microStore.com may not operate properly when cookies are disabled in your web browser.</p>
  559.                                 <h3>Measurements</h3>
  560.                                 <p>All measurements are approximate and variance may occur. We have done our best but please have average sizing in mind and note that +/- 1cm on each measurement may occur.</p>
  561.                                 <h3>Age restrictions</h3>
  562.                                 <p>Parental or guardian consent is required for customers under the age of 18.</p>
  563.                                 <h3>Governing law</h3>
  564.                                 <p>The terms of use are complied in accordance with Danish law and the Danish courts will have exclusive jurisdiction.
  565.                                 </p>
  566.                             </div>
  567.                             <div class="col-xs-12 col-sm-12 col-md-12 text-center" >   
  568.                                 <a class="btn btn-store" href="#" data-dismiss="modal">Back to shop</a><br><br>
  569.                             </div>
  570.                         </div>
  571.                     </div>
  572.                 </div>
  573.             </div>
  574.         </div>
  575.  
  576.         <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  577.         <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
  578.         <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
  579.         <script type="text/javascript" src="js/jquery.singlePageNav.min.js"></script>
  580.         <script type="text/javascript" src="js/jquery.superslides.min.js"></script>
  581.         <script type="text/javascript" src="js/jquery.countdown.min.js"></script>
  582.         <script type="text/javascript" src="js/wow.min.js"></script>
  583.         <script type="text/javascript" src="js/custom.js"></script>
  584.         <script type="text/javascript" src="js/app.js"></script>
  585.     </body>
  586. </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!