Commit f227686fd83b50fdff5f03c73e663e7e10cc4882

Authored by Kennth Adams
Committed by GitHub
0 parents

--no commit message

Showing 1 changed file with 87 additions and 0 deletions   Show diff stats
index.html 0 → 100644
  1 +++ a/index.html
  1 +<!doctype html>
  2 +<html>
  3 + <head>
  4 + <meta charset="utf-8">
  5 + <!-- WEBSITE TITLE -->
  6 + <title>PRICE LIST - DEMO 3</title>
  7 + <!-- SHORTCUT ICON -->
  8 + <link href="assets/img/shortcut-icon.png" rel="shortcut icon">
  9 + <!-- TELL THE BROWSER TO BE RESPONSIVE TO SCREEN WIDTH -->
  10 + <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  11 + <!-- BOOTSTRAP CSS FILE -->
  12 + <link href="assets/css/bootstrap.min.css" rel="stylesheet">
  13 + <!-- FONT AWESOME CSS FILE -->
  14 + <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
  15 + <!-- CUSTOM CSS FILE -->
  16 + <link href="assets/css/style.css" rel="stylesheet">
  17 + <!-- DEMO 03 CSS FILE -->
  18 + <link href="assets/css/demo03.css" rel="stylesheet">
  19 + </head>
  20 + <body>
  21 + <section class="pricing-table-container">
  22 + <div class="container-fluid">
  23 + <div class="row">
  24 + <!-- PRICING TABLE 1 -->
  25 + <div class="col-sm-4">
  26 + <div class="pricing-table-3 basic">
  27 + <div class="pricing-table-header">
  28 + <h4><strong>BASIC</strong></h4>
  29 + <p>Loerm Ipsum Donor Sit Amet</p>
  30 + </div>
  31 + <div class="price"><strong>$3</strong> / MONTH</div>
  32 + <div class="pricing-body">
  33 + <ul class="pricing-table-ul">
  34 + <li><i class="fa fa-send"></i> Unlimited Email Addresses</li>
  35 + <li><i class="fa fa-cloud"></i> 50 GB</strong> Disk Space</li>
  36 + <li class="not-avail"><i class="fa fa-envelope"></i> Email Support</li>
  37 + </ul>
  38 + <a href="#" class="view-more">View More</a>
  39 + </div>
  40 + </div>
  41 + </div>
  42 +
  43 + <!-- PRICING TABLE 2 -->
  44 + <div class="col-sm-4">
  45 + <div class="pricing-table-3 premium">
  46 + <div class="pricing-table-header">
  47 + <h4><strong>PREMIUM</strong></h4>
  48 + <p>Loerm Ipsum Donor Sit Amet</p>
  49 + </div>
  50 + <div class="price"><strong>$8</strong> / MONTH</div>
  51 + <div class="pricing-body">
  52 + <ul class="pricing-table-ul">
  53 + <li><i class="fa fa-send"></i> Unlimited Email Addresses</li>
  54 + <li><i class="fa fa-cloud"></i> 80 GB</strong> Disk Space</li>
  55 + <li class="not-avail"><i class="fa fa-envelope"></i> Email Support</li>
  56 + </ul>
  57 + <a href="#" class="view-more">View More</a>
  58 + </div>
  59 + </div>
  60 + </div>
  61 +
  62 + <!-- PRICING TABLE 3 -->
  63 + <div class="col-sm-4">
  64 + <div class="pricing-table-3 business">
  65 + <div class="pricing-table-header">
  66 + <h4><strong>BUSINESS</strong></h4>
  67 + <p>Loerm Ipsum Donor Sit Amet</p>
  68 + </div>
  69 + <div class="price"><strong>$12</strong> / MONTH</div>
  70 + <div class="pricing-body">
  71 + <ul class="pricing-table-ul">
  72 + <li><i class="fa fa-send"></i> Unlimited Email Addresses</li>
  73 + <li><i class="fa fa-cloud"></i> 120 GB</strong> Disk Space</li>
  74 + <li class="not-avail"><i class="fa fa-envelope"></i> Email Support</li>
  75 + </ul>
  76 + <a href="#" class="view-more">View More</a>
  77 + </div>
  78 + </div>
  79 + </div>
  80 +
  81 +
  82 +
  83 + </div>
  84 + </div>
  85 + </section>
  86 + </body>
  87 +</html>
0 88 \ No newline at end of file
... ...