templates/pages-pricing.html.twig line 1

Open in your IDE?
  1. {{ include('partials/main.html.twig') }}
  3.     <head>
  4.         
  5.         {{ include('partials/title-meta.html.twig', {title: 'Pricing'}) }}
  7.         {{ include('partials/head-css.html.twig') }}
  9.     </head>
  11.     {{ include('partials/body.html.twig') }}
  13.         <!-- Begin page -->
  14.         <div id="layout-wrapper">
  16.             {{ include('partials/menu.html.twig') }}
  18.             <!-- ============================================================== -->
  19.             <!-- Start right Content here -->
  20.             <!-- ============================================================== -->
  21.             <div class="main-content">
  23.                 <div class="page-content">
  24.                     <div class="container-fluid">
  26.                         {{ include('partials/page-title.html.twig', {pagetitle: 'Pages', title: 'Pricing'}) }}
  28.                         <div class="row">
  29.                             <div class="col-lg-12">
  30.                                 <div class="card">
  31.                                     <div class="card-header d-flex">
  32.                                         <h4 class="card-title mb-0 flex-grow-1">Start your creative project right plans</h4>
  33.                                         <div class="flex-shrink-0 align-self-end">
  34.                                             <ul class="nav justify-content-end nav-tabs-custom rounded card-header-tabs" id="pills-tab" role="tablist">
  35.                                                 <li class="nav-item">
  36.                                                     <a class="nav-link px-3 rounded monthly active" id="monthly" data-bs-toggle="pill" href="#month" role="tab" aria-controls="month" aria-selected="true">Monthly</a>
  37.                                                 </li>
  38.                                                 <li class="nav-item">
  39.                                                     <a class="nav-link px-3 rounded yearly" id="yearly" data-bs-toggle="pill" href="#year" role="tab" aria-controls="year" aria-selected="false">Yearly</a>
  40.                                                 </li>
  41.                                             </ul>
  42.                                         </div>
  43.                                     </div>
  44.                                     <div class="card-body">
  45.                                         <div class="tab-content" id="pills-tabContent">
  46.                                             <div class="tab-pane fade active show" id="month" role="tabpanel" aria-labelledby="monthly">
  47.                                                 <div class="row">
  48.                                                     <div class="col-xl-3 col-sm-6">
  49.                                                         <div class="card mb-xl-0">
  50.                                                             <div class="card-body">
  51.                                                                 <div class="p-2">
  52.                                                                     <h5 class="font-size-16">Starter</h5>
  53.                                                                     <h1 class="mt-3">$29 <span class="text-muted font-size-16 fw-medium">/ Month</span></h1>
  54.                                                                     <p class="text-muted mt-3 font-size-15">For small teams trying out Minia for an unlimited 
  55.                                                                         period of time</p>
  56.                                                                     <div class="mt-4 pt-2 text-muted">
  57.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Verifide
  58.                                                                             work and
  59.                                                                             reviews</p>
  60.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Dedicated
  61.                                                                             Ac managers</p>
  62.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Unlimited
  63.                                                                             proposals</p>
  64.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Project
  65.                                                                             tracking
  66.                                                                         </p>
  67.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Dedicated
  68.                                                                             Ac managers</p>
  69.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Unlimited
  70.                                                                             proposals</p>
  71.                                                                     </div>
  72.                         
  73.                                                                     <div class="mt-4 pt-2">
  74.                                                                         <a href="" class="btn btn-outline-primary w-100">Choose Plan</a>
  75.                                                                     </div>
  76.                                                                 </div>
  77.                                                             </div>
  78.                                                             <!-- end card body -->
  79.                                                         </div>
  80.                                                         <!-- end card -->
  81.                                                     </div>
  82.                                                     <!-- end col -->
  83.         
  84.                                                     <div class="col-xl-3 col-sm-6">
  85.                                                         <div class="card mb-xl-0">
  86.                                                             <div class="card-body">
  87.                                                                 <div class="p-2">
  88.                                                                     <h5 class="font-size-16">Professional</h5>
  89.                                                                     <h1 class="mt-3">$49 <span class="text-muted font-size-16 fw-medium">/ Month</span></h1>
  90.                                                                     <p class="text-muted mt-3 font-size-15">For larger businesses or those with onal administration needs</p>
  91.                                                                     <div class="mt-4 pt-2 text-muted">
  92.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Verifide
  93.                                                                             work and
  94.                                                                             reviews</p>
  95.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Dedicated
  96.                                                                             Ac managers</p>
  97.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Unlimited
  98.                                                                             proposals</p>
  99.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Project
  100.                                                                             tracking
  101.                                                                         </p>
  102.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Dedicated
  103.                                                                             Ac managers</p>
  104.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Unlimited
  105.                                                                             proposals</p>
  106.                                                                     </div>
  107.                         
  108.                                                                     <div class="mt-4 pt-2">
  109.                                                                         <a href="" class="btn btn-outline-primary w-100">Choose Plan</a>
  110.                                                                     </div>
  111.                                                                 </div>
  112.                                                             </div>
  113.                                                             <!-- end card body -->
  114.                                                         </div>
  115.                                                         <!-- end card -->
  116.                                                     </div>
  117.                                                     <!-- end col -->
  118.         
  119.                                                     <div class="col-xl-3 col-sm-6">
  120.                                                         <div class="card bg-primary mb-xl-0">
  121.                                                             <div class="card-body">
  122.                                                                 <div class="p-2">
  123.                                                                     <div class="pricing-badge">
  124.                                                                         <span class="badge">Featured</span>
  125.                                                                     </div>
  126.                                                                     <h5 class="font-size-16 text-white">Enterprise</h5>
  127.                                                                     <h1 class="mt-3 text-white">$79 <span class="text-white font-size-16 fw-medium">/ Month</span></h1>
  128.                                                                     <p class="text-white-50 mt-3 font-size-15">For extra large businesses or those in regulated industries</p>
  129.                                                                     <div class="mt-4 pt-2 text-white">
  130.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-light font-size-18 me-2"></i>Verifide
  131.                                                                             work and
  132.                                                                             reviews</p>
  133.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-light font-size-18 me-2"></i>Dedicated
  134.                                                                             Ac managers</p>
  135.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-light font-size-18 me-2"></i>Unlimited
  136.                                                                             proposals</p>
  137.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-light font-size-18 me-2"></i>Project
  138.                                                                             tracking
  139.                                                                         </p>
  140.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-light font-size-18 me-2"></i>Dedicated
  141.                                                                             Ac managers</p>
  142.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-light font-size-18 me-2"></i>Unlimited
  143.                                                                             proposals</p>
  144.                                                                     </div>
  145.                         
  146.                                                                     <div class="mt-4 pt-2">
  147.                                                                         <a href="" class="btn btn-light w-100">Choose Plan</a>
  148.                                                                     </div>
  149.                                                                 </div>
  150.                                                             </div>
  151.                                                             <!-- end card body -->
  152.                                                         </div>
  153.                                                         <!-- end card -->
  154.                                                     </div>
  155.                                                     <!-- end col -->
  156.         
  157.                                                     <div class="col-xl-3 col-sm-6">
  158.                                                         <div class="card mb-0">
  159.                                                             <div class="card-body">
  160.                                                                 <div class="p-2">
  161.                                                                     <h5 class="font-size-16">Unlimited</h5>
  162.                                                                     <h1 class="mt-3">$99 <span class="text-muted font-size-16 fw-medium">/ Month</span></h1>
  163.                                                                     <p class="text-muted mt-3 font-size-15">For small teams trying out Minia for an unlimited 
  164.                                                                         period of time</p>
  165.                                                                     <div class="mt-4 pt-2 text-muted">
  166.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Verifide
  167.                                                                             work and
  168.                                                                             reviews</p>
  169.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Dedicated
  170.                                                                             Ac managers</p>
  171.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Unlimited
  172.                                                                             proposals</p>
  173.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Project
  174.                                                                             tracking
  175.                                                                         </p>
  176.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Dedicated
  177.                                                                             Ac managers</p>
  178.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Unlimited
  179.                                                                             proposals</p>
  180.                                                                     </div>
  181.                         
  182.                                                                     <div class="mt-4 pt-2">
  183.                                                                         <a href="" class="btn btn-outline-primary w-100">Choose Plan</a>
  184.                                                                     </div>
  185.                                                                 </div>
  186.                                                             </div>
  187.                                                             <!-- end card body -->
  188.                                                         </div>
  189.                                                         <!-- end card -->
  190.                                                     </div>
  191.                                                     <!-- end col -->
  192.                                                 </div>
  193.                                                 <!-- end row -->
  194.                                             </div>
  195.                                             <!-- end tab pane -->
  196.                                             <div class="tab-pane fade" id="year" role="tabpanel" aria-labelledby="yearly">
  197.                                                 <div class="row">
  198.                                                     <div class="col-lg-3">
  199.                                                         <div class="card mb-0">
  200.                                                             <div class="card-body">
  201.                                                                 <div class="p-2">
  202.                                                                     <h5 class="font-size-16">Starter</h5>
  203.                                                                     <h1 class="mt-3">$129 <span class="text-muted font-size-16 fw-medium">/ Yearly</span></h1>
  204.                                                                     <p class="text-muted mt-3 font-size-15">For small teams trying out Minia for an unlimited 
  205.                                                                         period of time</p>
  206.                                                                     <div class="mt-4 pt-2 text-muted">
  207.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Verifide
  208.                                                                             work and
  209.                                                                             reviews</p>
  210.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Dedicated
  211.                                                                             Ac managers</p>
  212.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Unlimited
  213.                                                                             proposals</p>
  214.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Project
  215.                                                                             tracking
  216.                                                                         </p>
  217.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Dedicated
  218.                                                                             Ac managers</p>
  219.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Unlimited
  220.                                                                             proposals</p>
  221.                                                                     </div>
  222.                         
  223.                                                                     <div class="mt-4 pt-2">
  224.                                                                         <a href="" class="btn btn-outline-primary w-100">Choose Plan</a>
  225.                                                                     </div>
  226.                                                                 </div>
  227.                                                             </div>
  228.                                                             <!-- end card body -->
  229.                                                         </div>
  230.                                                         <!-- end card -->
  231.                                                     </div>
  232.                                                     <!-- end col -->
  233.         
  234.                                                     <div class="col-lg-3">
  235.                                                         <div class="card mb-0">
  236.                                                             <div class="card-body">
  237.                                                                 <div class="p-2">
  238.                                                                     <h5 class="font-size-16">Professional</h5>
  239.                                                                     <h1 class="mt-3">$149 <span class="text-muted font-size-16 fw-medium">/ Yearly</span></h1>
  240.                                                                     <p class="text-muted mt-3 font-size-15">For larger businesses or those with onal administration needs</p>
  241.                                                                     <div class="mt-4 pt-2 text-muted">
  242.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Verifide
  243.                                                                             work and
  244.                                                                             reviews</p>
  245.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Dedicated
  246.                                                                             Ac managers</p>
  247.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Unlimited
  248.                                                                             proposals</p>
  249.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Project
  250.                                                                             tracking
  251.                                                                         </p>
  252.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Dedicated
  253.                                                                             Ac managers</p>
  254.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Unlimited
  255.                                                                             proposals</p>
  256.                                                                     </div>
  257.                         
  258.                                                                     <div class="mt-4 pt-2">
  259.                                                                         <a href="" class="btn btn-outline-primary w-100">Choose Plan</a>
  260.                                                                     </div>
  261.                                                                 </div>
  262.                                                             </div>
  263.                                                             <!-- end card body -->
  264.                                                         </div>
  265.                                                         <!-- end card -->
  266.                                                     </div>
  267.                                                     <!-- end col -->
  268.         
  269.                                                     <div class="col-lg-3">
  270.                                                         <div class="card bg-primary mb-0">
  271.                                                             <div class="card-body">
  272.                                                                 <div class="p-2">
  273.                                                                     <div class="pricing-badge">
  274.                                                                         <span class="badge">Featured</span>
  275.                                                                     </div>
  276.                                                                     <h5 class="font-size-16 text-white">Enterprise</h5>
  277.                                                                     <h1 class="mt-3 text-white">$179 <span class="text-white font-size-16 fw-medium">/ Yearly</span></h1>
  278.                                                                     <p class="text-white-50 mt-3 font-size-15">For extra large businesses or those in regulated industries</p>
  279.                                                                     <div class="mt-4 pt-2 text-white">
  280.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-light font-size-18 me-2"></i>Verifide
  281.                                                                             work and
  282.                                                                             reviews</p>
  283.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-light font-size-18 me-2"></i>Dedicated
  284.                                                                             Ac managers</p>
  285.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-light font-size-18 me-2"></i>Unlimited
  286.                                                                             proposals</p>
  287.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-light font-size-18 me-2"></i>Project
  288.                                                                             tracking
  289.                                                                         </p>
  290.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-light font-size-18 me-2"></i>Dedicated
  291.                                                                             Ac managers</p>
  292.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-light font-size-18 me-2"></i>Unlimited
  293.                                                                             proposals</p>
  294.                                                                     </div>
  295.                         
  296.                                                                     <div class="mt-4 pt-2">
  297.                                                                         <a href="" class="btn btn-light w-100">Choose Plan</a>
  298.                                                                     </div>
  299.                                                                 </div>
  300.                                                             </div>
  301.                                                             <!-- end card body -->
  302.                                                         </div>
  303.                                                         <!-- end card -->
  304.                                                     </div>
  305.                                                     <!-- end col -->
  306.         
  307.                                                     <div class="col-lg-3">
  308.                                                         <div class="card mb-0">
  309.                                                             <div class="card-body">
  310.                                                                 <div class="p-2">
  311.                                                                     <h5 class="font-size-16">Unlimited</h5>
  312.                                                                     <h1 class="mt-3">$199 <span class="text-muted font-size-16 fw-medium">/ Yearly</span></h1>
  313.                                                                     <p class="text-muted mt-3 font-size-15">For small teams trying out Minia for an unlimited 
  314.                                                                         period of time</p>
  315.                                                                     <div class="mt-4 pt-2 text-muted">
  316.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Verifide
  317.                                                                             work and
  318.                                                                             reviews</p>
  319.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Dedicated
  320.                                                                             Ac managers</p>
  321.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Unlimited
  322.                                                                             proposals</p>
  323.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Project
  324.                                                                             tracking
  325.                                                                         </p>
  326.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Dedicated
  327.                                                                             Ac managers</p>
  328.                                                                         <p class="mb-3 font-size-15"><i class="mdi mdi-check-circle text-secondary font-size-18 me-2"></i>Unlimited
  329.                                                                             proposals</p>
  330.                                                                     </div>
  331.                         
  332.                                                                     <div class="mt-4 pt-2">
  333.                                                                         <a href="" class="btn btn-outline-primary w-100">Choose Plan</a>
  334.                                                                     </div>
  335.                                                                 </div>
  336.                                                             </div>
  337.                                                             <!-- end card body -->
  338.                                                         </div>
  339.                                                         <!-- end card -->
  340.                                                     </div>
  341.                                                     <!-- end col -->
  342.                                                 </div>
  343.                                             </div>
  344.                                             <!-- end tab pane -->
  345.                                         </div>
  346.                                         <!-- end tab content -->
  347.                                     </div>
  348.                                     <!-- end card body -->
  349.                                 </div>
  350.                                 <!-- end card -->
  351.                             </div>
  352.                             <!-- end col -->
  353.                         </div>
  354.                         <!-- end row -->
  356.                         <div class="row">
  357.                             <div class="col-xl-12">
  358.                                 <div class="card">
  359.                                     <div class="card-header">
  360.                                         <h4 class="card-title">Project Plans</h4>
  361.                                         <p class="card-title-desc">Call to action pricing table is really crucial to your for your business website. 
  362.                                             Make your bids stand-out with amazing options.
  363.                                         </p>
  364.                                     </div>
  365.                                     <!-- end card header -->
  367.                                     <div class="card-body">
  368.                                         <div class="row">
  369.                                             <div class="col-xl-3">
  370.                                                 <div class="nav flex-column nav-pills pricing-tab-box" id="v-pills-tab" role="tablist" aria-orientation="vertical">
  371.                                                     <a class="nav-link mb-3 active" id="v-pills-tab-one" data-bs-toggle="pill" href="#v-price-one" role="tab" aria-controls="v-price-one" aria-selected="true">
  372.                                                         <div class="d-flex align-items-center">
  373.                                                             <i class="bx bx-check-circle h3 mb-0 me-4"></i>
  374.                                                             <div class="flex-1">
  375.                                                                 <h2 class="fw-medium">$29 <span class="text-muted font-size-15">/ Month Plans</span></h2>
  376.                                                                 <p class="fw-normal mb-0 text-muted">For small teams trying out Minia for an unlimited period of time</p>
  377.                                                             </div>
  378.                                                         </div>
  379.                                                     </a>
  380.                                                     <a class="nav-link mb-3" id="v-pills-tab-two" data-bs-toggle="pill" href="#v-price-two" role="tab" aria-controls="v-price-two" aria-selected="false">
  381.                                                         <div class="d-flex align-items-center">
  382.                                                             <i class="bx bx-check-circle h3 mb-0 me-4"></i>
  383.                                                             <div class="flex-1">
  384.                                                                 <h2 class="fw-medium">$79 <span class="text-muted font-size-15">/ Month Plans</span></h2>
  385.                                                                 <p class="fw-normal mb-0 text-muted">For larger businesses or those with onal administration needs</p>
  386.                                                             </div>
  387.                                                         </div>
  388.                                                     </a>
  389.                                                     <a class="nav-link" id="v-pills-tab-three" data-bs-toggle="pill" href="#v-price-three" role="tab" aria-controls="v-price-three" aria-selected="false">
  390.                                                         <div class="d-flex align-items-center">
  391.                                                             <i class="bx bx-check-circle h3 mb-0 me-4"></i>
  392.                                                             <div class="flex-1">
  393.                                                                 <h2 class="fw-medium">$99 <span class="text-muted font-size-15">/ Month Plans</span></h2>
  394.                                                                 <p class="fw-normal mb-0 text-muted">For extra large businesses or those in regulated industries</p>
  395.                                                             </div>
  396.                                                         </div>
  397.                                                     </a>
  398.                                                 </div>
  399.                                             </div>
  401.                                             <div class="col-xl-9">
  402.                                                 <div class="tab-content text-muted mt-4 mt-xl-0" id="v-pills-tabContent">
  403.                                                     <div class="tab-pane fade show active" id="v-price-one" role="tabpanel" aria-labelledby="v-pills-tab-one">
  404.                                                         <div class="table-responsive text-center">
  405.                                                             <table class="table table-bordered mb-0 table-centered">
  406.                                                                 <tbody>
  407.                                                                     <tr>
  408.                                                                         <td></td>
  409.                                                                         <td style="width: 20%;">
  410.                                                                             <div class="py-3">
  411.                                                                                 <h5 class="font-size-16 mb-0">1 Month</h5>
  412.                                                                             </div>
  413.                                                                         </td>
  414.                                                                         <td style="width: 20%;">
  415.                                                                             <div class="py-3">
  416.                                                                                 <h5 class="font-size-16 mb-0">3 Month</h5>
  417.                                                                             </div>
  418.                                                                         </td>
  419.                                                                         <td style="width: 20%;">
  420.                                                                             <div class="py-3">
  421.                                                                                 <h5 class="font-size-16 mb-0">6 Month</h5>
  422.                                                                             </div>
  423.                                                                         </td>
  424.                                                                         <td style="width: 20%;">
  425.                                                                             <div class="py-3">
  426.                                                                                 <h5 class="font-size-16 mb-0">1 Year</h5>
  427.                                                                             </div>
  428.                                                                         </td>
  429.                                                                     </tr>
  430.                                                                     <tr>
  431.                                                                         <th scope="row">Users</th>
  432.                                                                         <td>1</td>
  433.                                                                         <td>3</td>
  434.                                                                         <td>5</td>
  435.                                                                         <td>7</td>
  436.                                                                     </tr>
  437.                                                                     <tr>
  438.                                                                         <th scope="row">Storage</th>
  439.                                                                         <td>1 GB</td>
  440.                                                                         <td>10 GB</td>
  441.                                                                         <td>20 GB</td>
  442.                                                                         <td>40 GB</td>
  443.                                                                     </tr>
  444.                                                                     <tr>
  445.                                                                         <th scope="row">Domain</th>
  446.                                                                         <td>
  447.                                                                             <div>
  448.                                                                                 <i class="mdi mdi-close-circle text-danger font-size-20"></i>
  449.                                                                             </div>
  450.                                                                         </td>
  451.                                                                         <td>1</td>
  452.                                                                         <td>2</td>
  453.                                                                         <td>4</td>
  454.                                                                     </tr>
  455.                                                                     <tr>
  456.                                                                         <th scope="row">Hidden Fees</th>
  457.                                                                         <td>Yes</td>
  458.                                                                         <td>Yes</td>
  459.                                                                         <td>No</td>
  460.                                                                         <td>No</td>
  461.                                                                     </tr>
  462.                                                                     <tr>
  463.                                                                         <th scope="row">Support</th>
  464.                                                                         <td>
  465.                                                                             <div>
  466.                                                                                 <i class="mdi mdi-close-circle text-danger font-size-20"></i>
  467.                                                                             </div>
  468.                                                                         </td>
  469.                                                                         <td>
  470.                                                                             <div>
  471.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  472.                                                                             </div>
  473.                                                                         </td>
  474.                                                                         <td>
  475.                                                                             <div>
  476.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  477.                                                                             </div>
  478.                                                                         </td>
  479.                                                                         <td>
  480.                                                                             <div>
  481.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  482.                                                                             </div>
  483.                                                                         </td>
  484.                                                                     </tr>
  485.                                                                     <tr>
  486.                                                                         <th scope="row">Update</th>
  487.                                                                         <td>
  488.                                                                             <div>
  489.                                                                                 <i class="mdi mdi-close-circle text-danger font-size-20"></i>
  490.                                                                             </div>
  491.                                                                         </td>
  492.                                                                         <td>
  493.                                                                             <div>
  494.                                                                                 <i class="mdi mdi-close-circle text-danger font-size-20"></i>
  495.                                                                             </div>
  496.                                                                         </td>
  497.                                                                         <td>
  498.                                                                             <div>
  499.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  500.                                                                             </div>
  501.                                                                         </td>
  502.                                                                         <td>
  503.                                                                             <div>
  504.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  505.                                                                             </div>
  506.                                                                         </td>
  507.                                                                     </tr>
  508.                                                                 </tbody>
  509.                                                             </table>
  510.                                                         </div>
  511.                                                     </div>
  513.                                                     <div class="tab-pane fade" id="v-price-two" role="tabpanel" aria-labelledby="v-pills-tab-two">
  514.                                                         <div class="table-responsive text-center">
  515.                                                             <table class="table table-bordered mb-0 table-centered">
  516.                                                                 <tbody>
  517.                                                                     <tr>
  518.                                                                         <td></td>
  519.                                                                         <td style="width: 20%;">
  520.                                                                             <div class="py-3">
  521.                                                                                 <h5 class="font-size-16 mb-0">1 Month</h5>
  522.                                                                             </div>
  523.                                                                         </td>
  524.                                                                         <td style="width: 20%;">
  525.                                                                             <div class="py-3">
  526.                                                                                 <h5 class="font-size-16 mb-0">3 Month</h5>
  527.                                                                             </div>
  528.                                                                         </td>
  529.                                                                         <td style="width: 20%;">
  530.                                                                             <div class="py-3">
  531.                                                                                 <h5 class="font-size-16 mb-0">6 Month</h5>
  532.                                                                             </div>
  533.                                                                         </td>
  534.                                                                         <td style="width: 20%;">
  535.                                                                             <div class="py-3">
  536.                                                                                 <h5 class="font-size-16 mb-0">1 Year</h5>
  537.                                                                             </div>
  538.                                                                         </td>
  539.                                                                     </tr>
  540.                                                                     <tr>
  541.                                                                         <th scope="row">Users</th>
  542.                                                                         <td>1</td>
  543.                                                                         <td>3</td>
  544.                                                                         <td>5</td>
  545.                                                                         <td>7</td>
  546.                                                                     </tr>
  547.                                                                     <tr>
  548.                                                                         <th scope="row">Storage</th>
  549.                                                                         <td>5 GB</td>
  550.                                                                         <td>15 GB</td>
  551.                                                                         <td>25 GB</td>
  552.                                                                         <td>50 GB</td>
  553.                                                                     </tr>
  554.                                                                     <tr>
  555.                                                                         <th scope="row">Domain</th>
  556.                                                                         <td>
  557.                                                                             <div>
  558.                                                                                 <i class="mdi mdi-close-circle text-danger font-size-20"></i>
  559.                                                                             </div>
  560.                                                                         </td>
  561.                                                                         <td>3</td>
  562.                                                                         <td>4</td>
  563.                                                                         <td>8</td>
  564.                                                                     </tr>
  565.                                                                     <tr>
  566.                                                                         <th scope="row">Hidden Fees</th>
  567.                                                                         <td>Yes</td>
  568.                                                                         <td>No</td>
  569.                                                                         <td>No</td>
  570.                                                                         <td>No</td>
  571.                                                                     </tr>
  572.                                                                     <tr>
  573.                                                                         <th scope="row">Support</th>
  574.                                                                         <td>
  575.                                                                             <div>
  576.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  577.                                                                             </div>
  578.                                                                         </td>
  579.                                                                         <td>
  580.                                                                             <div>
  581.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  582.                                                                             </div>
  583.                                                                         </td>
  584.                                                                         <td>
  585.                                                                             <div>
  586.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  587.                                                                             </div>
  588.                                                                         </td>
  589.                                                                         <td>
  590.                                                                             <div>
  591.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  592.                                                                             </div>
  593.                                                                         </td>
  594.                                                                     </tr>
  595.                                                                     <tr>
  596.                                                                         <th scope="row">Update</th>
  597.                                                                         <td>
  598.                                                                             <div>
  599.                                                                                 <i class="mdi mdi-close-circle text-danger font-size-20"></i>
  600.                                                                             </div>
  601.                                                                         </td>
  602.                                                                         <td>
  603.                                                                             <div>
  604.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  605.                                                                             </div>
  606.                                                                         </td>
  607.                                                                         <td>
  608.                                                                             <div>
  609.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  610.                                                                             </div>
  611.                                                                         </td>
  612.                                                                         <td>
  613.                                                                             <div>
  614.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  615.                                                                             </div>
  616.                                                                         </td>
  617.                                                                     </tr>
  618.                                                                 </tbody>
  619.                                                             </table>
  620.                                                         </div>
  621.                                                     </div>
  623.                                                     <div class="tab-pane fade" id="v-price-three" role="tabpanel" aria-labelledby="v-pills-tab-three">
  624.                                                         <div class="table-responsive text-center">
  625.                                                             <table class="table table-bordered mb-0 table-centered align-middle">
  626.                                                                 <tbody>
  627.                                                                     <tr>
  628.                                                                         <td></td>
  629.                                                                         <td style="width: 20%;">
  630.                                                                             <div class="py-3">
  631.                                                                                 <h5 class="font-size-16 mb-0">1 Month</h5>
  632.                                                                             </div>
  633.                                                                         </td>
  634.                                                                         <td style="width: 20%;">
  635.                                                                             <div class="py-3">
  636.                                                                                 <h5 class="font-size-16 mb-0">3 Month</h5>
  637.                                                                             </div>
  638.                                                                         </td>
  639.                                                                         <td style="width: 20%;">
  640.                                                                             <div class="py-3">
  641.                                                                                 <h5 class="font-size-16 mb-0">6 Month</h5>
  642.                                                                             </div>
  643.                                                                         </td>
  644.                                                                         <td style="width: 20%;">
  645.                                                                             <div class="py-3">
  646.                                                                                 <h5 class="font-size-16 mb-0">1 Year</h5>
  647.                                                                             </div>
  648.                                                                         </td>
  649.                                                                     </tr>
  650.                                                                     <tr>
  651.                                                                         <th scope="row">Users</th>
  652.                                                                         <td>1</td>
  653.                                                                         <td>3</td>
  654.                                                                         <td>5</td>
  655.                                                                         <td>7</td>
  656.                                                                     </tr>
  657.                                                                     <tr>
  658.                                                                         <th scope="row">Storage</th>
  659.                                                                         <td>5 GB</td>
  660.                                                                         <td>30 GB</td>
  661.                                                                         <td>50 GB</td>
  662.                                                                         <td>100 GB</td>
  663.                                                                     </tr>
  664.                                                                     <tr>
  665.                                                                         <th scope="row">Domain</th>
  666.                                                                         <td>
  667.                                                                             <div>
  668.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  669.                                                                             </div>
  670.                                                                         </td>
  671.                                                                         <td>3</td>
  672.                                                                         <td>5</td>
  673.                                                                         <td>10</td>
  674.                                                                     </tr>
  675.                                                                     <tr>
  676.                                                                         <th scope="row">Hidden Fees</th>
  677.                                                                         <td>No</td>
  678.                                                                         <td>No</td>
  679.                                                                         <td>No</td>
  680.                                                                         <td>No</td>
  681.                                                                     </tr>
  682.                                                                     <tr>
  683.                                                                         <th scope="row">Support</th>
  684.                                                                         <td>
  685.                                                                             <div>
  686.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  687.                                                                             </div>
  688.                                                                         </td>
  689.                                                                         <td>
  690.                                                                             <div>
  691.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  692.                                                                             </div>
  693.                                                                         </td>
  694.                                                                         <td>
  695.                                                                             <div>
  696.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  697.                                                                             </div>
  698.                                                                         </td>
  699.                                                                         <td>
  700.                                                                             <div>
  701.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  702.                                                                             </div>
  703.                                                                         </td>
  704.                                                                     </tr>
  705.                                                                     <tr>
  706.                                                                         <th scope="row">Update</th>
  707.                                                                         <td>
  708.                                                                             <div>
  709.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  710.                                                                             </div>
  711.                                                                         </td>
  712.                                                                         <td>
  713.                                                                             <div>
  714.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  715.                                                                             </div>
  716.                                                                         </td>
  717.                                                                         <td>
  718.                                                                             <div>
  719.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  720.                                                                             </div>
  721.                                                                         </td>
  722.                                                                         <td>
  723.                                                                             <div>
  724.                                                                                 <i class="mdi mdi-check-circle text-success font-size-20"></i>
  725.                                                                             </div>
  726.                                                                         </td>
  727.                                                                     </tr>
  728.                                                                 </tbody>
  729.                                                             </table>
  730.                                                         </div>
  731.                                                     </div>
  732.                                                 </div>
  733.                                             </div>
  734.                                         </div>
  735.                                     </div>
  736.                                     <!-- end card body -->
  737.                                 </div>
  738.                                 <!-- end card -->
  739.                             </div>
  740.                             <!-- end col -->
  741.                         </div>
  742.                         <!-- end row -->
  743.                         
  744.                     </div> <!-- container-fluid -->
  745.                 </div>
  746.                 <!-- End Page-content -->
  748.                 
  749.                 {{ include('partials/footer.html.twig') }}
  750.             </div>
  751.             <!-- end main content-->
  753.         </div>
  754.         <!-- END layout-wrapper -->
  756.         {{ include('partials/right-sidebar.html.twig') }}
  758.         {{ include('partials/vendor-scripts.html.twig') }}
  760.         <script src="/js/app.js"></script>
  762.     </body>
  763. </html>