API tools faq
paste
Advertisement
ismaelnobrega

Untitled

ismaelnobrega
Feb 24th, 2021
848
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 12.13 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html><head>
  3.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  4.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  5.    
  6.     <title>Painéis Interativos - Paraíba</title>
  7.     <meta charset="utf-8">
  8.     <meta name="HandheldFriendly" content="True">
  9.     <meta name="MobileOptimized" content="320">
  10.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  11.     <meta name="apple-mobile-web-app-capable" content="yes">
  12.     <meta name="apple-mobile-web-app-status-bar-style" content="black">
  13.     <meta http-equiv="cleartype" content="on">
  14.     <script src="../../resources/assets/external/requirejs/require.js"></script>
  15.    
  16.    
  17.     <link href="https://fonts.googleapis.com/css?family=Roboto Condensed:300,400,500,600,700,800,900&amp;display=swap" rel="stylesheet">
  18.     <!-- Bootstrap core CSS -->
  19.     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  20.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
  21.         <!-- Responsive CSS -->
  22.        
  23.    
  24.     <link rel="stylesheet" href="PaineisInterativosPB.css">
  25.    
  26.     <!-- Slick nav CSS -->
  27.         <link rel="stylesheet" type="text/css" href="slicknav.min.css" media="all">
  28.         <!-- Iconfont CSS -->
  29.         <link rel="stylesheet" type="text/css" href="icofont.css" media="all">
  30.         <!-- Slick CSS -->
  31.         <link rel="stylesheet" type="text/css" href="slick.css">
  32.  
  33.         <!-- Owl carousel CSS -->
  34.         <link rel="stylesheet" type="text/css" href="owl.carousel.css">
  35.         <!-- Popup CSS -->
  36.         <link rel="stylesheet" type="text/css" href="magnific-popup.css">
  37.         <!-- Switcher CSS -->
  38.         <link rel="stylesheet" type="text/css" href="switcher-style.css">
  39.         <!-- Animate CSS -->
  40.         <link rel="stylesheet" type="text/css" href="animate.min.css">
  41.         <!-- Main style CSS -->
  42.        
  43.            
  44.        
  45.     <link rel="stylesheet" type="text/css" href="responsive.css" media="all">
  46.    
  47.     <link rel="stylesheet" href="../../resources/autogenerated/qlik-styles.css">
  48.     <link rel="stylesheet" type="text/css" href="style.css" media="all">
  49.     <link rel="stylesheet" href="responsive-nav.css">
  50. <script src="responsive-nav.js"></script>
  51. <script src="main.js"></script></head>
  52.  
  53.        
  54.         <!-- main JS -->
  55.  
  56. <body role="document" data-spy="scroll" data-target=".header" data-offset="50">
  57.  
  58.  
  59.  
  60. <!-- header section start -->
  61.         <header class="header">
  62.         <div id="CurrentSelections" class="qvobjects" style="position:relative; top:0; left:0; width:100%; height:38px;"> </div>
  63.             <div class="container">
  64.                 <div class="row flexbox-center">
  65.                     <div class="col-lg-2 col-md-3 col-6">
  66.                         <div class="logo">
  67.                             <a href="#home"><img src="logo.png" alt="logo"></a>
  68.                         </div>
  69.                     </div>
  70.                     <div class="col-lg-10 col-md-9 col-6">
  71.                         <div class="responsive-menu"></div>
  72.                         <div class="mainmenu">
  73.                             <ul id="primary-menu">
  74.                                 <li><a class="nav-link active" href="#home">Home</a></li>
  75.                                 <li><a class="nav-link" href="#panorama">Ramais</a></li>
  76.                                 <li><a class="nav-link" href="#paraiba">Colaboradores</a></li>
  77.                                 <li><a class="nav-link" href="#trabalho">Centros de Custo</a></li>
  78.                                 <li><a class="nav-link" href="#populacao">População</a></li>
  79.                                 <li><a class="appao-btn" href="#">Download</a></li>
  80.                             </ul>
  81.                         </div>
  82.                     </div>
  83.                 </div>
  84.             </div>
  85.            
  86.            
  87.            
  88.         </header><!-- header section end -->
  89.  
  90. <section class="hero-area" id="home">
  91.             <div class="container">
  92.                 <div class="row">
  93.                     <div class="col-lg-7">
  94.                         <div class="hero-area-content">
  95.                             <h1>Painéis Interativos</h1>
  96.                             <p>Visualize em detalhes os dados do seu município e de sua região. </p>
  97.                             <a href="#" class="appao-btn">Acesse agora!</a>
  98.                             <a href="#" class="appao-btn">App Store</a>
  99.                         </div>
  100.                     </div>
  101.                    
  102.                 </div>
  103.             </div>
  104.         </section><!-- hero area end -->
  105.  
  106. <section class="about-area ptb-90">
  107.             <div class="container">
  108.                 <div class="row">
  109.                     <div class="col-lg-12">
  110.                         <div class="sec-title">
  111.                             <h2>Informações Sócioeconômicas<span class="sec-title-border"><span></span><span></span><span></span></span></h2>
  112.                             <p>Sumário de dados da sua região</p>
  113.                         </div>
  114.                     </div>
  115.                 </div>
  116.                 <div class="row">
  117.                     <div class="col-lg-6">
  118.                         <div class="single-about-box active">
  119.                             <i class="icofont icofont-coins"></i>
  120.                             <h4>Produto Interno Bruto</h4>
  121.                             <p>PIB Corrente - Fonte: SIDRA IBGE - 2017</p>
  122.                             <p>PIB por Município (x 1000)</p>
  123.                             <div class="borderShadow qvobject" id="QV06"></div>
  124.                         </div>
  125.                     </div>
  126.                     <div class="col-lg-6">
  127.                         <div class="single-about-box active">
  128.                             <i class="icofont icofont-money-bag"></i>
  129.                             <h4>Produto Interno Produto</h4>
  130.                             <p>PIB Por Setor Econômico (x 1000)</p>
  131.                             <p>Filtro por Município</p>
  132.                             <div class="borderShadow qvobject" id="QV07-PIB-PERCAPITA"></div>
  133.                         </div>
  134.                     </div>
  135.                    
  136.                 </div>
  137.             </div>
  138.         </section><!-- about section end -->
  139.  
  140.  
  141.         <!-- team section start -->
  142.         <section class="team-area ptb-90" id="team">
  143.  
  144.  
  145. <section class="populacao-area ptb-90" id="populacao">
  146.             <div class="container">
  147.                 <div class="row">
  148.                     <div class="col-lg-12">
  149.                         <div class="sec-title">
  150.                            
  151.                             <h1>População</h1>
  152.                            
  153.                         </div>
  154.                     </div>
  155.                 </div>
  156.             </div>
  157.         </section><!-- video section end -->
  158.  
  159. <section class="about-area ptb-90">
  160.             <div class="container">
  161.                 <div class="row">
  162.                     <div class="col-md-12">
  163.                         <div class="sec-title">
  164.                             <h2>População Total<span class="sec-title-border"><span></span><span></span><span></span></span></h2>
  165.                             <div class="kpi white qvobject" id="QV-POP4"></div>
  166.                             <h1>habitantes</h1>
  167.                         </div>
  168.                        
  169.                     </div>
  170.                 </div>
  171.                 <div class="row">
  172.                     <div class="col-lg-6">
  173.                         <div class="single-about-box active">
  174.                             <i class="icofont icofont-coins"></i>
  175.                             <h4>População Total </h4>
  176.                             <p>Fonte: IBGE - 2017</p>
  177.                             <p>População por Município</p>
  178.                             <div class="borderShadow qvobject" id="QV-POP1"></div>
  179.                         </div>
  180.                     </div>
  181.                     <div class="col-lg-6">
  182.                         <div class="single-about-box active">
  183.                             <i class="icofont icofont-money-bag"></i>
  184.                             <h4>População - Participação %</h4>
  185.                             <p>Fonte: IBGE - 2017</p>
  186.                             <p>Filtro por Município</p>
  187.                             <div class="borderShadow qvobject" id="QV-POP2"></div>
  188.                         </div>
  189.                     </div>
  190.                    
  191.                 </div>
  192.             </div>
  193.         </section><!-- about section end -->
  194.  
  195.  
  196.  
  197.  
  198.         <!-- team section start -->
  199.         <section class="team-area ptb-90" id="panorama">
  200. <section class="video-area ptb-90">
  201.             <div class="container">
  202.                 <div class="row">
  203.                     <div class="col-lg-12">
  204.                         <div class="sec-title">
  205.                            
  206.                             <h1>Panorama Empresarial</h1>
  207.                         </div>
  208.                     </div>
  209.                 </div>
  210.             </div>
  211.         </section><!-- video section end -->
  212.  
  213.  
  214. <section class="about-area ptb-90">
  215.             <div class="container">
  216.                 <div class="row">
  217.                     <div class="col-md-6">
  218.                         <div class="sec-title">
  219.                             <h2>Total de Empresas Ativas<span class="sec-title-border"><span></span><span></span><span></span></span></h2>
  220.                             <div class="kpi white qvobject" id="QV-PANORAMA2"></div>
  221.                        
  222.                         </div>
  223.                        
  224.                     </div>
  225.                    
  226.                     <div class="col-md-6">
  227.                         <div class="sec-title">
  228.                             <h2>Estabelecimentos<span class="sec-title-border"><span></span><span></span><span></span></span></h2>
  229.                             <div class="kpi white qvobject" id="QV-PANORAMA3"></div>
  230.                        
  231.                         </div>
  232.                        
  233.                     </div>
  234.                 </div>
  235.                
  236.             </div>
  237.         </section><!-- about section end -->
  238.  
  239.  
  240. <!-- .container -->
  241. <div class="container " id="main" role="main">
  242.     <div class="alert alert-danger alert-dismissible" role="alert" style="display:none">
  243.         <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
  244.         <span id="errmsg"></span>
  245.     </div>
  246.     <!-- .container -->
  247.     <!-- .content-section-b -->
  248.     <section class="content-section-b">
  249.         <div class="container">
  250.             <div class="row">
  251.                 <div class="col-lg-4 borderShadow qvobject" id="QV01">
  252.  
  253.                 </div>
  254.                 <div class="col-lg-4 borderShadow qvobject" id="QV02">
  255.  
  256.                 </div>
  257.                 <div class="col-lg-4 borderShadow qvobject" id="QV03">
  258.  
  259.                 </div>
  260.             </div>
  261.         </div>
  262.     </section>
  263.     <!-- /.content-section-b -->
  264.     <!-- .content-section-a -->
  265.     <section class="content-section-a">
  266.         <div class="container">
  267.             <div class="row">
  268.                 <div class="col-lg-5 col-sm-6">
  269.                     <h2>Quais os setores com mais empresas abertas?</h2>
  270.                     Conheça o ranking de empresas por setor. Para saber o ranking do seu município ou da sua agência regional, basta selecionar na barra de filtros.
  271.                 </div>
  272.                 <div class="col-lg-5 col-lg-offset-2 col-sm-6 borderShadow qvobject" id="QV04">
  273.                 </div>
  274.             </div>
  275.         </div>
  276.         <!-- /.container -->
  277.     </section>
  278.     <!-- /.content-section-a -->
  279.  
  280.     <!-- .content-section-b -->
  281.     <section class="content-section-b">
  282.         <div class="container">
  283.             <div class="row">
  284.                 <div class="col-lg-5 col-lg-offset-1 col-sm-push-6  col-sm-6">
  285.                     <h2>Qual a taxa de mortalidade das empresas ?</h2>
  286.                     Taxa de mortalidade em anos com base na data de situação cadastral da empresas.
  287.                     Fonte: Receita Federal - 2020
  288.                 </div>
  289.                 <div class="col-lg-5 col-sm-pull-6 col-sm-6 borderShadow qvobject" id="QV05">
  290.                 </div>
  291.             </div>
  292.         </div>
  293.         <!-- /.container -->
  294.     </section>
  295.     <!-- /.content-section-b -->
  296.    
  297.     <section class="content-section-a">
  298.         <div class="container">
  299.             <div class="row">
  300.                 <div class="col-lg-5 col-sm-6">
  301.                     <h2>Qual a idade das empresas?</h2>
  302.                     Qual o número de empresas por tempo de atividade?
  303.                 </div>
  304.                 <div class="col-lg-5 col-lg-offset-2 col-sm-6 borderShadow qvobject" id="QV-PANORAMA1">
  305.                 </div>
  306.             </div>
  307.         </div>
  308.         <!-- /.container -->
  309.     </section>
  310.    
  311.     <section class="content-section-b">
  312.         <div class="container">
  313.             <div class="row">
  314.                 <div class="col-lg-5 col-lg-offset-1 col-sm-push-6  col-sm-6">
  315.                     <h2>Quais as atividades econômicas mais comuns?</h2>
  316.                     Fonte: Receita Federal - 2020
  317.                 </div>
  318.                
  319.             </div>
  320.            
  321.             <div class="row">
  322.             <div class="col-lg-5 col-sm-pull-6 col-sm-12 borderShadow qvplaceholder" id="QV-PANORAMA4">
  323.                 </div>
  324.             </div>
  325.         </div>
  326.         <!-- /.container -->
  327.     </section>
  328.     <!-- /.content-section-b -->
  329.    
  330.     <!-- add more rows here if you want more visualizations -->
  331. </div>
  332. <!-- #footer -->
  333. <div id="footer">
  334.     <p>Elaborado pela Unidade de Gestão Estratégica e Monitoramento do Sebrae Paraíba</p>
  335. </div>
  336. <!-- /#footer -->
  337. <!-- Bootstrap Modals -->
  338. <div class="modal " id="createBmModal">
  339.     <div class="modal-dialog">
  340.         <div class="modal-content">
  341.             <div class="modal-header">
  342.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  343.                 <h4 class="modal-title">Create bookmark</h4>
  344.             </div>
  345.             <div class="modal-body">
  346.                 <form>
  347.                     <label for="bmtitle" class="control-label">Title:</label>
  348.                     <input type="text" class="form-control" id="bmtitle">
  349.                     <label for="bmdesc" class="control-label">Description:</label>
  350.                     <input type="text" class="form-control" id="bmdesc">
  351.                 </form>
  352.             </div>
  353.             <div class="modal-footer">
  354.                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  355.                 <button type="button" data-qcmd="createBm" class="qcmd btn btn-primary">Create</button>
  356.             </div>
  357.         </div>
  358.     </div>
  359. </div>
  360. <!--Error Popup-->
  361. <div id="popup">
  362.     <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="closePopup"><span aria-hidden="true">×</span></button>
  363.  
  364.     <p id="popupText">
  365.     </p>
  366. </div>
  367.  
  368.  
  369.  
  370. <script src="PaineisInterativosPB.js"></script>
  371.  
  372. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
  373. <script src="jquery.slicknav.min.js"></script>
  374.  
  375.  
  376.  
  377.  
  378.        
  379.        
  380.  
  381.  
  382.  
  383. </section></section>
  384. <script>
  385.   var nav = responsiveNav(".nav-collapse");
  386. </script>
  387. </body></html>
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!