API tools faq
paste
Advertisement
Raul_julian

home.jade

Raul_julian
Apr 4th, 2016
392
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.79 KB | None | 0 0
raw download clone embed print report
  1. doctype html
  2.  
  3. html
  4.     head
  5.         // Base styles
  6.         include ./includes/styles.jade
  7.  
  8.         title Bússola do Investidor
  9.  
  10.         // Home specific styles
  11.         link(href="/nb_static/stylesheets/home.css", rel="stylesheet")
  12.     body#home-view
  13.         // Nav Bar
  14.         include ./includes/navbar.jade
  15.  
  16.         // Main banner
  17.         div.banner-section
  18.             div.overlay
  19.             div.content
  20.                 div.title Não seja Burro!<br> Seja expert com o Bússola do Investidor!
  21.  
  22.         div.tools-section
  23.             div.container
  24.                 div.row
  25.                     div.col-md-4
  26.                         div#calc-tool.tool-panel
  27.                             div.icon
  28.                                 span.glyphicons.glyphicons-calculator
  29.                             div.title Calculadora do IR
  30.                             div.body Além de gerenciar seus ganhos e perdas em tempo real, a calculadora do Imposto de Renda mantém você em dia com a receita. Não perca mais tempo calculando manualmente impostos retidos, corretagem, taxas, possíveis compensações e abatimentos e ainda evite pagar mais imposto do que deveria. Gere o DARF automaticamente, acompanhe suas operações, proventos e desdobramentos, acesse relatórios sobre impostos pagos e sobre seus investimentos em Renda Variável e Fundos Imobiliários. E veja exatamente como preencher seus investimentos na sua Declaração Anual de Imposto de Renda.
  31.                             div.footer
  32.                                 a(href="#calc-section").know-more Saiba Mais >
  33.                     div.col-md-4
  34.                         div#charts-tool.tool-panel
  35.                             div.icon
  36.                                 span.glyphicons.glyphicons-charts
  37.                             div.title Gráficos
  38.                             div.body Tenha todas as informações que precisa para investir acompanhado as variações das ações da Bolsa em tempo real. Utilize o gráfico interativo para fazer análise técnica  e gráfica, utilize mais de 60 estudos e indicadores diferentes e acesse as informações relevantes para operar na Bolsa de forma inteligente. Tudo isto em um gráfico interativo e disponível também para dispostivos móveis. Tenha acesso também às Cotações em Excel (via link DDE/RTD).
  39.                             div.footer
  40.                                 a(href="#chart-section").know-more Saiba Mais >
  41.                     div.col-md-4
  42.                         div#brokerages-tool.tool-panel
  43.                             div.icon
  44.                                 span.glyphicons.glyphicons-building
  45.                             div.title Corretoras
  46.                             div.body Conheça as corretoras de valores do mercado por meio de informações como a qualidade do atendimento, os preços praticados, ferramentas e serviços oferecidos. Delimite quais as suas necessidades e busque no guia de corretoras da Bovespa qual é a ideal para você. Compare corretoras e saiba como escolher a melhor para você.
  47.                             div.footer
  48.                                 a(href="#brokerages-section").know-more Saiba Mais >
  49.                     div.col-md-4
  50.                         div#enterprises-tool.tool-panel
  51.                             div.icon
  52.                                 span.glyphicons.glyphicons-factory
  53.                             div.title Empresas
  54.                             div.body O guia de empresas da Bolsa é uma ferramenta indispensável para o bom investidor. Aqui a análise fundamentalista demonstra a saúde financeira e operacional de cada empresa, garantindo que além de conhecer o preço das ações, você tenha informações adicionais como cotações, indicadores fundamentalistas, balanço, fluxo de caixa, DRE, acionistas, proventos.
  55.                             div.footer
  56.                                 a(href="#enterprises-section").know-more Saiba Mais >
  57.                     div.col-md-4
  58.                         div#guides-tool.tool-panel
  59.                             div.icon
  60.                                 span.glyphicons.glyphicons-log-book
  61.                             div.title Guias
  62.                             div.body Não fique cheio de dúvidas e achismos na hora de investir. Conheça os materiais educativos que o Bússola preparou para investidores de vários níveis. Encontre ebooks como o Guia da Análise Técnica, o Guia de Setores da Bolsa, o Dicionário do Investidor (ABC do Investidor) e Guia da Bolsa para Iniciantes.
  63.                             div.footer
  64.                                 a(href="#guides-section").know-more Saiba Mais >
  65.                     div.col-md-4
  66.                         div#blog-tool.tool-panel
  67.                             div.icon
  68.                                 span.glyphicons.glyphicons-pencil
  69.                             div.title Blog
  70.                             div.body O Blog de Investimentos do Bússola do Investidor é um dos mais reconhecidos no mercado quando o assunto é informação e opinião de qualidade. Com um time de especialistas, falamos sobre investimentos, análise técnica, dicas, riscos e educação financeira. Acesse, comente e faça parte de um grupo de leitores do melhor blog de investimentos.
  71.                             div.footer
  72.                                 a(href="#blog-section").know-more Saiba Mais >
  73.  
  74.         // IR Calculator Section
  75.         div#calc-section.tool-info-section
  76.             div.container
  77.                 div.title Leão tá te comendo? Coma ele de volta com a calculadora do IR!
  78.                 div.row
  79.                     div.col-md-6.visible-sm.visible-xs
  80.                         img(src="/nb_static/images/laptop.png").calc-img
  81.                     div.col-md-6.col-md-offset-6
  82.                         div.body
  83.                             div.item
  84.                                 div.bullet
  85.                                     span.glyphicons.glyphicons-ok-sign
  86.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  87.                             div.item
  88.                                 div.bullet
  89.                                     span.glyphicons.glyphicons-ok-sign
  90.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  91.                             div.item
  92.                                 div.bullet
  93.                                     span.glyphicons.glyphicons-ok-sign
  94.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  95.                             div.call-to-action.text-center
  96.                                 a.btn Quero Conhecer
  97.  
  98.         // Charts Tool Section
  99.         div#chart-section.tool-info-section
  100.             div.container
  101.                 div.title Os melhores gráficos na ponta dos seus dedos
  102.                 div.row
  103.                     div.col-md-6
  104.                         div.body
  105.                             div.item
  106.                                 div.bullet
  107.                                     span.glyphicons.glyphicons-ok-sign
  108.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  109.                             div.item
  110.                                 div.bullet
  111.                                     span.glyphicons.glyphicons-ok-sign
  112.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  113.                             div.item
  114.                                 div.bullet
  115.                                     span.glyphicons.glyphicons-ok-sign
  116.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  117.                             div.call-to-action.text-center
  118.                                 a.btn Quero Conhecer
  119.                     div.col-md-6
  120.                         img(src="/nb_static/images/chart.png").chart-img
  121.  
  122.         div#testimonial-section.text-center
  123.             div.container
  124.                 div.testimonial
  125.                     i "Nunca usei ferramentas tão maravilhosas! Agora estou rico!"
  126.                 div.author
  127.                     i John Now Rich
  128.  
  129.         div#brokerages-section.tool-info-section
  130.             div.container
  131.                 div.title O melhor guia de corretoras da internet
  132.                 div.row
  133.                     div.col-md-6.text-center
  134.                         img(src="/nb_static/images/brokerages_table.svg")
  135.                     div.col-md-6
  136.                         div.body
  137.                             div.item
  138.                                 div.bullet
  139.                                     span.glyphicons.glyphicons-ok-sign
  140.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  141.                             div.item
  142.                                 div.bullet
  143.                                     span.glyphicons.glyphicons-ok-sign
  144.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  145.                             div.item
  146.                                 div.bullet
  147.                                     span.glyphicons.glyphicons-ok-sign
  148.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  149.                             div.call-to-action.text-center
  150.                                 a.btn Quero Conhecer
  151.         div#enterprises-section.tool-info-section
  152.             div.container
  153.                 div.title Saiba todos os detalhes da empresa em que você investe
  154.                 div.row
  155.                     div.col-md-6.text-center.visible-sm.visible-xs
  156.                         img(src="/nb_static/images/companies_brands.png")
  157.                     div.col-md-6
  158.                         div.body
  159.                             div.item
  160.                                 div.bullet
  161.                                     span.glyphicons.glyphicons-ok-sign
  162.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  163.                             div.item
  164.                                 div.bullet
  165.                                     span.glyphicons.glyphicons-ok-sign
  166.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  167.                             div.item
  168.                                 div.bullet
  169.                                     span.glyphicons.glyphicons-ok-sign
  170.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  171.                             div.call-to-action.text-center
  172.                                 a.btn Quero Conhecer
  173.                     div.col-md-6.text-center.hidden-sm.hidden-xs
  174.                         img(src="/nb_static/images/companies_brands.png")
  175.  
  176.         div#banner-section.tool-info-section.text-center
  177.             div.overlay
  178.             div.container
  179.                 div.title Não perca mais tempo!
  180.  
  181.  
  182.         div#guides-section.tool-info-section
  183.             div.container
  184.                 div.title Guias do Bússola ao seu resgate
  185.                 img(src="/nb_static/images/book_open.png").hidden-sm.hidden-xs
  186.                 div.row
  187.                     div.col-md-6.visible-sm.visible-xs
  188.                         img(src="/nb_static/images/book_open.png")
  189.                     div.col-md-offset-6.col-md-6
  190.                         div.body
  191.                             div.item
  192.                                 div.bullet
  193.                                     span.glyphicons.glyphicons-ok-sign
  194.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  195.                             div.item
  196.                                 div.bullet
  197.                                     span.glyphicons.glyphicons-ok-sign
  198.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  199.                             div.item
  200.                                 div.bullet
  201.                                     span.glyphicons.glyphicons-ok-sign
  202.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  203.                             div.call-to-action.text-center
  204.                                 a.btn Quero Conhecer
  205.  
  206.  
  207.         div#blog-section.tool-info-section
  208.             div.container
  209.                 div.title Massagem na cuca em nosso blog!
  210.                 div.row
  211.                     div.col-md-6.text-center.visible-sm.visible-xs
  212.                         img.mobile(src="/nb_static/images/blog.png")
  213.                     div.col-md-6
  214.                         div.body
  215.                             div.item
  216.                                 div.bullet
  217.                                     span.glyphicons.glyphicons-ok-sign
  218.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  219.                             div.item
  220.                                 div.bullet
  221.                                     span.glyphicons.glyphicons-ok-sign
  222.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  223.                             div.item
  224.                                 div.bullet
  225.                                     span.glyphicons.glyphicons-ok-sign
  226.                                 div.content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut eros non nibh viverra volutpat sed id sem.
  227.                             div.call-to-action.text-center
  228.                                 a.btn Quero Conhecer
  229.                     div.col-md-6.text-center.hidden-sm.hidden-xs
  230.                         img.desktop(src="/nb_static/images/blog.png")
  231.  
  232.         div#footer
  233.  
  234.         // BDI Tools
  235.         // * Calculadora
  236.         // * Gráficos
  237.         // * Corretoras
  238.         // * Empresas
  239.         // * Guias
  240.         // * Blog
  241.  
  242.  
  243.         // BDI Tool 1
  244.  
  245.         // BDI Tool 2
  246.  
  247.         // Base scripts
  248.         include ./includes/scripts.jade
  249.  
  250.         // Custom script.
  251.         script(src="/nb_static/scripts/home.js")
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!