"price"
Bootstrap 3.3.0 Snippet by harunpehlivan

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> design + implementação Newsletter = 350 € + IVA <div class="container"> <div class="row"> <div class="col-md-12"> <table class="table table-condensed table-hover"> <thead> <tr> <th> </th> <th>Pack Inicial</th> <th>Pack Basico</th> <th>Pack Médio</th> <th>Pack Médio Avançado</th> <th>Pack Avançado</th> <th>Pack Completo</th> <th>Pack Personalizado</th> </tr> </thead> <tbody> <tr> <td>Preço</td> <td>650€</td> <td>1000€</td> <td>1500€</td> <td>2000€</td> <td>3000€</td> <td>4500€</td> <td>Desde 400€</td> </tr> <tr> <td>Nº de Páginas</td> <td>até 6</td> <td>até 9</td> <td>até 12</td> <td>até 15</td> <td>até 25</td> <td>até 30</td> <td>Desde 3</td> </tr> <tr> <td>BackOffice</td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i> Básico</td> <td><i class="fa fa-check my_check"></i> Médio</td> <td><i class="fa fa-check my_check"></i> Médio</td> <td><i class="fa fa-check my_check"></i> Avançado</td> <td><i class="fa fa-check my_check"></i> Avançado</td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Estatisticas do Site</td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Contas de Email - <small>Nº Ilimitado de contas</small></td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Criador de Publicidade</td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="divider"> <td colspan="8"><b>V I S U A L</b></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>Nº de Templates Disponiveis</td> <td>3</td> <td>10</td> <td>Escolhido pelo cliente</td> <td>Escolhido pelo cliente</td> <td>Escolhido pelo cliente</td> <td>Escolhido pelo cliente</td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Criação de Página nas Redes Sociais <small>(Facebook, Twitter, Google+)</small></td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Criação de Logotipo</td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Criação de Banner Especial para Facebook</td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="divider"> <td colspan="8"><b>Packs de Horas para Assistência</b></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>Nº de Horas do Pack</td> <td>10h</td> <td>14h</td> <td>20h</td> <td>30h</td> <td>45h</td> <td>70h</td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr class="divider"> <td colspan="8"><b>Extras</b></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>Aplicações Mobile</td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td> </td> <td><a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-white"></i> Order »</a></td> <td><a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-white"></i> Order »</a></td> <td><a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-white"></i> Order »</a></td> <td><a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-white"></i> Order »</a></td> <td><a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-white"></i> Order »</a></td> <td><a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-white"></i> Order »</a></td> <td><a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-white"></i> Order »</a></td> </tr> </tbody> </table> </div> <hr> <div class="row"> <div class="col-md-3"> <h3>Preço de Pacote de Horas para Assistência</h3> <table class="table table-striped table-condensed"> <thead> <tr> <th>Horas</th> <th>Preço Pack</th> <th>Preço Hora</th> </tr> </thead> <tbody> <tr> <td>10h</td> <td>65€</td> <td>6,5€/h</td> </tr> <tr> <td>15h</td> <td>90€</td> <td>6€/h</td> </tr> <tr> <td>20h</td> <td>110€</td> <td>5,5€/h</td> </tr> <tr> <td>30h</td> <td>150€</td> <td>5€/h</td> </tr> <tr> <td colspan="3"> <small>O tempo começa a descontar a partir do inicio da deslocaçao caso exista alguma</small></td> </tr> </tbody> </table> </div> <div class="col-md-9"> <h3>Back Office</h3> <table class="table table-striped table-condensed"> <thead> <tr> <th> </th> <th>Básico</th> <th>Médio</th> <th>Avançado</th> <th>Personalizado</th> </tr> </thead> <tbody> <tr> <td>Login</td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Registo de Utilizadores</td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Editar / Adicionar / Apagar Utilizadores</td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Registo de Informações <small>Marcas, Capacidade, Tamanho, etc.. para o FrontOffice</small> </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Editar / Adicionar / Apagar Informações</td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Registo de Produtos</td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Editar / Adicionar / Apagar Produtos</td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Registo de Funcionários</td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Editar / Adicionar / Apagar Funcionários</td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Registo de Compras</td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Editar / Adicionar / Apagar Compras</td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Estatísticas do Site Detalhadas</td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> </tbody> </table> </div> </div> <div class="row"> <div class="col-md-12"> <h2>Isto são apenas sugestões de páginas</h2> <table class="table table-condensed table-hover"> <thead> <tr> <th> </th> <th>Pack Inicial</th> <th>Pack Basico</th> <th>Pack Médio</th> <th>Pack Médio Avançado</th> <th>Pack Avançado</th> <th>Pack Completo</th> <th>Pack Personalizado</th> </tr> </thead> <tbody> <tr> <td>Home</td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Contacto</td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Sobre</td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Pesquisa</td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Produtos</td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Noticias</td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr class="divider"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>Registar</td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Login</td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Conta</td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr class="divider"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>Favoritos</td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Registo de Produtos pelo Utilizador</td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> <tr> <td>Gestor de Produto</td> <td><i class="fa"></i> - </td> <td><i class="fa"></i> - </td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td><i class="fa fa-check my_check"></i></td> <td>Depende da escolha do Cliente</td> </tr> </tbody> </table> </div> </div> </div> </div>
i.my_check { color: green; } .divider{ background:gray; color: white; text-align:center; } .divider:hover{ color: black; }

Related: See More


Questions / Comments: