document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4.   <head>
  5.  
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.     <meta name="description" content="">
  9.     <meta name="author" content="">
  10.     <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700" rel="stylesheet">
  11.  
  12.     <title>Tassia.id - Contact</title>
  13.  
  14.     <!-- Bootstrap core CSS -->
  15.     <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  16.  
  17.  
  18.     <!-- Additional CSS Files -->
  19.     <link rel="stylesheet" href="assets/css/fontawesome.css">
  20.     <link rel="stylesheet" href="assets/css/tooplate-main.css">
  21.     <link rel="stylesheet" href="assets/css/owl.css">
  22.     <link rel="stylesheet" href="assets/css/flex-slider.css">
  23.   </head>
  24.  
  25.   <body>
  26.    
  27.     <!-- Pre Header -->
  28.     <div id="pre-header">
  29.       <div class="container">
  30.         <div class="row">
  31.           <div class="col-md-12">
  32.             <span>✨Show your beauty with good quality✨</span>
  33.           </div>
  34.         </div>
  35.       </div>
  36.     </div>
  37.  
  38.     <!-- Navigation -->
  39.     <nav class="navbar navbar-expand-lg navbar-dark bg-dark static-top">
  40.       <div class="container">
  41.         <a class="navbar-brand" href="#"><img src="assets/images/header-logo.png" alt=""></a>
  42.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  43.           <span class="navbar-toggler-icon"></span>
  44.         </button>
  45.         <div class="collapse navbar-collapse" id="navbarResponsive">
  46.           <ul class="navbar-nav ml-auto">
  47.             <li class="nav-item">
  48.               <a class="nav-link" href="index.html">Home</a>
  49.             </li>
  50.             <li class="nav-item">
  51.               <a class="nav-link" href="products.html">Products
  52.                 <span class="sr-only">(current)</span>
  53.               </a>
  54.             </li>
  55.             <li class="nav-item">
  56.               <a class="nav-link" href="about.html">About Us</a>
  57.             </li>
  58.             <li class="nav-item active">
  59.               <a class="nav-link" href="contact.html">Contact Us</a>
  60.               <span class="sr-only">(current)</span>
  61.             </li>
  62.           </ul>
  63.         </div>
  64.       </div>
  65.     </nav>
  66.  
  67.     <!-- Page Content -->
  68.     <!-- About Page Starts Here -->
  69.     <div class="contact-page">
  70.       <div class="container">
  71.         <div class="row">
  72.           <div class="col-md-12">
  73.             <div class="section-heading">
  74.               <div class="line-dec"></div>
  75.               <h1>Contact Us</h1>
  76.             </div>
  77.           </div>
  78.           <div class="col-md-6">
  79.             <div id="map">
  80.                     <!-- How to change your own map point
  81.                           1. Go to Google Maps
  82.                           2. Click on your location point
  83.                           3. Click "Share" and choose "Embed map" tab
  84.                           4. Copy only URL and paste it within the src="" field below
  85.                    -->
  86.  
  87.                   <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3989.652996926522!2d101.42875573487198!3d0.5215905997014427!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31d5abf91c2fddd3%3A0x8033c79a8f3da5f2!2sPekanbaru%2C%20Labuh%20Baru%20Timur%2C%20Payung%20Sekaki%2C%20Pekanbaru%20City%2C%20Riau%2028156!5e0!3m2!1sen!2sid!4v1632905082179!5m2!1sen!2sid" width="560" height="410" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
  88.             </div>
  89.           </div>
  90.           <div class="col-md-6">
  91.             <div class="right-content">
  92.               <div class="container">
  93.                 <form id="contact" action="" method="post">
  94.                   <div class="row">
  95.                     <div class="col-md-6">
  96.                       <fieldset>
  97.                         <input name="name" type="text" class="form-control" id="name" placeholder="Your name..." required="">
  98.                       </fieldset>
  99.                     </div>
  100.                     <div class="col-md-6">
  101.                       <fieldset>
  102.                         <input name="email" type="text" class="form-control" id="email" placeholder="Your email..." required="">
  103.                       </fieldset>
  104.                     </div>
  105.                     <div class="col-md-12">
  106.                       <fieldset>
  107.                         <input name="subject" type="text" class="form-control" id="subject" placeholder="Subject..." required="">
  108.                       </fieldset>
  109.                     </div>
  110.                     <div class="col-md-12">
  111.                       <fieldset>
  112.                         <textarea name="message" rows="6" class="form-control" id="message" placeholder="Your message..." required=""></textarea>
  113.                       </fieldset>
  114.                     </div>
  115.                     <div class="col-md-12">
  116.                       <fieldset>
  117.                         <button type="submit" id="form-submit" class="button">Send Message</button>
  118.                       </fieldset>
  119.                     </div>
  120.                     <div class="col-md-12">
  121.                       <div class="share">
  122.                         <h6>You can also keep in touch on: <span><a href="#"><i class="fa fa-facebook"></i></a><a href="#"><i class="fa fa-linkedin"></i></a><a href="#"><i class="fa fa-twitter"></i></a></span></h6>
  123.                       </div>
  124.                     </div>
  125.                   </div>
  126.                 </form>
  127.               </div>
  128.             </div>
  129.           </div>
  130.         </div>
  131.       </div>
  132.     </div>
  133.     <!-- About Page Ends Here -->
  134.  
  135.     <!-- Subscribe Form Starts Here -->
  136.     <div class="subscribe-form">
  137.       <div class="container">
  138.         <div class="row">
  139.           <div class="col-md-12">
  140.             <div class="section-heading">
  141.               <div class="line-dec"></div>
  142.               <h1>Subscribe on Tassia.id now!</h1>
  143.             </div>
  144.           </div>
  145.           <div class="col-md-8 offset-md-2">
  146.             <div class="main-content">
  147.               <p>Thank you for visiting this page, we hope you have a nice shopping, and it will be so delightful for us if you can drop your email and <strong>subscribe</strong> to us! Thankyou, have a nice day!</p>
  148.               <div class="container">
  149.                 <form id="subscribe" action="" method="get">
  150.                   <div class="row">
  151.                     <div class="col-md-7">
  152.                       <fieldset>
  153.                         <input name="email" type="text" class="form-control" id="email"
  154.                        onfocus="if(this.value == \'Your Email...\') { this.value = \'\'; }"
  155.                         onBlur="if(this.value == \'\') { this.value = \'Your Email...\';}"
  156.                         value="Your Email..." required="">
  157.                       </fieldset>
  158.                     </div>
  159.                     <div class="col-md-5">
  160.                       <fieldset>
  161.                         <button type="submit" id="form-submit" class="button">Subscribe Now!</button>
  162.                       </fieldset>
  163.                     </div>
  164.                   </div>
  165.                 </form>
  166.               </div>
  167.             </div>
  168.           </div>
  169.         </div>
  170.       </div>
  171.     </div>
  172.     <!-- Subscribe Form Ends Here -->
  173.  
  174.  
  175.    
  176.     <!-- Footer Starts Here -->
  177.     <div class="footer">
  178.       <div class="container">
  179.         <div class="row">
  180.           <div class="col-md-12">
  181.             <div class="logo">
  182.               <img src="assets/images/header-logo.png" alt="">
  183.             </div>
  184.           </div>
  185.           <div class="col-md-12">
  186.             <div class="footer-menu">
  187.               <ul>
  188.                 <li><a href="#">Home</a></li>
  189.                 <li><a href="#">Help</a></li>
  190.                 <li><a href="#">Privacy Policy</a></li>
  191.                 <li><a href="#">How It Works?</a></li>
  192.                 <li><a href="#">Contact Us</a></li>
  193.               </ul>
  194.             </div>
  195.           </div>
  196.           <div class="col-md-12">
  197.             <div class="social-icons">
  198.               <ul>
  199.                 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  200.                 <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  201.                 <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  202.                 <li><a href="#"><i class="fa fa-rss"></i></a></li>
  203.               </ul>
  204.             </div>
  205.           </div>
  206.         </div>
  207.       </div>
  208.     </div>
  209.     <!-- Footer Ends Here -->
  210.  
  211.  
  212.     <!-- Sub Footer Starts Here -->
  213.     <div class="sub-footer">
  214.       <div class="container">
  215.         <div class="row">
  216.           <div class="col-md-12">
  217.             <div class="copyright-text">
  218.               <p>Copyright &copy; 2020 Tassia.id</p>
  219.             </div>
  220.           </div>
  221.         </div>
  222.       </div>
  223.     </div>
  224.     <!-- Sub Footer Ends Here -->
  225.  
  226.  
  227.     <!-- Bootstrap core JavaScript -->
  228.     <script src="vendor/jquery/jquery.min.js"></script>
  229.     <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  230.  
  231.  
  232.     <!-- Additional Scripts -->
  233.     <script src="assets/js/custom.js"></script>
  234.     <script src="assets/js/owl.js"></script>
  235.     <script src="assets/js/isotope.js"></script>
  236.     <script src="assets/js/flex-slider.js"></script>
  237.  
  238.  
  239.     <script language = "text/Javascript">
  240.       cleared[0] = cleared[1] = cleared[2] = 0; //set a cleared flag for each field
  241.       function clearField(t){                   //declaring the array outside of the
  242.       if(! cleared[t.id]){                      // function makes it static and global
  243.           cleared[t.id] = 1;  // you could use true and false, but that\'s more typing
  244.           t.value=\'\';         // with more chance of typos
  245.           t.style.color=\'#fff\';
  246.           }
  247.       }
  248.     </script>
  249.  
  250.  
  251.   </body>
  252.  
  253. </html>
');