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 - About Page</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.  
  24.   </head>
  25.  
  26.   <body>
  27.    
  28.     <!-- Pre Header -->
  29.     <div id="pre-header">
  30.       <div class="container">
  31.         <div class="row">
  32.           <div class="col-md-12">
  33.             <span>✨Show your beauty with good quality✨</span>
  34.           </div>
  35.         </div>
  36.       </div>
  37.     </div>
  38.  
  39.     <!-- Navigation -->
  40.     <nav class="navbar navbar-expand-lg navbar-dark bg-dark static-top">
  41.       <div class="container">
  42.         <a class="navbar-brand" href="#"><img src="assets/images/header-logo.png" alt=""></a>
  43.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  44.           <span class="navbar-toggler-icon"></span>
  45.         </button>
  46.         <div class="collapse navbar-collapse" id="navbarResponsive">
  47.           <ul class="navbar-nav ml-auto">
  48.             <li class="nav-item">
  49.               <a class="nav-link" href="index.html">Home</a>
  50.             </li>
  51.             <li class="nav-item">
  52.               <a class="nav-link" href="products.html">Products
  53.                 <span class="sr-only">(current)</span>
  54.               </a>
  55.             </li>
  56.             <li class="nav-item active">
  57.               <a class="nav-link" href="about.html">About Us</a>
  58.               <span class="sr-only">(current)</span>
  59.             </li>
  60.             <li class="nav-item">
  61.               <a class="nav-link" href="contact.html">Contact</a>
  62.             </li>
  63.           </ul>
  64.         </div>
  65.       </div>
  66.     </nav>
  67.  
  68.     <!-- Page Content -->
  69.     <!-- About Page Starts Here -->
  70.     <div class="about-page">
  71.       <div class="container">
  72.         <div class="row">
  73.           <div class="col-md-12">
  74.             <div class="section-heading">
  75.               <div class="line-dec"></div>
  76.               <h1>About Us</h1>
  77.             </div>
  78.           </div>
  79.           <div class="col-md-6">
  80.             <div class="left-image">
  81.               <img src="assets/images/about-us.jpg" alt="">
  82.             </div>
  83.           </div>
  84.           <div class="col-md-6">
  85.             <div class="right-content">
  86.               <h4>Tassia.id</h4>
  87.               <p>We first started from looking at how much women struggle to find a good quality and lovely purse thesedays. Especially during this pandemic, those items that we ordered online, sometimes when it\'s arrived, it looks different than the one in the photo. So we provide an online shop for bags, purses, pouch, and many other kinds of bags that have a good quality also we will give you a honest review of the bags.</p>
  88.               <br>
  89.               <p>Not only we provide a good quality bags and unique designs, but we\'re also provide a secure payment so you can shop safely, plus a secure packaging. And our target market is teenage girl and adult women.</p>
  90.               <br>
  91.               <p>And for those who asked, who is the person behind Tassia.id? The answer is, we are a group of 4 friends who feel the need for shopping has increased. And we are, Julietta Anastasia, Iasha Nuraini, Tiara Salsabila, and Arifah Amelia Tijani.</p>
  92.               <br>
  93.               <p>We really want to say thank you for those who has helped us to develop this business, to our friends and family, to all of you, Thank you.</p>
  94.               <div class="share">
  95.                 <h6>Find us 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>
  96.               </div>
  97.             </div>
  98.           </div>
  99.         </div>
  100.       </div>
  101.     </div>
  102.     <!-- About Page Ends Here -->
  103.  
  104.     <!-- Subscribe Form Starts Here -->
  105.     <div class="subscribe-form">
  106.       <div class="container">
  107.         <div class="row">
  108.           <div class="col-md-12">
  109.             <div class="section-heading">
  110.               <div class="line-dec"></div>
  111.               <h1>Subscribe on Tassia.id now!</h1>
  112.             </div>
  113.           </div>
  114.           <div class="col-md-8 offset-md-2">
  115.             <div class="main-content">
  116.               <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>
  117.               <div class="container">
  118.                 <form id="subscribe" action="" method="get">
  119.                   <div class="row">
  120.                     <div class="col-md-7">
  121.                       <fieldset>
  122.                         <input name="email" type="text" class="form-control" id="email"
  123.                        onfocus="if(this.value == \'Your Email...\') { this.value = \'\'; }"
  124.                         onBlur="if(this.value == \'\') { this.value = \'Your Email...\';}"
  125.                         value="Your Email..." required="">
  126.                       </fieldset>
  127.                     </div>
  128.                     <div class="col-md-5">
  129.                       <fieldset>
  130.                         <button type="submit" id="form-submit" class="button">Subscribe Now!</button>
  131.                       </fieldset>
  132.                     </div>
  133.                   </div>
  134.                 </form>
  135.               </div>
  136.             </div>
  137.           </div>
  138.         </div>
  139.       </div>
  140.     </div>
  141.     <!-- Subscribe Form Ends Here -->
  142.  
  143.  
  144.    
  145.     <!-- Footer Starts Here -->
  146.     <div class="footer">
  147.       <div class="container">
  148.         <div class="row">
  149.           <div class="col-md-12">
  150.             <div class="logo">
  151.               <img src="assets/images/header-logo.png" alt="">
  152.             </div>
  153.           </div>
  154.           <div class="col-md-12">
  155.             <div class="footer-menu">
  156.               <ul>
  157.                 <li><a href="#">Home</a></li>
  158.                 <li><a href="#">Help</a></li>
  159.                 <li><a href="#">Privacy Policy</a></li>
  160.                 <li><a href="#">How It Works?</a></li>
  161.                 <li><a href="#">Contact Us</a></li>
  162.               </ul>
  163.             </div>
  164.           </div>
  165.           <div class="col-md-12">
  166.             <div class="social-icons">
  167.               <ul>
  168.                 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  169.                 <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  170.                 <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  171.                 <li><a href="#"><i class="fa fa-rss"></i></a></li>
  172.               </ul>
  173.             </div>
  174.           </div>
  175.         </div>
  176.       </div>
  177.     </div>
  178.     <!-- Footer Ends Here -->
  179.  
  180.  
  181.     <!-- Sub Footer Starts Here -->
  182.     <div class="sub-footer">
  183.       <div class="container">
  184.         <div class="row">
  185.           <div class="col-md-12">
  186.             <div class="copyright-text">
  187.               <p>Copyright &copy; 2020 Tassia.id</p>
  188.             </div>
  189.           </div>
  190.         </div>
  191.       </div>
  192.     </div>
  193.     <!-- Sub Footer Ends Here -->
  194.  
  195.  
  196.     <!-- Bootstrap core JavaScript -->
  197.     <script src="vendor/jquery/jquery.min.js"></script>
  198.     <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  199.  
  200.  
  201.     <!-- Additional Scripts -->
  202.     <script src="assets/js/custom.js"></script>
  203.     <script src="assets/js/owl.js"></script>
  204.     <script src="assets/js/isotope.js"></script>
  205.     <script src="assets/js/flex-slider.js"></script>
  206.  
  207.  
  208.     <script language = "text/Javascript">
  209.       cleared[0] = cleared[1] = cleared[2] = 0; //set a cleared flag for each field
  210.       function clearField(t){                   //declaring the array outside of the
  211.       if(! cleared[t.id]){                      // function makes it static and global
  212.           cleared[t.id] = 1;  // you could use true and false, but that\'s more typing
  213.           t.value=\'\';         // with more chance of typos
  214.           t.style.color=\'#fff\';
  215.           }
  216.       }
  217.     </script>
  218.  
  219.  
  220.   </body>
  221.  
  222. </html>
');