Advertisement
Raul_julian

home.jade

Apr 4th, 2016
399
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.79 KB | None | 0 0
  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