E:
/
home
/
kbcomunicacao1
/
Web
/
ibape
/
assossiado
/
Upload File
HOME
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <title>Post - Blog - Pages - PixelAdmin: Responsive Bootstrap Template</title> <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300&subset=latin" rel="stylesheet" type="text/css"> <link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css"> <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <!-- DEMO ONLY: Function for the proper stylesheet loading according to the demo settings --> <script>function _pxDemo_loadStylesheet(a,b,c){var c=c||decodeURIComponent((new RegExp(";\\s*"+encodeURIComponent("px-demo-theme")+"\\s*=\\s*([^;]+)\\s*;","g").exec(";"+document.cookie+";")||[])[1]||"clean"),d="rtl"===document.getElementsByTagName("html")[0].getAttribute("dir");document.write(a.replace(/^(.*?)((?:\.min)?\.css)$/,'<link href="$1'+(c.indexOf("dark")!==-1&&a.indexOf("/css/")!==-1&&a.indexOf("/themes/")===-1?"-dark":"")+(!d||0!==a.indexOf("assets/css")&&0!==a.indexOf("assets/demo")?"":".rtl")+'$2" rel="stylesheet" type="text/css"'+(b?'class="'+b+'"':"")+">"))}</script> <!-- DEMO ONLY: Set RTL direction --> <script>"ltr"!==document.getElementsByTagName("html")[0].getAttribute("dir")&&"1"===decodeURIComponent((new RegExp(";\\s*"+encodeURIComponent("px-demo-rtl")+"\\s*=\\s*([^;]+)\\s*;","g").exec(";"+document.cookie+";")||[])[1]||"0")&&document.getElementsByTagName("html")[0].setAttribute("dir","rtl");</script> <!-- DEMO ONLY: Load PixelAdmin core stylesheets --> <script> _pxDemo_loadStylesheet('assets/css/bootstrap.min.css', 'px-demo-stylesheet-bs'); _pxDemo_loadStylesheet('assets/css/pixeladmin.min.css', 'px-demo-stylesheet-core'); _pxDemo_loadStylesheet('assets/css/widgets.min.css', 'px-demo-stylesheet-widgets'); </script> <!-- DEMO ONLY: Load theme --> <script> function _pxDemo_loadTheme(a){var b=decodeURIComponent((new RegExp(";\\s*"+encodeURIComponent("px-demo-theme")+"\\s*=\\s*([^;]+)\\s*;","g").exec(";"+document.cookie+";")||[])[1]||"clean");_pxDemo_loadStylesheet(a+b+".min.css","px-demo-stylesheet-theme",b)} _pxDemo_loadTheme('assets/css/themes/'); </script> <!-- Demo assets --> <script>_pxDemo_loadStylesheet('assets/demo/demo.css');</script> <!-- / Demo assets --> <!-- holder.js --> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/holder/2.9.0/holder.js"></script> <!-- Pace.js --> <script src="assets/pace/pace.min.js"></script> <script src="assets/demo/demo.js"></script> <!-- Custom styling --> <style> .page-blog-post-image.page-header { padding: 0; border: none; margin-bottom: 0; } .page-blog-post-image img { width: 100%; } .page-blog-post-content { font-size: 18px; font-family: Georgia,Cambria,"Times New Roman",Times,serif; line-height: 1.7; padding-bottom: 25px; } .page-blog-post-content img { max-width: 100%; } .page-blog-post-comments { margin-left: -15px; margin-right: -15px; } </style> <!-- / Custom styling --> </head> <body> <nav class="px-nav px-nav-left"> <button type="button" class="px-nav-toggle" data-toggle="px-nav"> <span class="px-nav-toggle-arrow"></span> <span class="navbar-toggle-icon"></span> <span class="px-nav-toggle-label font-size-11">HIDE MENU</span> </button> <ul class="px-nav-content"> <li class="px-nav-box p-a-3 b-b-1" id="demo-px-nav-box"> <button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button> <img src="assets/demo/avatars/1.jpg" alt="" class="pull-xs-left m-r-2 border-round" style="width: 54px; height: 54px;"> <div class="font-size-16"><span class="font-weight-light">Welcome, </span><strong>John</strong></div> <div class="btn-group" style="margin-top: 4px;"> <a href="#" class="btn btn-xs btn-primary btn-outline"><i class="fa fa-envelope"></i></a> <a href="#" class="btn btn-xs btn-primary btn-outline"><i class="fa fa-user"></i></a> <a href="#" class="btn btn-xs btn-primary btn-outline"><i class="fa fa-cog"></i></a> <a href="#" class="btn btn-xs btn-danger btn-outline"><i class="fa fa-power-off"></i></a> </div> </li> <li class="px-nav-item px-nav-dropdown"> <a href="#"><i class="px-nav-icon ion-ios-pulse-strong"></i><span class="px-nav-label">Dashboards<span class="label label-danger">5</span></span></a> <ul class="px-nav-dropdown-menu"> <li class="px-nav-item"><a href="index.html"><span class="px-nav-label">Default</span></a></li> <li class="px-nav-item"><a href="dashboards-analytics.html"><span class="px-nav-label">Analytics</span></a></li> <li class="px-nav-item"><a href="dashboards-videos.html"><span class="px-nav-label">Videos</span></a></li> <li class="px-nav-item"><a href="dashboards-financial.html"><span class="px-nav-label">Financial</span></a></li> <li class="px-nav-item"><a href="dashboards-blog.html"><span class="px-nav-label">Blog</span></a></li> </ul> </li> <li class="px-nav-item"> <a href="boxes.html"><i class="px-nav-icon ion-ios-analytics"></i><span class="px-nav-label">Boxes</span></a> </li> <li class="px-nav-item px-nav-dropdown"> <a href="#"><i class="px-nav-icon ion-erlenmeyer-flask"></i><span class="px-nav-label">Widgets</span></a> <ul class="px-nav-dropdown-menu"> <li class="px-nav-item"><a href="widgets-lists.html"><span class="px-nav-label">Lists</span></a></li> <li class="px-nav-item"><a href="widgets-pricing.html"><span class="px-nav-label">Pricing</span></a></li> <li class="px-nav-item"><a href="widgets-timeline.html"><span class="px-nav-label">Timeline</span></a></li> <li class="px-nav-item"><a href="widgets-misc.html"><span class="px-nav-label">Misc</span></a></li> </ul> </li> <li class="px-nav-item"> <a href="utilities.html"><i class="px-nav-icon ion-cube"></i><span class="px-nav-label">Utilities</span></a> </li> <li class="px-nav-item px-nav-dropdown"> <a href="#"><i class="px-nav-icon ion-monitor"></i><span class="px-nav-label">UI elements</span></a> <ul class="px-nav-dropdown-menu"> <li class="px-nav-item"><a href="ui-buttons.html"><span class="px-nav-label">Buttons</span></a></li> <li class="px-nav-item"><a href="ui-tabs.html"><span class="px-nav-label">Tabs & Accordions</span></a></li> <li class="px-nav-item"><a href="ui-modals.html"><span class="px-nav-label">Modals</span></a></li> <li class="px-nav-item"><a href="ui-alerts.html"><span class="px-nav-label">Alerts & Tooltips</span></a></li> <li class="px-nav-item"><a href="ui-panels.html"><span class="px-nav-label">Panels</span></a></li> <li class="px-nav-item"><a href="ui-sortable.html"><span class="px-nav-label">Sortable</span></a></li> <li class="px-nav-item"><a href="ui-carousel.html"><span class="px-nav-label">Carousel</span></a></li> <li class="px-nav-item"><a href="ui-misc.html"><span class="px-nav-label">Misc</span></a></li> </ul> </li> <li class="px-nav-item px-nav-dropdown"> <a href="#"><i class="px-nav-icon ion-android-checkbox-outline"></i><span class="px-nav-label">Forms</span></a> <ul class="px-nav-dropdown-menu"> <li class="px-nav-item"><a href="forms-layout.html"><span class="px-nav-label">Layout</span></a></li> <li class="px-nav-item"><a href="forms-controls.html"><span class="px-nav-label">Controls</span></a></li> <li class="px-nav-item"><a href="forms-components.html"><span class="px-nav-label">Components</span></a></li> <li class="px-nav-item"><a href="forms-advanced.html"><span class="px-nav-label">Advanced</span></a></li> <li class="px-nav-item"><a href="forms-sliders.html"><span class="px-nav-label">Sliders</span></a></li> <li class="px-nav-item"><a href="forms-pickers.html"><span class="px-nav-label">Pickers</span></a></li> <li class="px-nav-item"><a href="forms-editors.html"><span class="px-nav-label">Editors</span></a></li> <li class="px-nav-item"><a href="forms-validation.html"><span class="px-nav-label">Validation</span></a></li> </ul> </li> <li class="px-nav-item px-nav-dropdown"> <a href="#"><i class="px-nav-icon ion-ios-keypad"></i><span class="px-nav-label">Tables</span></a> <ul class="px-nav-dropdown-menu"> <li class="px-nav-item"><a href="tables-bootstrap.html"><span class="px-nav-label">Bootstrap</span></a></li> <li class="px-nav-item"><a href="tables-datatables.html"><span class="px-nav-label">DataTables</span></a></li> <li class="px-nav-item"><a href="tables-editable-table.html"><span class="px-nav-label">editableTableWidget</span></a></li> </ul> </li> <li class="px-nav-item px-nav-dropdown"> <a href="#"><i class="px-nav-icon ion-stats-bars"></i><span class="px-nav-label">Charts</span></a> <ul class="px-nav-dropdown-menu"> <li class="px-nav-item"><a href="charts-flot.html"><span class="px-nav-label">Flot.js</span></a></li> <li class="px-nav-item"><a href="charts-morris.html"><span class="px-nav-label">Morris.js</span></a></li> <li class="px-nav-item"><a href="charts-chart.html"><span class="px-nav-label">Chart.js</span></a></li> <li class="px-nav-item"><a href="charts-chartist.html"><span class="px-nav-label">Chartist</span></a></li> <li class="px-nav-item"><a href="charts-c3.html"><span class="px-nav-label">C3.js</span></a></li> <li class="px-nav-item"><a href="charts-sparkline.html"><span class="px-nav-label">Sparkline</span></a></li> <li class="px-nav-item"><a href="charts-easy-pie-chart.html"><span class="px-nav-label">Easy Pie Chart</span></a></li> </ul> </li> <li class="px-nav-item px-nav-dropdown"> <a href="#"><i class="px-nav-icon ion-ios-paper"></i><span class="px-nav-label">Pages<span class="label label-info">22</span></span></a> <ul class="px-nav-dropdown-menu"> <li class="px-nav-item px-nav-dropdown"> <a href="#"><span class="px-nav-label">Authentication</span></a> <ul class="px-nav-dropdown-menu"> <li class="px-nav-item"><a href="pages-signin-v1.html"><span class="px-nav-label">Sign In v1</span></a></li> <li class="px-nav-item"><a href="pages-signin-v2.html"><span class="px-nav-label">Sign In v2</span></a></li> <li class="px-nav-item"><a href="pages-signup-v1.html"><span class="px-nav-label">Sign Up v1</span></a></li> <li class="px-nav-item"><a href="pages-signup-v2.html"><span class="px-nav-label">Sign Up v2</span></a></li> </ul> </li> <li class="px-nav-item px-nav-dropdown"> <a href="#"><span class="px-nav-label">Blog</span></a> <ul class="px-nav-dropdown-menu"> <li class="px-nav-item"><a href="pages-blog-posts.html"><span class="px-nav-label">Posts</span></a></li> <li class="px-nav-item"><a href="pages-blog-post.html"><span class="px-nav-label">Post</span></a></li> </ul> </li> <li class="px-nav-item px-nav-dropdown"> <a href="#"><span class="px-nav-label">Error pages</span></a> <ul class="px-nav-dropdown-menu"> <li class="px-nav-item"><a href="pages-404.html"><span class="px-nav-label">404</span></a></li> <li class="px-nav-item"><a href="pages-500.html"><span class="px-nav-label">500</span></a></li> </ul> </li> <li class="px-nav-item px-nav-dropdown"> <a href="#"><span class="px-nav-label">Forum</span></a> <ul class="px-nav-dropdown-menu"> <li class="px-nav-item"><a href="pages-forum-forums-list.html"><span class="px-nav-label">Forums list</span></a></li> <li class="px-nav-item"><a href="pages-forum-topics.html"><span class="px-nav-label">Topics</span></a></li> <li class="px-nav-item"><a href="pages-forum-thread.html"><span class="px-nav-label">Thread</span></a></li> </ul> </li> <li class="px-nav-item px-nav-dropdown"> <a href="#"><span class="px-nav-label">Messages</span></a> <ul class="px-nav-dropdown-menu"> <li class="px-nav-item"><a href="pages-messages-list.html"><span class="px-nav-label">List</span></a></li> <li class="px-nav-item"><a href="pages-messages-item.html"><span class="px-nav-label">Item</span></a></li> <li class="px-nav-item"><a href="pages-messages-new.html"><span class="px-nav-label">New message</span></a></li> </ul> </li> <li class="px-nav-item"><a href="pages-about-us.html"><span class="px-nav-label">About Us</span></a></li> <li class="px-nav-item"><a href="pages-account.html"><span class="px-nav-label">Account</span></a></li> <li class="px-nav-item"><a href="pages-invoice.html"><span class="px-nav-label">Invoice</span></a></li> <li class="px-nav-item"><a href="pages-pricing.html"><span class="px-nav-label">Pricing</span></a></li> <li class="px-nav-item"><a href="pages-profile-v1.html"><span class="px-nav-label">Profile v1</span></a></li> <li class="px-nav-item"><a href="pages-profile-v2.html"><span class="px-nav-label">Profile v2</span></a></li> <li class="px-nav-item"><a href="pages-search-results.html"><span class="px-nav-label">Search results</span></a></li> <li class="px-nav-item"><a href="pages-support-center.html"><span class="px-nav-label">Support center</span></a></li> <li class="px-nav-item"><a href="pages-blank.html"><span class="px-nav-label">Blank</span></a></li> </ul> </li> <li class="px-nav-item"> <a href="../color_generator/index.html"><i class="px-nav-icon ion-aperture"></i><span class="px-nav-label">Color Generator</span></a> </li> <li class="px-nav-item"> <a href="../docs/index.html" target="_blank" class="bg-success text-white b-a-0"><i class="px-nav-icon ion-social-buffer"></i><span class="px-nav-label">Docs</span></a> </li> <li class="px-nav-box b-t-1 p-a-2"> <a href="pages-invoice.html" class="btn btn-primary btn-block btn-outline">Create Invoice</a> </li> </ul> </nav> <nav class="navbar px-navbar"> <!-- Header --> <div class="navbar-header"> <a class="navbar-brand px-demo-brand" href="index.html"><span class="px-demo-logo bg-primary"><span class="px-demo-logo-1"></span><span class="px-demo-logo-2"></span><span class="px-demo-logo-3"></span><span class="px-demo-logo-4"></span><span class="px-demo-logo-5"></span><span class="px-demo-logo-6"></span><span class="px-demo-logo-7"></span><span class="px-demo-logo-8"></span><span class="px-demo-logo-9"></span></span>PixelAdmin</a> </div> <!-- Navbar togglers --> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#px-demo-navbar-collapse" aria-expanded="false"><i class="navbar-toggle-icon"></i></button> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="px-demo-navbar-collapse"> <ul class="nav navbar-nav"> <li class="dropdown"> <a href class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Categories</a> <div class="dropdown-multi-column"> <ul class="dropdown-menu dropdown-column col-md-4"> <li class="dropdown-header">Business</li> <li><a href="#">Design & Urban Ecologies</a></li> <li><a href="#">Fine Art</a></li> <li><a href="#">Fashion Design</a></li> <li><a href="#">Strategic Design</a></li> </ul> <ul class="dropdown-menu dropdown-column col-md-4"> <li class="dropdown-header">Liberal Arts</li> <li><a href="#">Anthropology</a></li> <li><a href="#">Media Studies</a></li> <li><a href="#">Philosophy</a></li> </ul> <ul class="dropdown-menu dropdown-column col-md-4"> <li class="dropdown-header">Social Sciences</li> <li><a href="#">Food Studies</a></li> <li><a href="#">Journalism</a></li> <li><a href="#">Non Profit Management</a></li> </ul> </div> </li> <li class="dropdown"> <a href class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-bookmark m-r-1"></i>Links</a> <ul class="dropdown-menu"> <li class="dropdown-toggle"> <a href>Products</a> <ul class="dropdown-menu"> <li><a href="#">All</a></li> <li><a href="#">Popular</a></li> <li><a href="#">Recent</a></li> <li><a href="#">Featured</a></li> <li class="divider"></li> <li><a href="#"><i class="fa fa-plus m-r-1"></i>Add product</a></li> </ul> </li> <li class="dropdown-toggle"> <a href>Users</a> <ul class="dropdown-menu"> <li><a href="#">All</a></li> <li><a href="#">Recent</a></li> <li><a href="#">Banned</a></li> <li class="divider"></li> <li><a href="#"><i class="fa fa-user-plus m-r-1"></i>Create user</a></li> </ul> </li> <li class="dropdown-toggle"> <a href>Blog</a> <ul class="dropdown-menu"> <li><a href="#">All</a></li> <li><a href="#">Popular</a></li> <li class="divider"></li> <li><a href="#"><i class="fa fa-edit m-r-1"></i>New blog post</a></li> </ul> </li> <li class="divider"></li> <li><a href="#">Overview</a></li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="https://stackoverflow.com" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="px-navbar-icon fa fa-bullhorn font-size-14"></i> <span class="px-navbar-icon-label">Notifications</span> <span class="px-navbar-label label label-success">5</span> </a> <div class="dropdown-menu p-a-0" style="width: 300px"> <div id="navbar-notifications" style="height: 280px; position: relative;"> <div class="widget-notifications-item"> <div class="widget-notifications-title text-danger">SYSTEM</div> <div class="widget-notifications-description"><strong>Error 500</strong>: Syntax error in index.php at line <strong>461</strong>.</div> <div class="widget-notifications-date">12h ago</div> <div class="widget-notifications-icon fa fa-hdd-o bg-danger"></div> </div> <div class="widget-notifications-item"> <div class="widget-notifications-title text-info">STORE</div> <div class="widget-notifications-description">You have <strong>9</strong> new orders.</div> <div class="widget-notifications-date">12h ago</div> <div class="widget-notifications-icon fa fa-truck bg-info"></div> </div> <div class="widget-notifications-item"> <div class="widget-notifications-title text-default">CRON DAEMON</div> <div class="widget-notifications-description">Job <strong>"Clean DB"</strong> has been completed.</div> <div class="widget-notifications-date">12h ago</div> <div class="widget-notifications-icon fa fa-clock-o bg-default"></div> </div> <div class="widget-notifications-item"> <div class="widget-notifications-title text-success">SYSTEM</div> <div class="widget-notifications-description">Server <strong>up</strong>.</div> <div class="widget-notifications-date">12h ago</div> <div class="widget-notifications-icon fa fa-hdd-o bg-success"></div> </div> <div class="widget-notifications-item"> <div class="widget-notifications-title text-warning">SYSTEM</div> <div class="widget-notifications-description"><strong>Warning</strong>: Processor load <strong>92%</strong>.</div> <div class="widget-notifications-date">12h ago</div> <div class="widget-notifications-icon fa fa-hdd-o bg-warning"></div> </div> </div> <a href="#" class="widget-more-link">MORE NOTIFICATIONS</a> </div> </li> <li class="dropdown"> <a href="https://google.com" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="px-navbar-icon fa fa-envelope font-size-14"></i> <span class="px-navbar-icon-label">Income messages</span> <span class="px-navbar-label label label-danger">8</span> </a> <div class="dropdown-menu p-a-0" style="width: 300px;"> <div id="navbar-messages" style="height: 280px; position: relative;"> <div class="widget-messages-alt-item"> <img src="assets/demo/avatars/2.jpg" alt="" class="widget-messages-alt-avatar"> <a href="#" class="widget-messages-alt-subject text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</a> <div class="widget-messages-alt-description">from <a href="#">Robert Jang</a></div> <div class="widget-messages-alt-date">2h ago</div> </div> <div class="widget-messages-alt-item"> <img src="assets/demo/avatars/3.jpg" alt="" class="widget-messages-alt-avatar"> <a href="#" class="widget-messages-alt-subject text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a> <div class="widget-messages-alt-description">from <a href="#">Michelle Bortz</a></div> <div class="widget-messages-alt-date">2h ago</div> </div> <div class="widget-messages-alt-item"> <img src="assets/demo/avatars/4.jpg" alt="" class="widget-messages-alt-avatar"> <a href="#" class="widget-messages-alt-subject text-truncate">Lorem ipsum dolor sit amet.</a> <div class="widget-messages-alt-description">from <a href="#">Timothy Owens</a></div> <div class="widget-messages-alt-date">2h ago</div> </div> <div class="widget-messages-alt-item"> <img src="assets/demo/avatars/5.jpg" alt="" class="widget-messages-alt-avatar"> <a href="#" class="widget-messages-alt-subject text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a> <div class="widget-messages-alt-description">from <a href="#">Denise Steiner</a></div> <div class="widget-messages-alt-date">2h ago</div> </div> <div class="widget-messages-alt-item"> <img src="assets/demo/avatars/2.jpg" alt="" class="widget-messages-alt-avatar"> <a href="#" class="widget-messages-alt-subject text-truncate">Lorem ipsum dolor sit amet.</a> <div class="widget-messages-alt-description">from <a href="#">Robert Jang</a></div> <div class="widget-messages-alt-date">2h ago</div> </div> <div class="widget-messages-alt-item"> <img src="assets/demo/avatars/3.jpg" alt="" class="widget-messages-alt-avatar"> <a href="#" class="widget-messages-alt-subject text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a> <div class="widget-messages-alt-description">from <a href="#">Michelle Bortz</a></div> <div class="widget-messages-alt-date">2h ago</div> </div> <div class="widget-messages-alt-item"> <img src="assets/demo/avatars/4.jpg" alt="" class="widget-messages-alt-avatar"> <a href="#" class="widget-messages-alt-subject text-truncate">Lorem ipsum dolor sit amet.</a> <div class="widget-messages-alt-description">from <a href="#">Timothy Owens</a></div> <div class="widget-messages-alt-date">2h ago</div> </div> <div class="widget-messages-alt-item"> <img src="assets/demo/avatars/5.jpg" alt="" class="widget-messages-alt-avatar"> <a href="#" class="widget-messages-alt-subject text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a> <div class="widget-messages-alt-description">from <a href="#">Denise Steiner</a></div> <div class="widget-messages-alt-date">2h ago</div> </div> </div> <a href="#" class="widget-more-link">MORE MESSAGES</a> </div> <!-- / .dropdown-menu --> </li> <li> <form class="navbar-form" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search" style="width: 140px;"> </div> </form> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <img src="assets/demo/avatars/1.jpg" alt="" class="px-navbar-image"> <span class="hidden-md">John Doe</span> </a> <ul class="dropdown-menu"> <li><a href="pages-profile-v2.html"><span class="label label-warning pull-xs-right"><i class="fa fa-asterisk"></i></span>Profile</a></li> <li><a href="pages-account.html">Account</a></li> <li><a href="pages-messages-list.html"><i class="dropdown-icon fa fa-envelope"></i> Messages</a></li> <li class="divider"></li> <li><a href="pages-signin-v1.html"><i class="dropdown-icon fa fa-power-off"></i> Log Out</a></li> </ul> </li> </ul> </div><!-- /.navbar-collapse --> </nav> <div class="px-content"> <div class="page-blog-post-image page-header"> <img src="assets/demo/blog/1.jpg" alt=""> </div> <!-- Post --> <div class="page-blog-post-content panel page-block m-b-0 p-x-4 p-b-4 b-a-0 border-radius-0 clearfix"> <h1>7 future web design trends</h1> <p> Nunc quis ipsum in ligula fringilla consectetur ullamcorper ut tortor. Donec lobortis enim ac eleifend ornare. </p> <h3>1. First section</h3> <p> In enim lectus, dignissim nec sagittis at, varius vitae dolor. Quisque risus eros, laoreet at rutrum vel, gravida eget nulla. Donec blandit dignissim lorem elementum molestie. Fusce vitae metus quis dui lobortis pulvinar nec ac tellus. </p> <p> Morbi non dolor sed tortor dapibus placerat vel sed tortor. Pellentesque maximus eleifend dui nec condimentum. Etiam malesuada eu nunc sed pharetra. Vestibulum vel arcu arcu. Cras laoreet enim ac hendrerit placerat. </p> <blockquote> Morbi non dolor sed tortor dapibus placerat vel sed tortor. Pellentesque maximus eleifend dui nec condimentum. Etiam malesuada eu nunc sed pharetra. Vestibulum vel arcu arcu. Cras laoreet enim ac hendrerit placerat. </blockquote> <p> Nunc quis ipsum in ligula fringilla consectetur ullamcorper ut tortor. Donec lobortis enim ac eleifend ornare. </p> <h3>2. Second section</h3> <p> In enim lectus, dignissim nec sagittis at, varius vitae dolor. Quisque risus eros, laoreet at rutrum vel, gravida eget nulla. Donec blandit dignissim lorem elementum molestie. Fusce vitae metus quis dui lobortis pulvinar nec ac tellus. </p> <p> <br> <img src="assets/demo/blog/2.jpg" alt=""> <br> <br> </p> <p> Morbi non dolor sed tortor dapibus placerat vel sed tortor. Pellentesque maximus eleifend dui nec condimentum. Etiam malesuada eu nunc sed pharetra. Vestibulum vel arcu arcu. Cras laoreet enim ac hendrerit placerat. </p> </div> <!-- / Post --> <!-- Post footer --> <!-- panel page-block p-x-4 m-b-0 clearfix --> <div class="panel page-wide-block p-x-4 p-b-3 b-x-0 b-t-0 border-radius-0 clearfix"> <a href="#" class="label label-outline">Webdesign</a> <a href="#" class="label label-outline">UI / UX</a> <a href="#" class="label label-outline">Coding</a> <hr class="page-wide-block m-y-3"> <div class="row"> <div class="col-xs-9 col-md-10"> <div class="box m-a-0 b-a-0"> <div class="box-row valign-middle"> <div class="box-cell" style="width: 40px"> <img src="assets/demo/avatars/1.jpg" alt="" class="border-round" style="width: 100%;"> </div> <div class="box-cell p-l-2"> <span class="text-muted">by</span> <a href="#">John Doe</a> <div class="text-muted font-size-11"><strong>JUN 8, 2016</strong></div> </div> </div> </div> </div> <div class="col-xs-3 col-md-2 p-t-1 text-xs-right font-size-14 text-muted"> <a href="#"><i class="fa fa-heart-o"></i> 45</a> </div> </div> </div> <!-- / Post footer --> <h4 class="page-block m-t-4 p-x-4">8 comments</h4> <hr class="m-b-1"> <!-- Comments --> <div class="page-block p-x-4"> <div class="page-blog-post-comments"> <div class="widget-tree-comments-item"> <img src="assets/demo/avatars/2.jpg" alt="" class="widget-tree-comments-avatar"> <div class="widget-tree-comments-header"> <a href="#" title="">Robert Jang</a><span> 14 hours ago</span> </div> <div class="widget-tree-comments-text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore. </div> <div class="widget-tree-comments-footer"> <a href="#"><i class="fa fa-thumbs-o-up"></i></a> <a href="#"><i class="fa fa-thumbs-o-down"></i></a> · <a href="#">Reply</a> </div> <!-- Second-level comment --> <div class="widget-tree-comments-item"> <img src="assets/demo/avatars/4.jpg" alt="" class="widget-tree-comments-avatar"> <div class="widget-tree-comments-header"> <a href="#" title="">Timothy Owens</a><span> 14 hours ago</span> </div> <div class="widget-tree-comments-text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore. </div> <div class="widget-tree-comments-footer"> <a href="#"><i class="fa fa-thumbs-o-up"></i></a> <a href="#"><i class="fa fa-thumbs-o-down"></i></a> · <a href="#">Reply</a> </div> </div> <!-- Second-level comment --> <div class="widget-tree-comments-item"> <img src="assets/demo/avatars/5.jpg" alt="" class="widget-tree-comments-avatar"> <div class="widget-tree-comments-header"> <a href="#" title="">Denise Steiner</a><span> 14 hours ago</span> </div> <div class="widget-tree-comments-text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore. </div> <div class="widget-tree-comments-footer"> <a href="#"><i class="fa fa-thumbs-o-up"></i></a> <a href="#"><i class="fa fa-thumbs-o-down"></i></a> · <a href="#">Reply</a> </div> <!-- Third-level comment --> <div class="widget-tree-comments-item"> <img src="assets/demo/avatars/1.jpg" alt="" class="widget-tree-comments-avatar"> <div class="widget-tree-comments-header"> <a href="#" title="">John Doe</a><span> 14 hours ago</span> </div> <div class="widget-tree-comments-text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. </div> <div class="widget-tree-comments-footer"> <a href="#"><i class="fa fa-thumbs-o-up"></i></a> <a href="#"><i class="fa fa-thumbs-o-down"></i></a> · <a href="#">Reply</a> </div> </div> </div> </div> <div class="widget-tree-comments-item"> <img src="assets/demo/avatars/3.jpg" alt="" class="widget-tree-comments-avatar"> <div class="widget-tree-comments-header"> <a href="#" title="">Michelle Bortz</a><span> 14 hours ago</span> </div> <div class="widget-tree-comments-text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore. </div> <div class="widget-tree-comments-footer"> <a href="#"><i class="fa fa-thumbs-o-up"></i></a> <a href="#"><i class="fa fa-thumbs-o-down"></i></a> · <a href="#">Reply</a> </div> </div> <div class="widget-tree-comments-item"> <img src="assets/demo/avatars/4.jpg" alt="" class="widget-tree-comments-avatar"> <div class="widget-tree-comments-header"> <a href="#" title="">Timothy Owens</a><span> 14 hours ago</span> </div> <div class="widget-tree-comments-text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore. </div> <div class="widget-tree-comments-footer"> <a href="#"><i class="fa fa-thumbs-o-up"></i></a> <a href="#"><i class="fa fa-thumbs-o-down"></i></a> · <a href="#">Reply</a> </div> </div> <div class="widget-tree-comments-item"> <img src="assets/demo/avatars/2.jpg" alt="" class="widget-tree-comments-avatar"> <div class="widget-tree-comments-header"> <a href="#" title="">Robert Jang</a><span> 14 hours ago</span> </div> <div class="widget-tree-comments-text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore. </div> <div class="widget-tree-comments-footer"> <a href="#"><i class="fa fa-thumbs-o-up"></i></a> <a href="#"><i class="fa fa-thumbs-o-down"></i></a> · <a href="#">Reply</a> </div> </div> <div class="widget-tree-comments-item"> <img src="assets/demo/avatars/5.jpg" alt="" class="widget-tree-comments-avatar"> <div class="widget-tree-comments-header"> <a href="#" title="">Denide Steiner</a><span> 14 hours ago</span> </div> <div class="widget-tree-comments-text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore. </div> <div class="widget-tree-comments-footer"> <a href="#"><i class="fa fa-thumbs-o-up"></i></a> <a href="#"><i class="fa fa-thumbs-o-down"></i></a> · <a href="#">Reply</a> </div> </div> <hr class="m-y-1 m-x-2"> <!-- Form --> <form action="" class="widget-tree-comments-item"> <img src="assets/demo/avatars/1.jpg" alt="" class="widget-tree-comments-avatar"> <textarea rows="3" class="form-control widget-tree-comments-input" placeholder="Write your comment..."></textarea> <button type="submit" class="btn btn-primary">Send</button> </form> </div> </div> <!-- / Comments --> </div> <footer class="px-footer px-footer-bottom p-t-0"> <div class="box m-a-0 bg-transparent"> <div class="box-cell col-md-3 p-t-3"> <h5 class="m-t-0 m-b-1 font-size-13">About Us</h5> <a href="#">Who we are</a><br> <a href="#">Jobs</a><br> <a href="#">Newsletters</a><br> </div> <div class="box-cell col-md-3 p-t-3"> <h5 class="m-t-0 m-b-1 font-size-13">Help</h5> <a href="#">Support Center</a><br> <a href="#">Terms of Use</a><br> <a href="#">Privacy Policy</a><br> </div> <div class="box-cell col-md-3 p-t-3"> <h5 class="m-t-0 m-b-1 font-size-13">Products</h5> <a href="#">Popular</a><br> <a href="#">Most rated</a><br> <a href="#">Recent</a><br> </div> <div class="box-cell col-md-3 p-t-3 valign-middle"> <a href="#" class="display-block m-b-1 text-nowrap"><i class="fa fa-twitter"></i> @pixeladmin</a> <a href="#" class="display-block m-b-1 text-nowrap"><i class="fa fa-facebook"></i> PixelAdmin</a> <a href="#" class="display-block text-nowrap"><i class="fa fa-envelope"></i> support@pixeladmin.com</a> </div> </div> <hr class="page-wide-block"> <span class="text-muted">Copyright © 2017 PixelAdmin LLC. All rights reserved.</span> </footer> <!-- ============================================================================== | | SCRIPTS | =============================================================================== --> <!-- jQuery --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/pixeladmin.min.js"></script> <script> // ------------------------------------------------------------------------- // Initialize DEMO sidebar $(function() { pxDemo.initializeDemoSidebar(); $('#px-demo-sidebar').pxSidebar(); pxDemo.initializeDemo(); }); </script> <script type="text/javascript"> // ------------------------------------------------------------------------- // Initialize DEMO $(function() { var file = String(document.location).split('/').pop(); // Remove unnecessary file parts file = file.replace(/(\.html).*/i, '$1'); if (!/.html$/i.test(file)) { file = 'index.html'; } // Activate current nav item $('body > .px-nav') .find('.px-nav-item > a[href="' + file + '"]') .parent() .addClass('active'); $('body > .px-nav').pxNav(); $('body > .px-footer').pxFooter(); $('#navbar-notifications').perfectScrollbar(); $('#navbar-messages').perfectScrollbar(); }); </script> </body> </html>