SHARE
TWEET

ssyg

a guest May 16th, 2019 109 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="/" dir="ltr">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <title></title>
  6.     <!-- Latest compiled and minified CSS -->
  7. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  8.  
  9. <!-- jQuery library -->
  10. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
  11.  
  12. <!-- Latest compiled JavaScript -->
  13. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
  14.  
  15. <meta name="viewport" content="width=device-width, initial-scale=1">
  16. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
  17.  </head>
  18.   <body>
  19.     <div class="container">
  20.       <div class="row">
  21.         <div class="col-md-4">
  22.  
  23.         </div>
  24.         <div class="col-md-4">
  25.           <h2>Upgrade your storage</h2>
  26.         </div>
  27.         <div class="col-md-4">
  28.  
  29.         </div>
  30.       </div>
  31.       <div class="row">
  32.         <div class="col-md-1">
  33.  
  34.         </div>
  35.         <div class="col-md-10">
  36.           <div class="row">
  37.             <div class="col-md-4">
  38.  
  39.             </div>
  40.             <div class="col-md-4">
  41.               <ul class="nav nav-tabs bg-warning class="text-info">
  42.                 <li class="active"><a data-toggle="tab" href="#home" >MONTHLY</a></li>
  43.                 <li><a data-toggle="tab" href="#menu1" >ANNUAL</a></li>
  44.                 <li><a data-toggle="tab" href="#menu2" >LIFETIME</a></li>
  45.               </ul>
  46.             </div>
  47.             <div class="col-md-4">
  48.  
  49.             </div>
  50.           </div>
  51.           <div class="tab-content">
  52.             <div id="home" class="tab-pane fade in active">
  53.               <div class="row" style="padding:20px;">
  54.                 <div class="col-md-1">
  55.  
  56.                 </div>
  57.                 <div class="col-md-5">
  58.                   <div class="card bg-warning" style="padding:20px;">
  59.                     <div class="card-header">
  60.                       <h3 align="center" class="text-info">Premium 500 GB</h3>
  61.                       <h5 align="center">MONTHLY</h5>
  62.                     </div>
  63.                     <div class="card-body">
  64.                       <h2 align="center" style="padding:13px;">MMK 8,000<span style="font-size:16px;">/month</span></h2>
  65.                           <form class="form-group" action="" method="post" style="padding:13px;">
  66.                             <button type="submit" name="button" class="btn btn-info form-control" style="font-weight:bolder">GET PREMIUM</button>
  67.                           </form>
  68.                     </div>
  69.                     <div class="card-footer" style="padding:10px;">
  70.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;500 GB Storage</i>
  71.                       <hr>
  72.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;500 GB Download link traffic</i>
  73.                       <hr>
  74.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;File Share</i>
  75.                       <hr>
  76.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;30 days trash history</i>
  77.                     </div>
  78.                   </div>
  79.                 </div>
  80.                 <!-- MONTHLY PACKAGE for 500GB -->
  81.                 <div class="col-md-5">
  82.                   <div class="card bg-warning" style="padding:20px;">
  83.                     <div class="card-header">
  84.                       <h3 align="center" class="text-success">Premium 1 TB</h3>
  85.                       <h5 align="center">MONTHLY</h5>
  86.                     </div>
  87.                     <div class="card-body">
  88.                       <h2 align="center" style="padding:13px;">MMK 15,000<span style="font-size:16px;">/month</span></h2>
  89.                           <form class="form-group" action="" method="post" style="padding:13px;">
  90.                             <button type="submit" name="button" class="btn btn-success form-control" style="font-weight:bolder">GET PREMIUM</button>
  91.                           </form>
  92.                     </div>
  93.                     <div class="card-footer" style="padding:10px;">
  94.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;1 TB Storage</i>
  95.                       <hr>
  96.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;1 TB Download link traffic</i>
  97.                       <hr>
  98.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;File Share</i>
  99.                       <hr>
  100.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;30 days trash history</i>
  101.                     </div>
  102.                   </div>
  103.                 </div>
  104.                 <!-- MONTHLY PACKAGE for 1TB-->
  105.                 <div class="col-md-1">
  106.  
  107.                 </div>
  108.               </div>
  109.               <!-- first row  -->
  110.               <div class="row" style="padding:15px;">
  111.                 <div class="col-md-1">
  112.  
  113.                 </div>
  114.                 <div class="col-md-5">
  115.                   <div class="card bg-warning" style="padding:20px;">
  116.                     <div class="card-header">
  117.                       <h3 align="center" class="text-warning">Premium 1.5 TB</h3>
  118.                       <h5 align="center">MONTHLY</h5>
  119.                     </div>
  120.                     <div class="card-body">
  121.                       <h2 align="center" style="padding:13px;">MMK 22,000<span style="font-size:16px;">/month</span></h2>
  122.                           <form class="form-group" action="" method="post" style="padding:13px;">
  123.                             <button type="submit" name="button" class="btn btn-warning form-control" style="font-weight:bolder">GET PREMIUM</button>
  124.                           </form>
  125.                     </div>
  126.                     <div class="card-footer" style="padding:10px;">
  127.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;1.5 TB Storage</i>
  128.                       <hr>
  129.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;1.5 TB Download link traffic</i>
  130.                       <hr>
  131.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;File Share</i>
  132.                       <hr>
  133.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;30 days trash history</i>
  134.                     </div>
  135.                   </div>
  136.                 </div>
  137.                 <!-- MONTHLY PACKAGE for 500GB -->
  138.                 <div class="col-md-5">
  139.                   <div class="card bg-warning" style="padding:20px;">
  140.                     <div class="card-header">
  141.                       <h3 align="center" class="text-danger">Premium 2 TB</h3>
  142.                       <h5 align="center">MONTHLY</h5>
  143.                     </div>
  144.                     <div class="card-body">
  145.                       <h2 align="center" style="padding:13px;">MMK 29,000<span style="font-size:16px;">/month</span></h2>
  146.                           <form class="form-group" action="" method="post" style="padding:13px;">
  147.                             <button type="submit" name="button" class="btn btn-danger form-control" style="font-weight:bolder">GET PREMIUM</button>
  148.                           </form>
  149.                     </div>
  150.                     <div class="card-footer" style="padding:10px;">
  151.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;2 TB Storage</i>
  152.                       <hr>
  153.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;2 TB Download link traffic</i>
  154.                       <hr>
  155.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;File Share</i>
  156.                       <hr>
  157.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;30 days trash history</i>
  158.                     </div>
  159.                   </div>
  160.                 </div>
  161.                 <!-- MONTHLY PACKAGE for 1TB-->
  162.                 <div class="col-md-1">
  163.  
  164.                 </div>
  165.               </div>
  166.               <!-- second row -->
  167.             </div>
  168.             <!-- MONTHLY-->
  169.  
  170.             <div id="menu1" class="tab-pane fade">
  171.               <div id="home" class="tab-pane fade in active">
  172.                 <div class="row" style="padding:20px;">
  173.                   <div class="col-md-1">
  174.  
  175.                   </div>
  176.                   <div class="col-md-5">
  177.                     <div class="card bg-warning" style="padding:20px;">
  178.                       <div class="card-header">
  179.                         <h3 align="center" class="text-info">Premium 500 GB</h3>
  180.                         <h5 align="center">ANNUAL</h5>
  181.                       </div>
  182.                       <div class="card-body">
  183.                         <h2 align="center" style="padding:13px;">MMK 68,000<span style="font-size:16px;">/year</span></h2>
  184.                             <form class="form-group" action="" method="post" style="padding:13px;">
  185.                               <button type="submit" name="button" class="btn btn-info form-control" style="font-weight:bolder">GET PREMIUM</button>
  186.                             </form>
  187.                       </div>
  188.                       <div class="card-footer" style="padding:10px;">
  189.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;500 GB Storage</i>
  190.                         <hr>
  191.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;500 GB Download link traffic</i>
  192.                         <hr>
  193.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;File Share</i>
  194.                         <hr>
  195.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;365 days trash history</i>
  196.                       </div>
  197.                     </div>
  198.                   </div>
  199.                   <!-- ANNUAL PACKAGE for 500GB -->
  200.                   <div class="col-md-5">
  201.                     <div class="card bg-warning" style="padding:20px;">
  202.                       <div class="card-header">
  203.                         <h3 align="center" class="text-success">Premium 1 TB</h3>
  204.                         <h5 align="center">ANNUAL</h5>
  205.                       </div>
  206.                       <div class="card-body">
  207.                         <h2 align="center" style="padding:13px;">MMK 120,000<span style="font-size:16px;">/year</span></h2>
  208.                             <form class="form-group" action="" method="post" style="padding:13px;">
  209.                               <button type="submit" name="button" class="btn btn-success form-control" style="font-weight:bolder">GET PREMIUM</button>
  210.                             </form>
  211.                       </div>
  212.                       <div class="card-footer" style="padding:10px;">
  213.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;1 TB Storage</i>
  214.                         <hr>
  215.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;1 TB Download link traffic</i>
  216.                         <hr>
  217.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;File Share</i>
  218.                         <hr>
  219.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;365 days trash history</i>
  220.                       </div>
  221.                     </div>
  222.                   </div>
  223.                   <!-- ANNUAL PACKAGE for 1TB-->
  224.                   <div class="col-md-1">
  225.  
  226.                   </div>
  227.                 </div>
  228.                 <!-- first row  -->
  229.                 <div class="row" style="padding:15px;">
  230.                   <div class="col-md-1">
  231.  
  232.                   </div>
  233.                   <div class="col-md-5">
  234.                     <div class="card bg-warning" style="padding:20px;">
  235.                       <div class="card-header">
  236.                         <h3 align="center" class="text-warning">Premium 1.5 TB</h3>
  237.                         <h5 align="center">ANNUAL</h5>
  238.                       </div>
  239.                       <div class="card-body">
  240.                         <h2 align="center" style="padding:13px;">MMK 180,000<span style="font-size:16px;">/year</span></h2>
  241.                             <form class="form-group" action="" method="post" style="padding:13px;">
  242.                               <button type="submit" name="button" class="btn btn-warning form-control" style="font-weight:bolder">GET PREMIUM</button>
  243.                             </form>
  244.                       </div>
  245.                       <div class="card-footer" style="padding:10px;">
  246.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;1.5 TB Storage</i>
  247.                         <hr>
  248.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;1.5 TB Download link traffic</i>
  249.                         <hr>
  250.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;File Share</i>
  251.                         <hr>
  252.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;365 days trash history</i>
  253.                       </div>
  254.                     </div>
  255.                   </div>
  256.                   <!-- ANNUAL PACKAGE for 500GB -->
  257.                   <div class="col-md-5">
  258.                     <div class="card bg-warning" style="padding:20px;">
  259.                       <div class="card-header">
  260.                         <h3 align="center" class="text-danger">Premium 2 TB</h3>
  261.                         <h5 align="center">ANNUAL</h5>
  262.                       </div>
  263.                       <div class="card-body">
  264.                         <h2 align="center" style="padding:13px;">MMK 230,000<span style="font-size:16px;">/year</span></h2>
  265.                             <form class="form-group" action="" method="post" style="padding:13px;">
  266.                               <button type="submit" name="button" class="btn btn-danger form-control" style="font-weight:bolder">GET PREMIUM</button>
  267.                             </form>
  268.                       </div>
  269.                       <div class="card-footer" style="padding:10px;">
  270.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;2 TB Storage</i>
  271.                         <hr>
  272.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;2 TB Download link traffic</i>
  273.                         <hr>
  274.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;File Share</i>
  275.                         <hr>
  276.                         <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;365 days trash history</i>
  277.                       </div>
  278.                     </div>
  279.                   </div>
  280.                   <!-- MONTHLY PACKAGE for 1TB-->
  281.                   <div class="col-md-1">
  282.  
  283.                   </div>
  284.                 </div>
  285.                 <!-- second row -->
  286.               </div>
  287.             </div>
  288.             <!-- ANNUAL -->
  289.  
  290.             <div id="menu2" class="tab-pane fade">
  291.               <div class="row" style="padding:20px;">
  292.                 <div class="col-md-1">
  293.  
  294.                 </div>
  295.                 <div class="col-md-5">
  296.                   <div class="card bg-warning" style="padding:20px;">
  297.                     <div class="card-header">
  298.                       <h3 align="center" class="text-info">Premium 500 GB</h3>
  299.                       <h5 align="center">LIFETIME</h5>
  300.                     </div>
  301.                     <div class="card-body">
  302.                       <h2 align="center" style="padding:13px;">MMK 260,000<span style="font-size:16px;">/life</span></h2>
  303.                           <form class="form-group" action="" method="post" style="padding:13px;">
  304.                             <button type="submit" name="button" class="btn btn-info form-control" style="font-weight:bolder">GET PREMIUM</button>
  305.                           </form>
  306.                     </div>
  307.                     <div class="card-footer" style="padding:10px;">
  308.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;500 GB Storage</i>
  309.                       <hr>
  310.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;500 GB Download link traffic</i>
  311.                       <hr>
  312.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;File Share</i>
  313.                       <hr>
  314.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;A life trash history</i>
  315.                     </div>
  316.                   </div>
  317.                 </div>
  318.                 <!-- ANNUAL PACKAGE for 500GB -->
  319.                 <div class="col-md-5">
  320.                   <div class="card bg-warning" style="padding:20px;">
  321.                     <div class="card-header">
  322.                       <h3 align="center" class="text-success">Premium 1 TB</h3>
  323.                       <h5 align="center">LIFETIME</h5>
  324.                     </div>
  325.                     <div class="card-body">
  326.                       <h2 align="center" style="padding:13px;">MMK 500,000<span style="font-size:16px;">/life</span></h2>
  327.                           <form class="form-group" action="" method="post" style="padding:13px;">
  328.                             <button type="submit" name="button" class="btn btn-success form-control" style="font-weight:bolder">GET PREMIUM</button>
  329.                           </form>
  330.                     </div>
  331.                     <div class="card-footer" style="padding:10px;">
  332.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;1 TB Storage</i>
  333.                       <hr>
  334.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;1 TB Download link traffic</i>
  335.                       <hr>
  336.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;File Share</i>
  337.                       <hr>
  338.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;A life trash history</i>
  339.                     </div>
  340.                   </div>
  341.                 </div>
  342.                 <!-- ANNUAL PACKAGE for 1TB-->
  343.                 <div class="col-md-1">
  344.  
  345.                 </div>
  346.               </div>
  347.               <!-- first row  -->
  348.               <div class="row" style="padding:15px;">
  349.                 <div class="col-md-1">
  350.  
  351.                 </div>
  352.                 <div class="col-md-5">
  353.                   <div class="card bg-warning" style="padding:20px;">
  354.                     <div class="card-header">
  355.                       <h3 align="center" class="text-warning">Premium 1.5 TB</h3>
  356.                       <h5 align="center">LIF|</h5>
  357.                     </div>
  358.                     <div class="card-body">
  359.                       <h2 align="center" style="padding:13px;">MMK 700,000<span style="font-size:16px;">/life</span></h2>
  360.                           <form class="form-group" action="" method="post" style="padding:13px;">
  361.                             <button type="submit" name="button" class="btn btn-warning form-control" style="font-weight:bolder">GET PREMIUM</button>
  362.                           </form>
  363.                     </div>
  364.                     <div class="card-footer" style="padding:10px;">
  365.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;1.5 TB Storage</i>
  366.                       <hr>
  367.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;1.5 TB Download link traffic</i>
  368.                       <hr>
  369.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;File Share</i>
  370.                       <hr>
  371.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;A life trash history</i>
  372.                     </div>
  373.                   </div>
  374.                 </div>
  375.                 <!-- ANNUAL PACKAGE for 500GB -->
  376.                 <div class="col-md-5">
  377.                   <div class="card bg-warning" style="padding:20px;">
  378.                     <div class="card-header">
  379.                       <h3 align="center" class="text-danger">Premium 2 TB</h3>
  380.                       <h5 align="center">LIFETIME</h5>
  381.                     </div>
  382.                     <div class="card-body">
  383.                       <h2 align="center" style="padding:13px;">MMK 900,000<span style="font-size:16px;">/life</span></h2>
  384.                           <form class="form-group" action="" method="post" style="padding:13px;">
  385.                             <button type="submit" name="button" class="btn btn-danger form-control" style="font-weight:bolder">GET PREMIUM</button>
  386.                           </form>
  387.                     </div>
  388.                     <div class="card-footer" style="padding:10px;">
  389.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;2 TB Storage</i>
  390.                       <hr>
  391.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;2 TB Download link traffic</i>
  392.                       <hr>
  393.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;File Share</i>
  394.                       <hr>
  395.                       <i class="fa fa-cloud">&nbsp;&nbsp;&nbsp;A life trash history</i>
  396.                     </div>
  397.                   </div>
  398.                 </div>
  399.                 <!-- MONTHLY PACKAGE for 1TB-->
  400.                 <div class="col-md-1">
  401.  
  402.                 </div>
  403.               </div>
  404.               <!-- second row -->
  405.             </div>
  406.           </div>
  407.         </div>
  408.         <div class="col-md-1">
  409.  
  410.         </div>
  411.       </div>
  412.     </div>
  413.   </body>
  414. </html>
RAW Paste Data
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
 
Top