API tools faq
paste
Advertisement
Guest User

ssyg

a guest
May 16th, 2019
146
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 20.46 KB | None | 0 0
raw download clone embed print report
  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>
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!