Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Esuematsu

Ajuda css

Recommended Posts

Olá, estou fazendo um site para um amigo, porém ele quer que o menu superior role junto com a página, mas eu não entendo tanto assim de programação, alguem pode me ajudar a corrigir o css pra que o menu role junto com a página?

 


nav {
    display: fixed;
}
@media print {
    .navbar {
        display: none;
    }
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
.collapsing {
    position: fixed;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav:before,
.nav:after {
    display: table;
    content: " ";
}
.nav:after {
    clear: both;
}
.nav:before,
.nav:after {
    display: table;
    content: " ";
}
.nav:after {
    clear: both;
}
.nav > li {
    position: relative;
    display: block;
}
.nav > li > a,
.nav > li .text_span {
    position: relative;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
}
.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}
.nav > li.disabled > a {
    color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
    color: #999999;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #428bca;
}
.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.nav > li > a > img {
    max-width: none;
}
.nav-tabs {
    border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
    border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}
.nav-tabs.nav-justified > li {
    float: none;
}
.nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }
}
.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #dddddd;
}
@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #ffffff;
    }
}
.nav-pills > li {
    float: left;
}
.nav-pills > li > a {
    border-radius: 4px;
}
.nav-pills > li + li {
    margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #428bca;
}
.nav-stacked > li {
    float: none;
}
.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
}
.nav-justified {
    width: 100%;
}
.nav-justified > li {
    float: none;
}
.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .nav-justified > li > a {
        margin-bottom: 0;
    }
}
.nav-tabs-justified {
    border-bottom: 0;
}
.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border: 1px solid #dddddd;
}
@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #ffffff;
    }
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.navbar:before,
.navbar:after {
    display: table;
    content: " ";
}
.navbar:after {
    clear: both;
}
.navbar:before,
.navbar:after {
    display: table;
    content: " ";
}
.navbar:after {
    clear: both;
}
@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}
.navbar-header:after {
    clear: both;
}
.navbar-header:after {
    clear: both;
}
@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}
.navbar-collapse {
    max-height: 340px;
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}
.navbar-collapse:before,
.navbar-collapse:after {
    display: table;
    content: " ";
}
.navbar-collapse:after {
    clear: both;
}
.navbar-collapse:before,
.navbar-collapse:after {
    display: table;
    content: " ";
}
.navbar-collapse:after {
    clear: both;
}
.navbar-collapse.in {
    overflow-y: auto;
}
@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}
.container > .navbar-header,
.container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}
.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}
@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}
.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}
@media (min-width: 768px) {
    .navbar > .container .navbar-brand {
        margin-left: -15px;
    }
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle:hover {
    position: relative;
    float: right;
    margin-top: -1px;
    margin-right: -1px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}
.navbar-nav {
    margin: 7.5px -15px;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.navbar-nav > li > .text_span {
    padding-top: 10px;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px;
    line-height: 26px;
    color: #59a3fc;
}
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none;
    }
    .pix_header_button{
        margin-bottom: 20px !important;
        display: inline-block;
    }
}
@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav > li {
        float: left;
    }
    .navbar-nav > li > a,
    .navbar-nav > li > .text_span {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }
}
@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }
    .navbar-right {
        float: right !important;
    }
}
.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .form-control {
        display: inline-block;
    }
    .navbar-form select.form-control {
        width: auto;
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        float: none;
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }
}
@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-form.navbar-right:last-child {
        margin-right: -15px;
    }
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}
.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
}
.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }
    .navbar-text.navbar-right:last-child {
        margin-right: 0;
    }
}
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
    color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}
.navbar-default .navbar-text {
    color: #777777;
}
.navbar-default .navbar-nav > li > a {
    color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333333;
    background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #cccccc;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555555;
    background-color: #e7e7e7;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333333;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555555;
        background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}
.navbar-default .navbar-link {
    color: #777777;
}
.navbar-default .navbar-link:hover {
    color: #333333;
}
.navbar-inverse {
    background-color: #222222;
    border-color: #080808;
}
.navbar-inverse .navbar-brand {
    color: #999999;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #ffffff;
    background-color: transparent;
}
.navbar-inverse .navbar-text {
    color: #999999;
}
.navbar-inverse .navbar-nav > li > a {
    color: #999999;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
}
.navbar-inverse .navbar-toggle {
    border-color: #fff;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #080808;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #999999;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }
}
.navbar-inverse .navbar-link {
    color: #999999;
}
.navbar-inverse .navbar-link:hover {
    color: #ffffff;
}
@font-face {
    font-family: "Flat-UI-Icons";
    src: url("../fonts/Flat-UI-Icons.eot");
    src: url("../fonts/Flat-UI-Icons.eot?#iefix") format("embedded-opentype"), url("../fonts/Flat-UI-Icons.woff") format("woff"), url("../fonts/Flat-UI-Icons.ttf") format("truetype"), url("../fonts/Flat-UI-Icons.svg#Flat-UI-Icons") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */

[data-icon]:before {
    font-family: 'Flat-UI-Icons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="fui-"] {
*/

.fui-triangle-up,
.fui-triangle-up-small,
.fui-triangle-right-large,
.fui-triangle-left-large,
.fui-triangle-down,
.fui-info,
.fui-alert,
.fui-question,
.fui-window,
.fui-windows,
.fui-arrow-right,
.fui-arrow-left,
.fui-loop,
.fui-cmd,
.fui-mic,
.fui-triangle-down-small,
.fui-check-inverted,
.fui-heart,
.fui-location,
.fui-plus,
.fui-check,
.fui-cross,
.fui-list,
.fui-new,
.fui-video,
.fui-photo,
.fui-volume,
.fui-time,
.fui-eye,
.fui-chat,
.fui-home,
.fui-upload,
.fui-search,
.fui-user,
.fui-mail,
.fui-lock,
.fui-power,
.fui-star,
.fui-calendar,
.fui-gear,
.fui-book,
.fui-exit,
.fui-trash,
.fui-folder,
.fui-bubble,
.fui-cross-inverted,
.fui-plus-inverted,
.fui-export,
.fui-radio-unchecked,
.fui-radio-checked,
.fui-checkbox-unchecked,
.fui-checkbox-checked,
.fui-flat,
.fui-calendar-solid,
.fui-star-2,
.fui-credit-card,
.fui-clip,
.fui-link,
.fui-pause,
.fui-play,
.fui-tag,
.fui-document,
.fui-image,
.fui-facebook,
.fui-youtube,
.fui-vimeo,
.fui-twitter,
.fui-stumbleupon,
.fui-spotify,
.fui-skype,
.fui-pinterest,
.fui-path,
.fui-myspace,
.fui-linkedin,
.fui-googleplus,
.fui-dribbble,
.fui-blogger,
.fui-behance,
.fui-list-thumbnailed,
.fui-list-small-thumbnails,
.fui-list-numbered,
.fui-list-large-thumbnails,
.fui-list-columned,
.fui-list-bulleted {
    display: inline-block;
    font-family: 'Flat-UI-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
.fui-triangle-up:before {
    content: "\e000";
}
.fui-triangle-up-small:before {
    content: "\e001";
}
.fui-triangle-right-large:before {
    content: "\e002";
}
.fui-triangle-left-large:before {
    content: "\e003";
}
.fui-triangle-down:before {
    content: "\e004";
}
.fui-info:before {
    content: "\e016";
}
.fui-alert:before {
    content: "\e017";
}
.fui-question:before {
    content: "\e018";
}
.fui-window:before {
    content: "\e019";
}
.fui-windows:before {
    content: "\e01a";
}
.fui-arrow-right:before {
    content: "\e02c";
}
.fui-arrow-left:before {
    content: "\e02d";
}
.fui-loop:before {
    content: "\e02e";
}
.fui-cmd:before {
    content: "\e02f";
}
.fui-mic:before {
    content: "\e030";
}
.fui-triangle-down-small:before {
    content: "\e005";
}
.fui-check-inverted:before {
    content: "\e006";
}
.fui-heart:before {
    content: "\e007";
}
.fui-location:before {
    content: "\e008";
}
.fui-plus:before {
    content: "\e009";
}
.fui-check:before {
    content: "\e00a";
}
.fui-cross:before {
    content: "\e00b";
}
.fui-list:before {
    content: "\e00c";
}
.fui-new:before {
    content: "\e00d";
}
.fui-video:before {
    content: "\e00e";
}
.fui-photo:before {
    content: "\e00f";
}
.fui-volume:before {
    content: "\e010";
}
.fui-time:before {
    content: "\e011";
}
.fui-eye:before {
    content: "\e012";
}
.fui-chat:before {
    content: "\e013";
}
.fui-home:before {
    content: "\e015";
}
.fui-upload:before {
    content: "\e01b";
}
.fui-search:before {
    content: "\e01c";
}
.fui-user:before {
    content: "\e01d";
}
.fui-mail:before {
    content: "\e01e";
}
.fui-lock:before {
    content: "\e01f";
}
.fui-power:before {
    content: "\e020";
}
.fui-star:before {
    content: "\e021";
}
.fui-calendar:before {
    content: "\e023";
}
.fui-gear:before {
    content: "\e024";
}
.fui-book:before {
    content: "\e025";
}
.fui-exit:before {
    content: "\e026";
}
.fui-trash:before {
    content: "\e027";
}
.fui-folder:before {
    content: "\e028";
}
.fui-bubble:before {
    content: "\e029";
}
.fui-cross-inverted:before {
    content: "\e02a";
}
.fui-plus-inverted:before {
    content: "\e031";
}
.fui-export:before {
    content: "\e014";
}
.fui-radio-unchecked:before {
    content: "\e02b";
}
.fui-radio-checked:before {
    content: "\e032";
}
.fui-checkbox-unchecked:before {
    content: "\e033";
}
.fui-checkbox-checked:before {
    content: "\e034";
}
.fui-flat:before {
    content: "\e035";
}
.fui-calendar-solid:before {
    content: "\e022";
}
.fui-star-2:before {
    content: "\e036";
}
.fui-credit-card:before {
    content: "\e037";
}
.fui-clip:before {
    content: "\e038";
}
.fui-link:before {
    content: "\e039";
}
.fui-pause:before {
    content: "\e03b";
}
.fui-play:before {
    content: "\e03c";
}
.fui-tag:before {
    content: "\e03d";
}
.fui-document:before {
    content: "\e03e";
}
.fui-image:before {
    content: "\e03a";
}
.fui-facebook:before {
    content: "\e03f";
}
.fui-youtube:before {
    content: "\e040";
}
.fui-vimeo:before {
    content: "\e041";
}
.fui-twitter:before {
    content: "\e042";
}
.fui-stumbleupon:before {
    content: "\e043";
}
.fui-spotify:before {
    content: "\e044";
}
.fui-skype:before {
    content: "\e045";
}
.fui-pinterest:before {
    content: "\e046";
}
.fui-path:before {
    content: "\e047";
}
.fui-myspace:before {
    content: "\e048";
}
.fui-linkedin:before {
    content: "\e049";
}
.fui-googleplus:before {
    content: "\e04a";
}
.fui-dribbble:before {
    content: "\e04c";
}
.fui-blogger:before {
    content: "\e04d";
}
.fui-behance:before {
    content: "\e04e";
}
.fui-list-thumbnailed:before {
    content: "\e04b";
}
.fui-list-small-thumbnails:before {
    content: "\e04f";
}
.fui-list-numbered:before {
    content: "\e050";
}
.fui-list-large-thumbnails:before {
    content: "\e051";
}
.fui-list-columned:before {
    content: "\e052";
}
.fui-list-bulleted:before {
    content: "\e053";
}
.dropdown-arrow-inverse {
    border-bottom-color: #34495e !important;
    border-top-color: #34495e !important;
}
.page-header {
    padding-bottom: 14px;
    margin: 60px 0 30px;
    border-bottom: 1px solid #e7e9ec;
}
.bottom-menu {
    background: #ebedef;
    color: #bcc3ca;
    padding: 39px 0 42px;
}
.bottom-menu .navbar-brand {
    font-size: 24px;
    margin-top: -4px;
    padding: 0;
}
.bottom-menu .title {
    font-size: 13px;
    font-weight: 700;
    margin-top: 0;
}
.bottom-menu a {
    color: inherit;
}
.active .bottom-menu a,
.bottom-menu a:hover,
.bottom-menu a:focus {
    color: #1abc9c;
}
.bottom-menu .label,
.bottom-menu .badge {
    vertical-align: middle;
}
.bottom-menu .bottom-links {
    font-size: 14px;
    line-height: 1.286;
}
.bottom-menu .bottom-links:before,
.bottom-menu .bottom-icons:before,
.bottom-menu .bottom-links:after,
.bottom-menu .bottom-icons:after {
    content: " ";
    /* 1 */
    
    display: table;
    /* 2 */
}
.bottom-menu .bottom-links:after,
.bottom-menu .bottom-icons:after {
    clear: both;
}
.bottom-icons {
    font-size: 16px;
    line-height: 1;
}
.bottom-menu-inverse {
    background-color: #34495e;
    color: #677786;
}
.bottom-menu-large {
    padding-bottom: 56px;
    padding-top: 60px;
}
.bottom-menu-large .navbar-brand {
    margin-top: -2px;
}
.bottom-menu-large .bottom-links li {
    float: none;
    line-height: 22px;
    margin-right: 0;
}
.bottom-menu-large .title {
    margin-bottom: 10px;
}
.bottom-links,
.bottom-icons {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bottom-links li,
.bottom-icons li {
    display: block;
    float: left;
    margin: 0 18px 0 0;
}
@media (max-width: 767px) {
    .bottom-menu .navbar-brand,
    .bottom-menu .bottom-links {
        margin-bottom: 30px;
    }
    .bottom-menu .navbar-brand {
        padding: 15px;
        float: none;
    }
    .bottom-menu .bottom-links li {
        float: none;
        margin-bottom: 2px;
    }
    .bottom-menu [class*="span"]:last-child .bottom-links {
        margin-bottom: 0;
    }
}
.nav .dropdown-toggle .caret {
    border-bottom-color: #7f8c9a;
    border-left-width: 4px;
    border-right-width: 4px;
    border-top-color: #7f8c9a;
    border-top-width: 6px;
}
.nav-pills > li:first-child > a {
    border-left: none;
    border-radius: 6px 0 0 6px;
}
.nav-pills > li:last-child > a {
    border-radius: 0 6px 6px 0;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover {
    background-color: #16a085;
}
@media (max-width: 480px) {
    .nav-pills > li {
        float: none;
        display: block;
    }
    .nav-pills > li:first-child > a {
        border-radius: 6px 6px 0 0;
    }
    .nav-pills > li:last-child > a {
        border-radius: 0 0 6px 6px;
    }
}
.nav-pills > li > a {
    background-color: #1abc9c;
    border-left: 2px solid #16a085;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 12px 21px 13px;
    border-radius: 0;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    background-color: #48c9b0;
}
.nav-pills > li > a:active {
    background-color: #16a085;
}
@media (max-width: 480px) {
    .nav-pills > li > a {
        border-left: none;
        display: block;
    }
}
.nav-pills > li + li {
    margin-left: 0;
}
.nav-tabs {
    margin-bottom: 20px;
    border-bottom-width: 2px;
    border-bottom-color: #e1e4e7;
}
.nav-tabs.nav-append-content {
    border-bottom: none;
    margin-bottom: 0;
}
.nav-tabs.nav-append-content > li.active:first-child:before {
    background-color: #ffffff;
    border-left: 2px solid #e1e4e7;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    bottom: -4px;
    width: 6px;
    z-index: 2;
}
.nav-tabs > li {
    margin-bottom: -2px;
    position: relative;
}
.nav-tabs > li.active {
    z-index: 2;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-color: #e1e4e7;
    border-bottom-color: #ffffff;
    border-width: 2px;
    color: #7f8c9a;
}
.nav-tabs > li.active .dropdown-toggle,
.nav-tabs > li.active .dropdown-toggle:hover,
.nav-tabs > li.active .dropdown-toggle:focus {
    color: #7f8c9a;
}
.nav-tabs > li.active .dropdown-toggle .caret,
.nav-tabs > li.active .dropdown-toggle:hover .caret,
.nav-tabs > li.active .dropdown-toggle:focus .caret {
    border-bottom-color: #7f8c9a;
    border-top-color: #7f8c9a;
}
.nav-tabs > li.open a.dropdown-toggle,
.nav-tabs > li.open.active a.dropdown-toggle,
.nav-tabs > li.open a.dropdown-toggle:hover,
.nav-tabs > li.open.active a.dropdown-toggle:hover {
    background-color: #f3f4f5;
    border-color: #e1e4e7;
    border-bottom-color: transparent;
    color: #7f8c9a;
}
.nav-tabs > li.open a.dropdown-toggle .caret,
.nav-tabs > li.open.active a.dropdown-toggle .caret,
.nav-tabs > li.open a.dropdown-toggle:hover .caret,
.nav-tabs > li.open.active a.dropdown-toggle:hover .caret {
    border-bottom-color: #7f8c9a;
    border-top-color: #7f8c9a;
}
.nav-tabs > li.open .dropdown-menu,
.nav-tabs > li.open.active .dropdown-menu {
    margin-top: -2px;
}
.nav-tabs > li.open.active {
    z-index: 1003;
}
.nav-tabs > li > a {
    border-width: 2px;
    font-size: 14px;
    font-weight: 700;
    padding: 7px 21px 8px;
    color: #7f8c9a;
    border-radius: 6px 6px 0 0;
    -webkit-transition: none;
    transition: none;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    background-color: transparent;
    border-color: transparent;
    border-bottom-color: transparent;
    outline: none;
    color: #1abc9c;
}
.nav-tabs > li .dropdown-toggle {
    position: relative;
    z-index: 1002;
}
.nav-tabs > li .dropdown-toggle:hover .caret,
.nav-tabs > li .dropdown-toggle:focus .caret {
    border-bottom-color: #1abc9c;
    border-top-color: #1abc9c;
}
.nav-tabs > li .dropdown-menu {
    border: 2px solid #e1e4e7;
    margin-top: -10px;
    border-radius: 0 6px 6px 6px;
}
.nav-tabs > li .dropdown-menu li:first-child > a {
    border-radius: 0 4px 0 0;
}
.nav-tabs > li .dropdown-menu li:last-child > a {
    border-radius: 0 0 4px 4px;
}
.nav-tabs > li .dropdown-menu li a {
    border-radius: 0;
}
.nav-tabs > li .open .dropdown-toggle {
    background-color: #f3f4f5;
}
@media (max-width: 480px) {
    .nav-tabs {
        border-bottom: none;
    }
    .nav-tabs > li {
        display: block;
        float: none;
    }
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        background-color: #1abc9c;
        border: 2px solid #1abc9c;
        color: #ffffff;
    }
    .nav-tabs > li.active > a:before,
    .nav-tabs > li.active > a:hover:before,
    .nav-tabs > li.active > a:focus:before {
        display: none;
    }
    .nav-tabs > li.active:before {
        display: none;
    }
    .nav-tabs > li.dropdown.active > a,
    .nav-tabs > li.dropdown.active > a.dropdown-toggle,
    .nav-tabs > li.dropdown.active > a:hover {
        color: #ffffff;
    }
    .nav-tabs > li.dropdown.active > a .caret,
    .nav-tabs > li.dropdown.active > a.dropdown-toggle .caret,
    .nav-tabs > li.dropdown.active > a:hover .caret {
        border-bottom-color: #ffffff;
        border-top-color: #ffffff;
    }
    .nav-tabs > li.dropdown.active.open > a,
    .nav-tabs > li.dropdown.active.open > a.dropdown-toggle,
    .nav-tabs > li.dropdown.active.open > a:hover {
        color: #7f8c9a;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs > li.dropdown.active.open > a .caret,
    .nav-tabs > li.dropdown.active.open > a.dropdown-toggle .caret,
    .nav-tabs > li.dropdown.active.open > a:hover .caret {
        border-bottom-color: #7f8c9a;
        border-top-color: #7f8c9a;
    }
    .nav-tabs > li > a,
    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus {
        border: 2px solid #e1e4e7;
        margin-bottom: 10px;
        margin-right: 0;
        padding: 10px 15px;
        border-radius: 4px;
    }
}
.tab-content {
    border: 2px solid #ddd;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 20px 20px 5px;
    position: relative;
    z-index: 1;
}
.nav-list {
    padding-left: 13px;
    padding-right: 13px;
}
.nav-list .nav-header {
    margin-left: -13px;
    margin-right: -13px;
    padding: 0 13px;
    font-weight: 700;
    line-height: 1.538;
}
.nav-list > li {
    margin-bottom: 3px;
}
.nav-list > li.active > a,
.nav-list > li.active > a:hover,
.nav-list > li.active > a:focus {
    background-color: #ebedef;
    color: #526476;
}
.nav-list > li.divider {
    height: 2px;
    border-bottom: none;
    margin: 13px -13px 17px 0;
    background-color: #ebedef;
}
.nav-list > li > a {
    border-radius: 4px;
    font-size: 15px;
    line-height: 1.333;
    font-weight: 700;
    margin-left: -13px;
    margin-right: -13px;
    padding: 6px 13px 8px;
    text-shadow: none;
}
.nav-list .badge.pull-right {
    margin: 1px -4px -1px 0;
}
.nav-header {
    color: #aeb6bf;
    font-size: 13px;
    text-transform: uppercase;
}
.nav-list-vivid {
    background-color: #edeff1;
    border-radius: 4px;
    padding-bottom: 2px;
}
.nav-list-vivid > li {
    margin-bottom: 2px;
}
.nav-list-vivid > li.divider {
    background-color: transparent;
    margin: 3px 0 0;
}
.nav-list-vivid > li.active > a,
.nav-list-vivid > li.active > a:hover,
.nav-list-vivid > li.active > a:focus {
    background-color: #1abc9c;
    color: #ffffff;
}
.nav-list-vivid > li > a {
    border-radius: 0;
    color: #526476;
    font-size: 14px;
}
.nav-list-vivid > li > a:hover,
.nav-list-vivid > li > a:focus {
    color: #16a085;
}
.nav-list-vivid .nav-header:first-child {
    padding-top: 10px;
}
.navbar {
    font-size: 16px;
    min-height: 53px;
    margin-bottom: 30px;
    border: none;
    border-radius: 6px;
}

.navbar_no_margin {
    margin-bottom: 0px;
}
.navbar-collapse {
    box-shadow: none;
    padding-right: 21px;
    padding-left: 21px;
}
@media (min-width: 768px) {
    .navbar-collapse .navbar-nav.navbar-left:first-child {
        margin-left: -21px;
    }
    .navbar-collapse .navbar-nav.navbar-left:first-child > li:first-child a {
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
    }
    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: -21px;
    }
    .navbar > .container .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: -36px;
    }
    .navbar-collapse .navbar-nav.navbar-right:last-child > .dropdown:last-child > a {
        border-radius: 0 6px 6px 0;
    }
    .navbar-collapse .navbar-form.navbar-right:last-child {
        margin-right: -17px;
    }
    .navbar-fixed-top .navbar-collapse .navbar-form.navbar-right:last-child,
    .navbar-fixed-bottom .navbar-collapse .navbar-form.navbar-right:last-child {
        margin-right: 0;
    }
}
@media (max-width: 768px) {
    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-bottom: 3px;
    }
}
.navbar-static-top {
    z-index: 1000;
    border-width: 0;
    border-radius: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
    z-index: 1030;
    border-radius: 0;
}
.navbar-fixed-top {
    border-width: 0;
}
.navbar-fixed-bottom {
    margin-bottom: 0;
    border-width: 0;
}
.navbar-brand {
    font-size: 24px;
    line-height: 1.042;
    font-weight: 700;
    padding: 14px 21px;
}
.navbar-brand > [class*="fui-"] {
    font-size: 19px;
    line-height: 1.263;
    vertical-align: top;
}
@media (min-width: 768px) {
    .navbar > .container .navbar-brand {
        margin-left: -21px;
    }
}
.navbar-toggle {
    border: none;
    color: #333;
    margin: 0 0 0 21px;
    padding: 0 21px;
    height: 53px;
    line-height: 53px;
}
.navbar-toggle:before {
    color: #333;
    content: "\e00c";
    font-family: "Flat-UI-Icons";
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: color 0.25s linear;
    transition: color 0.25s linear;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
    outline: none;
}
.navbar-toggle:hover:before,
.navbar-toggle:focus:before {
    color: #333;
}
.navbar-toggle .icon-bar {
    display: none;
}
@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}
.navbar-nav {
    margin: 0;
}
.navbar-nav > li > a {
    font-size: 16px;
    padding: 15px 21px;
    line-height: 23px;
    font-weight: 700;
}
.navbar-nav .dropdown-toggle .caret {
    border-top-color: #16a085;
    border-bottom-color: #16a085;
    border-width: 8px 6px 0;
    margin-left: 12px;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav .open > a:focus,
.navbar-nav .open > a:hover {
    background-color: transparent;
}
.navbar-nav > li > a:hover .caret,
.navbar-nav > li > a:focus .caret,
.navbar-nav .open > a:focus .caret,
.navbar-nav .open > a:hover .caret {
    border-top-color: #1abc9c;
    border-bottom-color: #1abc9c;
}
.navbar-nav [class^="fui-"] {
    line-height: 20px;
    position: relative;
    top: 1px;
}
.navbar-nav .visible-sm > [class^="fui-"],
.navbar-nav .visible-xs > [class^="fui-"] {
    margin-left: 12px;
}
@media (max-width: 768px) {
    .navbar-nav {
        margin: 0 -21px;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 7px 15px 7px 31px !important;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 23px;
    }
    .navbar-nav > li > a {
        padding-top: 7px;
        padding-bottom: 7px;
    }
}
.navbar-input {
    height: 35px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.4;
    border-radius: 6px;
}
select.navbar-input {
    height: 35px;
    line-height: 35px;
}
textarea.navbar-input {
    height: auto;
}
.navbar-form {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 19px;
    padding-left: 19px;
    padding-top: 9px;
    padding-bottom: 9px;
}
@media (max-width: 767px) {
    .navbar-form {
        margin: 3px -21px;
        width: auto;
    }
}
.navbar-nav + .navbar-form.navbar-left,
.navbar-form.navbar-right:last-child {
    width: 260px;
}
.navbar-form .form-control,
.navbar-form .input-group-addon,
.navbar-form .btn {
    height: 35px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.4;
    border-radius: 6px;
}
select.navbar-form .form-control,
select.navbar-form .input-group-addon,
select.navbar-form .btn {
    height: 35px;
    line-height: 35px;
}
textarea.navbar-form .form-control,
textarea.navbar-form .input-group-addon,
textarea.navbar-form .btn {
    height: auto;
}
.navbar-form .input-group .form-control:first-child,
.navbar-form .input-group-addon:first-child,
.navbar-form .input-group-btn:first-child > .btn,
.navbar-form .input-group-btn:first-child > .dropdown-toggle,
.navbar-form .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.navbar-form .input-group .form-control:last-child,
.navbar-form .input-group-addon:last-child,
.navbar-form .input-group-btn:last-child > .btn,
.navbar-form .input-group-btn:last-child > .dropdown-toggle,
.navbar-form .input-group-btn:first-child > .btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.navbar-form .form-control {
    font-size: 15px;
    border-radius: 5px;
    display: table-cell;
}
.navbar-form .form-group + .btn {
    font-size: 15px;
    border-radius: 5px;
    margin-left: 4px;
}
@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 0;
    }
    .navbar-form .form-group + .btn {
        margin-top: 9px;
        margin-left: 0;
    }
}
.navbar-nav > li > .dropdown-menu {
    min-width: 100%;
    border-radius: 4px;
}
@media (max-width: 768px) {
    .navbar-nav > li > .dropdown-menu {
        -webkit-transition: all 0s;
        transition: all 0s;
        display: none;
    }
}
@media (max-width: 768px) {
    .navbar-nav > li.open > .dropdown-menu {
        margin-top: 0 !important;
        display: block;
    }
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.navbar-nav > .open > .dropdown-toggle,
.navbar-nav > .open > .dropdown-toggle:focus,
.navbar-nav > .open > .dropdown-toggle:hover {
    background-color: transparent;
}
.navbar-text {
    font-size: 16px;
    line-height: 1.438;
    color: #34495e;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}
@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 21px;
        margin-right: 21px;
    }
    .navbar-text.navbar-right:last-child {
        margin-right: 0;
    }
}
.navbar-btn {
    margin-top: 6px;
    margin-bottom: 6px;
}
.navbar-btn.btn-sm {
    margin-top: 9px;
    margin-bottom: 8px;
}
.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
}
.navbar-unread,
.navbar-new {
    background-color: #1abc9c;
    border-radius: 50%;
    color: #ffffff;
    font-size: 0;
    font-weight: 700;
    height: 6px;
    line-height: 1;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 15px;
    width: 6px;
    z-index: 10;
}
@media (max-width: 768px) {
    .navbar-unread,
    .navbar-new {
        position: static;
        float: right;
        margin: 0 0 0 10px;
    }
}
.active .navbar-unread,
.active .navbar-new {
    background-color: #ffffff;
    display: none;
}
.navbar-new {
    background-color: #e74c3c;
    font-size: 12px;
    height: 18px;
    line-height: 17px;
    margin: -6px -10px;
    min-width: 18px;
    padding: 0 1px;
    width: auto;
    -webkit-font-smoothing: subpixel-antialiased;
}
.navbar-default {
    background-color: #ecf0f1;
}
.navbar-default .navbar-brand {
    color: #34495e;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #1abc9c;
    background-color: transparent;
}
.navbar-default .navbar-toggle:before {
    color: #34495e;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-toggle:hover:before,
.navbar-default .navbar-toggle:focus:before {
    color: #1abc9c;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e5e9ea;
    border-width: 2px;
}
.navbar-default .navbar-nav > li > a {
    color: #34495e;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #1abc9c;
    background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #1abc9c;
    background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #34495e;
    border-bottom-color: #34495e;
}
.navbar-default .navbar-nav > .active > a .caret {
    border-top-color: #1abc9c;
    border-bottom-color: #1abc9c;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #1abc9c;
    border-bottom-color: #1abc9c;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #1abc9c;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #1abc9c;
    border-bottom-color: #1abc9c;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #34495e;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #1abc9c;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #1abc9c;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}
.navbar-default .navbar-form .form-control {
    border-color: transparent;
}
.navbar-default .navbar-form .form-control:-moz-placeholder {
    color: #aeb6bf;
    opacity: 1;
}
.navbar-default .navbar-form .form-control::-moz-placeholder {
    color: #aeb6bf;
    opacity: 1;
}
.navbar-default .navbar-form .form-control:-ms-input-placeholder {
    color: #aeb6bf;
}
.navbar-default .navbar-form .form-control::-webkit-input-placeholder {
    color: #aeb6bf;
}
.navbar-default .navbar-form .form-control.placeholder {
    color: #aeb6bf;
}
.navbar-default .navbar-form .form-control:focus {
    border-color: #1abc9c;
    color: #1abc9c;
}
.navbar-default .navbar-form .input-group-btn .btn {
    border-color: transparent;
    color: #919ba4;
}
.navbar-default .navbar-form .input-group.focus .form-control,
.navbar-default .navbar-form .input-group.focus .input-group-btn .btn {
    border-color: #1abc9c;
    color: #1abc9c;
}
.navbar-default .navbar-text {
    color: #34495e;
}
.navbar-default .navbar-text a {
    color: #34495e;
}
.navbar-default .navbar-text a:hover,
.navbar-default .navbar-text a:focus {
    color: #1abc9c;
}
.navbar-inverse {
    background-color: #34495e;
}
.navbar-inverse .navbar-brand {
    color: #ffffff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #1abc9c;
    background-color: transparent;
}
.navbar-inverse .navbar-toggle:before {
    color: #ffffff;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-inverse .navbar-toggle:hover:before,
.navbar-inverse .navbar-toggle:focus:before {
    color: #fff;
}
.navbar-inverse .navbar-collapse {
    border-color: #2f4154;
    border-width: 2px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #1abc9c;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #1abc9c;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret,
.navbar-inverse .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #1abc9c;
    border-bottom-color: #1abc9c;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #1abc9c;
    color: #ffffff;
    border-left-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #4b6075;
    border-bottom-color: #4b6075;
}
.navbar-inverse .navbar-nav > .open > .dropdown-arrow {
    border-top-color: #34495e;
    border-bottom-color: #34495e;
}
.navbar-inverse .navbar-nav > .open > .dropdown-menu {
    background-color: #34495e;
    padding: 3px 4px;
}
.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a {
    color: #e1e4e7;
    border-radius: 4px;
    padding: 6px 9px;
}
.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: #1abc9c;
}
.navbar-inverse .navbar-nav > .open > .dropdown-menu > .divider {
    background-color: #2f4154;
    height: 2px;
    margin-left: -4px;
    margin-right: -4px;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a {
        border-left-width: 0;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #1abc9c;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #1abc9c;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .dropdown-menu .divider {
        background-color: #2f4154;
    }
}
.navbar-inverse .navbar-form .form-control {
    color: #536a81;
    border-color: transparent;
    background-color: #293a4a;
}
.navbar-inverse .navbar-form .form-control:-moz-placeholder {
    color: #536a81;
    opacity: 1;
}
.navbar-inverse .navbar-form .form-control::-moz-placeholder {
    color: #536a81;
    opacity: 1;
}
.navbar-inverse .navbar-form .form-control:-ms-input-placeholder {
    color: #536a81;
}
.navbar-inverse .navbar-form .form-control::-webkit-input-placeholder {
    color: #536a81;
}
.navbar-inverse .navbar-form .form-control.placeholder {
    color: #536a81;
}
.navbar-inverse .navbar-form .form-control:focus {
    border-color: #1abc9c;
    color: #1abc9c;
}
.navbar-inverse .navbar-form .btn {
    color: #ffffff;
    background-color: #1abc9c;
}
.navbar-inverse .navbar-form .btn:hover,
.navbar-inverse .navbar-form .btn.hover,
.navbar-inverse .navbar-form .btn:focus,
.navbar-inverse .navbar-form .btn:active,
.navbar-inverse .navbar-form .btn.active,
.open .dropdown-toggle.navbar-inverse .navbar-form .btn {
    color: #ffffff;
    background-color: #48c9b0;
    border-color: #48c9b0;
}
.navbar-inverse .navbar-form .btn:active,
.navbar-inverse .navbar-form .btn.active,
.open .dropdown-toggle.navbar-inverse .navbar-form .btn {
    background: #16a085;
    border-color: #16a085;
}
.navbar-inverse .navbar-form .btn.disabled,
.navbar-inverse .navbar-form .btn[disabled],
fieldset[disabled] .navbar-inverse .navbar-form .btn,
.navbar-inverse .navbar-form .btn.disabled:hover,
.navbar-inverse .navbar-form .btn[disabled]:hover,
fieldset[disabled] .navbar-inverse .navbar-form .btn:hover,
.navbar-inverse .navbar-form .btn.disabled.hover,
.navbar-inverse .navbar-form .btn[disabled].hover,
fieldset[disabled] .navbar-inverse .navbar-form .btn.hover,
.navbar-inverse .navbar-form .btn.disabled:focus,
.navbar-inverse .navbar-form .btn[disabled]:focus,
fieldset[disabled] .navbar-inverse .navbar-form .btn:focus,
.navbar-inverse .navbar-form .btn.disabled:active,
.navbar-inverse .navbar-form .btn[disabled]:active,
fieldset[disabled] .navbar-inverse .navbar-form .btn:active,
.navbar-inverse .navbar-form .btn.disabled.active,
.navbar-inverse .navbar-form .btn[disabled].active,
fieldset[disabled] .navbar-inverse .navbar-form .btn.active {
    background-color: #1abc9c;
    border-color: #1abc9c;
}
.navbar-inverse .navbar-form .input-group-btn .btn {
    border-color: transparent;
    background-color: #293a4a;
    color: #526a82;
}
.navbar-inverse .navbar-form .input-group.focus .form-control,
.navbar-inverse .navbar-form .input-group.focus .input-group-btn .btn {
    border-color: #1abc9c;
    color: #1abc9c;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-form {
        border-color: #2f4154;
        border-width: 2px 0;
    }
}
.navbar-inverse .navbar-text {
    color: #ffffff;
}
.navbar-inverse .navbar-text a {
    color: #ffffff;
}
.navbar-inverse .navbar-text a:hover,
.navbar-inverse .navbar-text a:focus {
    color: #1abc9c;
}
.navbar-inverse .navbar-btn {
    color: #ffffff;
    background-color: #1abc9c;
}
.navbar-inverse .navbar-btn:hover,
.navbar-inverse .navbar-btn.hover,
.navbar-inverse .navbar-btn:focus,
.navbar-inverse .navbar-btn:active,
.navbar-inverse .navbar-btn.active,
.open .dropdown-toggle.navbar-inverse .navbar-btn {
    color: #ffffff;
    background-color: #48c9b0;
    border-color: #48c9b0;
}
.navbar-inverse .navbar-btn:active,
.navbar-inverse .navbar-btn.active,
.open .dropdown-toggle.navbar-inverse .navbar-btn {
    background: #16a085;
    border-color: #16a085;
}
.navbar-inverse .navbar-btn.disabled,
.navbar-inverse .navbar-btn[disabled],
fieldset[disabled] .navbar-inverse .navbar-btn,
.navbar-inverse .navbar-btn.disabled:hover,
.navbar-inverse .navbar-btn[disabled]:hover,
fieldset[disabled] .navbar-inverse .navbar-btn:hover,
.navbar-inverse .navbar-btn.disabled.hover,
.navbar-inverse .navbar-btn[disabled].hover,
fieldset[disabled] .navbar-inverse .navbar-btn.hover,
.navbar-inverse .navbar-btn.disabled:focus,
.navbar-inverse .navbar-btn[disabled]:focus,
fieldset[disabled] .navbar-inverse .navbar-btn:focus,
.navbar-inverse .navbar-btn.disabled:active,
.navbar-inverse .navbar-btn[disabled]:active,
fieldset[disabled] .navbar-inverse .navbar-btn:active,
.navbar-inverse .navbar-btn.disabled.active,
.navbar-inverse .navbar-btn[disabled].active,
fieldset[disabled] .navbar-inverse .navbar-btn.active {
    background-color: #1abc9c;
    border-color: #1abc9c;
}
@media (min-width: 768px) {
    .navbar-embossed > .navbar-collapse {
        border-radius: 6px;
        -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    }
    .navbar-embossed.navbar-inverse .navbar-nav .active > a,
    .navbar-embossed.navbar-inverse .navbar-nav .open > a {
        -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    }
}
.navbar-lg {
    min-height: 76px;
}
.navbar-lg .navbar-brand {
    line-height: 1;
    padding-top: 25px;
    padding-bottom: 26px;
}
.navbar-lg .navbar-brand > [class*="fui-"] {
    font-size: 24px;
    line-height: 1;
}
.navbar-lg .navbar-nav > li > a {
    font-size: 15px;
    line-height: 1.6;
}
@media (min-width: 768px) {
    .navbar-lg .navbar-nav > li > a,
    .navbar-lg .navbar-nav > li > .text_span {
        padding-top: 26px;
        padding-bottom: 26px;
    }
    .navbar-left li:first-child a { padding-left: 0px}
    .right_socials { text-align: right;float: right;display: inline-block;position: relative;}
}
.navbar-lg .navbar-toggle {
    height: 76px;
    line-height: 76px;
}
.navbar-lg .navbar-unread,
.navbar-lg .navbar-new {
    top: 28px;
}
.navbar-lg .navbar-form {
    padding-top: 20.5px;
    padding-bottom: 20.5px;
}
.navbar-lg .navbar-text {
    padding-top: 26.5px;
    padding-bottom: 26.5px;
}
.navbar-lg .navbar-btn {
    margin-top: 18px;
    margin-bottom: 17px;
}
.navbar-lg .navbar-btn.btn-sm {
    margin-top: 20px;
    margin-bottom: 20px;
}
.navbar-lg .navbar-btn.btn-xs {
    margin-top: 25px;
    margin-bottom: 25px;
}
.pix_nav_1 {
    position: relative;
    padding: 0px !important;
    top: 0px;
    line-height: 30px;
    margin: 0px !important;
}
.pix_nav_1 ul li {
    margin: 0px !important;
}
.pix_nav_1 ul li a {
    color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.pix_nav_1 ul li a:hover {
    //color: rgba(0,0,0,0.85); 
    opacity: 0.6;
}
.header_nav_1 {
    padding: 0px !important;
    box-shadow: none; 
}
.pix_nav_logo {
    padding-top: 22px;
}

.navbar-center {margin-left: auto;margin-right: auto;float: none;position: relative;text-align: center; }
.navbar-center li { text-align: center;float: none;display: inline-block;}

Compartilhar este post


Link para o post
Compartilhar em outros sites

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
    <!-- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8">
    <title>Duecon - Sinônimo de parceria com seu condomínio </title>
<meta name="description" content="A Duecon visa desenvolvimento sustentável de seu condomínio, para isso prestamos consultorias para administradores e condomínios, contamos também com sindico profissional à disposição de seu condomínio">
<meta name="keywords" content=" Condomínio, Duecon, Sustentável, sustentabilidade, administração de condomínios, evitar gastos, sindico, sindico profissional, blog, sustentabilidade
 ">

    <meta name="author" content="">
    <!-- Mobile Specific Metas
    ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
    <meta http-equiv="x-ua-compatible" content="IE=9">
    <!-- Font Awesome -->
    <link href="stylesheets/font-awesome.css" rel="stylesheet">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
    <!--headerIncludes-->
    <!-- CSS
    ================================================== -->
    <link rel="stylesheet" href="stylesheets/menu.css">
    <link rel="stylesheet" href="stylesheets/flat-ui-slider.css">
    <link rel="stylesheet" href="stylesheets/base.css">
    <link rel="stylesheet" href="stylesheets/skeleton.css">
    <link rel="stylesheet" href="stylesheets/landings.css">
    <link rel="stylesheet" href="stylesheets/main.css">
    <link rel="stylesheet" href="stylesheets/landings_layouts.css">
    <link rel="stylesheet" href="stylesheets/box.css">
    <link rel="stylesheet" href="stylesheets/pixicon.css">
    <link href="assets/css/animations.min.css" rel="stylesheet" type="text/css" media="all" />
    
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" href="images/main/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

</head>
<body>

<div id="page" class="page">

    
    
    
    
    
    
    
    <div class="pixfort_normal_1" id="section_header_1_dark">
          <div class="header_style header_nav_1 dark pix_builder_bg" style="background-image: none; background-color: rgb(1, 32, 60); padding-top: 0px; padding-bottom: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px -3px 0px 0px inset; border-color: rgb(255, 255, 255); background-size: 100%; background-repeat: repeat; background-attachment: fixed;" src="images/uploads/2.png">
            <div class="container">
                <div class="sixteen columns firas2">
                    <nav role="navigation" class="navbar navbar-white navbar-embossed navbar-lg pix_nav_1">
                        <div class="containerss">
                            <div class="navbar-header">
                                <button data-target="#navbar-collapse-02" data-toggle="fixed" class="navbar-toggle" type="button">
                                    <span class="sr-only">Toggle navigation</span>
                                </button>
                                <img src="images/uploads/logo due (1).png" class="pix_nav_logo" alt="" style="border-radius: 0px; border-color: rgb(255, 255, 255); border-style: none; border-width: 1px; width: 250px; height: 50px;">                
                            </div>
                            
                            <div id="navbar-collapse-02" class="collapse navbar-collapse">
                                <ul class="nav navbar-nav navbar-right">
                                    <li class="active propClone"><a href="#section_normal_4_1" style="color: rgb(204, 204, 204); font-weight: 700; text-transform: none; font-size: 15px;" src="images/uploads/logo due.png">Home</a></li>
                                    <li class="propClone"><a href="#section_app_2" style="color: rgb(204, 204, 204); font-weight: 700; text-transform: none; font-size: 15px;" src="images/uploads/logo due.png">Serviços</a></li>
                                    <li class="propClone"><a href="#section_normal_3" style="color: rgb(204, 204, 204); font-weight: 700; text-transform: none; font-size: 15px;">Vocação</a></li><li class="propClone"><a href="#section_highlight_1" style="color: rgb(204, 204, 204); font-weight: 700; text-transform: none; font-size: 15px;" src="images/uploads/logo due.png">Sustentabilidade</a></li>
                                    <li class="propClone"><a href="#section_ecourse_6" style="color: rgb(204, 204, 204); font-weight: 700; text-transform: none; font-size: 15px;" src="images/uploads/logo due.png">Parceiros</a></li><li class="propClone"><a href="#section_corporate_9" style="color: rgb(204, 204, 204); font-weight: 700; text-transform: none; font-size: 15px;" src="images/uploads/logo due.png">Contato</a></li>
                                </ul>
                            </div><!-- /.navbar-collapse -->
                            
                        </div><!-- /.container -->
                        
                    </nav>
                </div>
            </div><!-- container -->
        </div>
    </div><div class="big_padding pix_builder_bg dark" id="section_normal_4_1" src="images/uploads/2.png" style="background-image: none; background-color: rgb(1, 32, 60); padding-top: 60px; padding-bottom: 60px; box-shadow: none; border-color: rgb(255, 255, 255); background-size: auto; background-attachment: scroll; background-repeat: repeat;">
            <div class="container">
                <div class="sixteen columns">
                    <div class="eight columns alpha margin_bottom_30">
                            <span class="bold_text big_text blue_text editContent" style="">DUECON</span>
                            <p class="big_title bold_text editContent">Sinônimo de parceria com seu condomínio.</p>
                            <p class="normal_text light_gray editContent">Há 15 anos no mercado, tendo como meta a responsabilidade social, excelência no atendimento, transparência e atendimento personalizado.<br>
Nossa especialidade é auxiliar nossos clientes, apresentando soluções para seus problema<strong></strong>s, englobando planejamento estratégico para as suas necessidades.<br>
Nosso foco é a Responsabilidade na Gestão Operacional e Financeira de nossos clientes, com arrecadação adequada a cada perfil e aplicação dos recursos para as metas definidas em assembleia</p>
                             

                        </div>
                    <div class="eight columns omega pix_container">
                        <img src="images/uploads/2.png" class="img_style" alt="" style="border-radius: 0px; border-color: rgb(255, 255, 255); border-style: none; border-width: 1px; width: 450px; height: 405px;">
                    </div>
                </div>
           </div>
        </div>
    <div class="section_pointer" pix-name="main"></div><div class="pixfort_app_3" id="section_app_2">
        <div class="cal_style pix_builder_bg" src="images/uploads/condominio-duecon.jpg" style="background-image: none; background-color: rgb(255, 255, 255); padding-top: 0px; padding-bottom: 0px; box-shadow: rgb(234, 226, 200) 0px -3px 0px 0px inset; border-color: rgb(68, 68, 68); background-size: cover; background-attachment: scroll; background-repeat: repeat; outline-offset: -3px;">
            <div class="container">
                <div class="sixteen columns pad_top">
                     <div class="one-third column  alpha">
                        <div class="img_st">
                            <img src="images/uploads/check-mark-1292787_640.png" alt="" style="border-radius: 0px; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 50px; height: 70px;">
                        </div>
                        <div class="ctext_style">
                            <p class="calc_st editContent" src="images/4_real_estate/1.png" style="color: rgb(4, 95, 176); font-size: 22px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">Administração</p>
                            <p class="calc_text editContent" src="images/4_real_estate/1.png" style="color: rgb(4, 95, 176); font-size: 21px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">de condomínio</p>
                        </div>
                     </div>
                     <div class="one-third column ">
                        <div class="img_st">
                            <img src="images/uploads/check-mark-1292787_640.png" alt="" style="border-radius: 0px; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 50px; height: 70px;">
                        </div>
                        <div class="ctext_style">
                            <p class="calc_st editContent" src="images/4_real_estate/1.png" style="color: rgb(4, 95, 176); font-size: 20px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">Consultoria e assessoria</p>
                            <p class="calc_text editContent" src="images/4_real_estate/1.png" style="color: rgb(4, 95, 176); font-size: 20px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">de condomínios</p>
                        </div>
                     </div>
                     <div class="one-third column  omega">
                        <div class="img_st">
                            <img src="images/uploads/check-mark-1292787_640.png" alt="" style="border-radius: 0px; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 50px; height: 70px;">
                        </div>
                        <div class="ctext_style">
                            <p class="calc_st editContent" src="images/uploads/2.png" style="color: rgb(4, 95, 176); font-size: 22px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">Assessoria</p>
                            <p class="calc_text editContent" src="images/4_real_estate/1.png" style="color: rgb(4, 95, 176); font-size: 20px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">em auto gestão</p>
                        </div>
                     </div>
                </div>
                <div class="sixteen columns pad_top pad_down">
                     <div class="one-third column  alpha">
                        <div class="img_st">
                            <img src="images/uploads/check-mark-1292787_640.png" alt="" style="border-radius: 0px; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 50px; height: 70px;">
                        </div>
                        <div class="ctext_style">
                            <p class="calc_st editContent" src="images/4_real_estate/1.png" style="color: rgb(4, 95, 176); font-size: 22px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">Consultoria</p>
                            <p class="calc_text editContent" src="images/4_real_estate/1.png" style="color: rgb(4, 95, 176); font-size: 20px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">para administradores de condomínio</p>
                        </div>
                     </div>
                     <div class="one-third column ">
                        <div class="img_st">
                            <img src="images/uploads/check-mark-1292787_640.png" alt="" style="border-radius: 0px; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 50px; height: 70px;">
                        </div>
                        <div class="ctext_style">
                            <p class="calc_st editContent" src="images/4_real_estate/1.png" style="color: rgb(4, 95, 176); font-size: 22px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">Sindico profissional<br></p>
                            <p class="calc_text editContent">.</p>
                        </div>
                    </div>
                     <div class="one-third column  omega">
                        <div class="img_st">
                            
                        </div>
                        <div class="ctext_style">
                            
                            
                        </div>
                     </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section_pointer" pix-name="3_app"></div><div class="pixfort_normal_1 creative_features" id="section_normal_3">  
        
    </div><div class="pixfort_normal_1" id="section_normal_4_1">
        <div class="m6_style pix_builder_bg" style="outline-offset: -3px;">
            <div class="container">
                <div class="sixteen columns">
                    <div class="eight columns  alpha">
                        <div class="gtext_style">
                            <p class="t1_style editContent"></p><h1 style="color: rgb(1, 32, 60); font-size: 46px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">Vocação Duecon</h1><p></p>
                            <p class="t2_style editContent" style="color: rgb(4, 95, 176); font-size: 20px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;"></p><h2 style="color: rgb(4, 95, 176); font-size: 35px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">Sinônimo de parceria com seu condomínio</h2><p></p>
                            <p class="t3_style editContent" style="color: rgb(0, 0, 0); font-size: 16px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">-Planejamento estratégico para cada condomínio;<br>
- previsão orçamentaria, ajustando com a realidade de cada momento;<br>
-reconstrução do condomínio, priorizando a valorização do mesmo;<br>
-Análise contratual;<br>
ações sustentáveis, visando a realidade de cada cliente.</p>
                        </div>
                    </div>
                    <div class="eight columns  omega">
                        <img src="images/uploads/14.png" class="img_style" alt="" style="border-radius: 0px; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 450px; height: 350px;">
                    </div>
                </div>
           </div>
        </div>
    </div>
    <div class="section_pointer" pix-name="1_normal"></div><div class="pixfort_normal_1" id="section_normal_4_2">
        <div class="m6_style pix_builder_bg">
            <div class="container">
                <div class="sixteen columns">
                    <div class="eight columns  alpha">
                        <img src="images/uploads/carinhas.png" class="img_style" alt="" style="border-radius: 0px; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 450px; height: 350px;">
                    </div>
                    <div class="eight columns  omega">
                        <div class="gtext_style">
                            
                            
                            <p class="t3_style editContent" src="images/uploads/carinhas.png" style="color: rgb(0, 0, 0); font-size: 16px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">Atendimento personalizado, gerenciando com transparência, agilidade e eficiência. Buscamos constantemente soluções que atendam às necessidades de nossos clientes, visando o tratamento ajustado às demandas especificas de cada um e a redução de custos.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section_pointer" pix-name="1_normal"></div><div class="pix_builder_bg hl1" id="section_highlight_1" src="images/uploads/9.png" style="background-image: url(&quot;images/uploads/9.png&quot;); background-color: rgb(51, 51, 51); padding-top: 0px; padding-bottom: 0px; box-shadow: none; border-color: rgb(68, 68, 68); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; outline-offset: -3px;">
        <div class="big_padding highlight-section">
            <div class="highlight-left pix_builder_bg"></div>
            <div class="container ">
                <div class="sixteen columns ">
                    <div class="eight columns alpha">
                        <div class="highlight_inner">
                            <p class="big_title editContent" src="images/uploads/2.png" style="color: rgb(1, 32, 60); font-size: 48px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">Desenvolvimento sustentavel.</p>
                            <p class="bold_text margin_bottom normal_text orange editContent" style="color: rgb(4, 95, 176); font-size: 16px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">Algumas ideias para sustentabilidade <br></p>
                            <p class="normal_text light_gray editContent" style="color: rgb(0, 0, 0); font-size: 16px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">Somos uma empresa preocupada com o desenvolvimento sustentável. Ou seja, nos preocupamos em desenvolver ações que atendam nossas necessidades atuais sem prejudicar a capacidade de geração de suprimentos das próximas gerações. Trabalhamos com consultorias afim de ajudar seu condomínio a se tornar o mais sustentável possível. Contamos também com um blog com publicações frequentes sobre sustentabilidade dentre outros assuntos pertinentes a seu condomínio. Clique no botão abaixo e faça-nos uma visita.</p>
                            <a href="http://dueconadm.blogspot.com.br/2017/" class="pix_button pix_button_line brown bold_text editContent" style="color: rgb(1, 32, 60); font-size: 16px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif; border-color: rgb(85, 66, 99); border-radius: 3px; border-width: 0px;">Visite nosso blog</a>
                            </div>
                    </div>                 
                    <div class="eight columns omega ">
                        
                    </div>
                </div>
           </div>
        </div>
    </div><div class="pixfort_ecourse_8" id="section_ecourse_6">
        <div class="envato_unbounce pix_builder_bg" style="outline-offset: -3px;">
            <div class="container">
                <div class="sixteen columns cadre_st">
                    <h3 class="L1_style editContent" style="color: rgb(1, 32, 60); font-size: 20px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">Parceiros Duecon</h3>
                    <h6 class="L3_style editContent" src="images/uploads/engrenagem duecon.png" style="color: rgb(4, 95, 176); font-size: 16px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">Empresas que recomendamos</h6>
                    <div class="eight columns  alpha ">
                        <div class="box_1 pix_builder_bg">
                            <div class="b_style">
                                <img src="images/uploads/asset value parceiro.png" class="logo_style" alt="" style="border-radius: 100%; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 75px; height: 75px;">
                            </div>
                            <div class="txt_style">
                                <span class="editContent" style="">Empresa expert em consultoria e avaliação imobiliária</span>
                                <br><br>
                                <img src="images/8_ecourse/stars.original.png" class="stars_st" alt="">
                                <span class="env_st"><span class="editContent" style="">www.assetvalue.com.br</span></span>
                            </div>
                        </div><div class="box_1 pix_builder_bg">
                            <div class="b_style">
                                <img src="images/uploads/logo.jpg" class="logo_style" alt="" style="border-radius: 100%; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 75px; height: 75px;">
                            </div>
                            <div class="txt_style">
                                <span class="editContent" style="">Empresa especializada em desenvolvimento de sites e softwares de gestão</span>
                                <br><br>
                                <img src="images/8_ecourse/stars.original.png" class="stars_st" alt="">
                                <span class="env_st"><span class="editContent" style="">www.smsmarketingdigital.com.br</span></span>
                            </div>
                        </div>
                    </div>
                    <div class="eight columns  omega">
                        <div class="box_2 pix_builder_bg">
                            <div class="b_style">
                                <img src="images/uploads/ptl parceiro.png" class="logo_style" alt="" style="border-radius: 100%; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 75px; height: 75px;">
                            </div>
                            <div class="txt_style">
                                <span class="editContent" style="">Empresa especialista em reprojetar layouts de garagem</span>
                                <br><br>
                                <img src="images/8_ecourse/stars.original.png" class="stars_st" alt="">
                                <span class="env_st"><span class="editContent" style="">www.ptlgaragen.com.br</span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section_pointer" pix-name="8_ecourse"></div><div class="pixfort_corporate_2" id="section_corporate_9">
        <div class="contact_section pix_builder_bg" src="images/uploads/condominio-duecon.jpg" style="background-image: url(&quot;http://agenciasolutions.com.br/construtor/construtor/elements/images/2_corporate/map.png&quot;); background-color: rgb(53, 28, 117); padding-top: 0px; padding-bottom: 50px; box-shadow: none; border-color: rgb(68, 68, 68); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; outline-offset: -3px;">
            <div class="container">
                <div class="sixteen columns pix_inline_block">
                    <div class="eight columns  alpha">
                        <div class="headtext_style"><span class="editContent" style="">Visite-nos</span></div>
                        <p class="subtext_style editContent">Avenida Santo Amaro, 880 Conjunto 12<br>
Vila Nova Conceição
<br>
São Paulo - SP</p>
                        <div class="plan">
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3656.3469572711683!2d-46.67500558594572!3d-23.59188666860333!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce5756564ba38f%3A0x817c4c0726857c80!2sDuecon+Administra%C3%A7%C3%A3o+Condom%C3%ADnios!5e0!3m2!1spt-BR!2sbr!4v1511532307415" style="border:0"></iframe>
                        </div>
                    </div>
                    <div class="eight columns omega">
                        <div class="contact_zone">
                            <div class="headtext_style"><span class="editContent" style="">Entre em contato conosco<br></span></div>
                            <p class="subtext_style editContent">duecon@duecon.com.br<br>
(11)    3845 7007
<br>
<br></p>
                            <div class="contact_st">
                                <form id="contact_form" pix-confirm="hidden_pix_2">
                                    <div id="result" style=""></div>
                                    <input type="text" name="name" id="name" placeholder="Nome" class="pix_text" required="" style="color: rgb(68, 68, 68); font-size: 16px; background-color: rgb(238, 238, 238); font-family: &quot;Open Sans&quot;, sans-serif;">
                                    
                                    <input type="email" name="email" id="email" placeholder="E-mail" class="pix_text" required="" style="color: rgb(68, 68, 68); font-size: 16px; background-color: rgb(238, 238, 238); font-family: &quot;Open Sans&quot;, sans-serif;">
                                    <textarea rows="5" name="message" class="text_area pix_text" placeholder="Sua mensagem aqui" style="color: rgb(68, 68, 68); font-size: 16px; background-color: rgb(238, 238, 238); font-family: HelveticaNeue, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;"></textarea>
                                    <button type="submit" class="subscribe_btn submit_btn_landing pix_text" id="subscribe_btn_2">
                                        <span class="editContent" style="">Enviar</span>
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- container -->
        </div>
    </div>
    <div id="hidden_pix_2" class="confirm_page confirm_page_2">
        <div class="pixfort_corporate_2 big_padding">
            <div class="confirm_header"><span class="editContent"><span class="pix_text">WOW, You Are AWESOME</span></span></div>
            <div class="confirm_text">
                <span class="editContent"><span class="pix_text">Sua mensagem foi enviada e será respondida o mais rápido possível.</span></span>
            </div>
            <div class="center_text padding_bottom_60">
                <ul class="bottom-icons confirm_icons center_text big_title pix_inline_block">
                    <li><a class="pi pixicon-facebook6 white" href="#fakelink"></a></li>
                    <li><a class="pi pixicon-twitter6 white" href="#fakelink"></a></li>
                    <li><a class="pi pixicon-googleplus7 white" href="#fakelink"></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="section_pointer" pix-name="2_corporate"></div><div class="pixfort_business_10" id="section_business_6">
        <div class="envato_unbounce pix_builder_bg" style="background-image: url(&quot;images/uploads/5.png&quot;); background-color: rgb(85, 81, 109); padding-top: 0px; padding-bottom: 0px; box-shadow: none; border-color: rgb(68, 68, 68); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; outline-offset: -3px;">
            <div class="container">
                <div class="sixteen columns ">
                    <div class="cadre_st">
                        <h3 class="L1_style editContent"></h3><h1 src="images/1_normal/logo_1.png" style="color: rgb(1, 32, 60); font-size: 46px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;">Links úteis</h1>
                        
                    </div>
                    <div class="eight columns  alpha ">
                        <div class="box_1 pix_builder_bg" style="background-image: none; padding-top: 0px; padding-bottom: 0px; box-shadow: none; background-size: auto; background-attachment: scroll; background-repeat: repeat; border-color: rgb(238, 238, 238);" src="images/10_business/stars.original.png">
                            <div class="b_style">
                                <img src="images/testimonials/envato-logo.png" class="logo_style" alt="">
                            </div>
                            <div class="txt_style">
                                <p class="editContent"></p><center>
<h2 style="color: rgb(1, 32, 60); font-size: 35px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;" src="images/testimonials/envato-logo.png">Eletropaulo</h2></center><p></p>

                                
                                <span class="env_st"><span class="editContent" style="">www.aeseletropaulo.com.br</span></span>
                            </div>
                        </div><div class="box_1 pix_builder_bg">
                            <div class="b_style">
                                <img src="images/uploads/Brasão_do_estado_de_São_Paulo.jpg" class="logo_style" alt="" style="border-radius: 100%; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 75px; height: 75px;">
                            </div>
                            <div class="txt_style">
                                <p class="editContent"></p><center>
<h2 style="color: rgb(1, 32, 60); font-size: 41px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;" src="images/testimonials/envato-logo.png">Prefeitura    </h2>
</center><p></p>

                                
                                <span class="env_st"><span class="editContent" style="">www.capital.sp.gov.br</span></span>
                            </div>
                        </div><div class="box_1 pix_builder_bg">
                            <div class="b_style">
                                <img src="images/uploads/policia.png" class="logo_style" alt="" style="border-radius: 100%; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 75px; height: 75px;">
                            </div>
                            <div class="txt_style">
                                <p class="editContent"></p><center>
<h2 style="color: rgb(1, 32, 60); font-size: 45px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;" src="images/testimonials/envato-logo.png">Policia</h2>
</center><p></p>

                                
                                <span class="env_st"><span class="editContent" style="">www.policiamilitar.sp.gov.br</span></span>
                            </div>
                        </div>
                    </div>
                    <div class="eight columns  omega">
                        <div class="box_2 pix_builder_bg">
                            <div class="b_style">
                                <img src="images/uploads/water-1560478_640.png" class="logo_style" alt="" style="border-radius: 100%; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 75px; height: 75px;">
                            </div>
                            <div class="txt_style">
                                <p class="editContent"></p><center>
<h2 style="color: rgb(1, 32, 60); font-size: 35px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;" src="images/testimonials/envato-logo.png">Sabesp</h2></center><p></p>
                                
                                <span class="env_st"><span class="editContent" style="">www.sabesp.com.br</span></span>
                            </div>
                        </div><div class="box_2 pix_builder_bg">
                            <div class="b_style">
                                <img src="images/uploads/stove-2814568_640.png" class="logo_style" alt="" style="border-radius: 100%; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 75px; height: 75px;">
                            </div>
                            <div class="txt_style">
                                <p class="editContent"></p><center>
<h2 style="color: rgb(1, 32, 60); font-size: 35px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;" src="images/testimonials/envato-logo.png">Comgás</h2></center><p></p>
                                
                                <span class="env_st"><span class="editContent" style="">www.comgas.com.br</span></span>
                            </div>
                        </div><div class="box_2 pix_builder_bg">
                            <div class="b_style">
                                <img src="images/uploads/architecture-2256489_640.jpg" class="logo_style" alt="" style="border-radius: 100%; border-color: rgb(68, 68, 68); border-style: none; border-width: 1px; width: 75px; height: 75px;">
                            </div>
                            <div class="txt_style">
                                <p class="editContent"></p><center>
<h2 style="color: rgb(1, 32, 60); font-size: 35px; background-color: rgba(0, 0, 0, 0); font-family: &quot;Open Sans&quot;, sans-serif;" src="images/testimonials/envato-logo.png">Secovi</h2></center><p></p>
                                
                                <span class="env_st"><span class="editContent" style="">www.secovi.com.br</span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section_pointer" pix-name="10_business"></div><div class="dark big_padding pix_builder_bg" id="section_social_2_dark" src="images/uploads/condominio-duecon.jpg" style="background-image: none; background-color: rgb(68, 68, 68); padding-top: 60px; padding-bottom: 60px; box-shadow: none; border-color: rgb(255, 255, 255); background-size: auto; background-attachment: scroll; background-repeat: repeat;">
        <div class="container">
            <div class="sixteen columns ">
                <div class="center_text title_70">
                    <a class="pi normal_gray margin_h pixicon-facebook2" href="https://www.facebook.com/Dueconadm/" style="color: rgb(187, 187, 187); font-size: 70px; background-color: rgba(0, 0, 0, 0);"></a>
                    <a class="pi normal_gray margin_h pixicon-twitter2" href="https://twitter.com/Dueconadm" style="color: rgb(187, 187, 187); font-size: 70px; background-color: rgba(0, 0, 0, 0);"></a>
                    <a class="pi normal_gray margin_h pixicon-dribbble2" href="http://dueconadm.blogspot.com.br/2017/" style="color: rgb(187, 187, 187); font-size: 70px; background-color: rgba(0, 0, 0, 0);"></a>
                </div>
            </div>
        </div>
    </div></div>

<!-- JavaScript
================================================== -->
<script src="js-files/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="js-files/jquery.easing.1.3.js" type="text/javascript"></script>
<script type="text/javascript" src="js-files/jquery.common.min.js"></script>
<script src="js-files/ticker.js" type="text/javascript"></script>
<script src="js-files/custom1.js" type="text/javascript"></script>
<script src="assets/js/smoothscroll.min.js" type="text/javascript"></script>
<script src="assets/js/appear.min.js" type="text/javascript"></script>
<script src="js-files/jquery.ui.touch-punch.min.js"></script>
<script src="js-files/bootstrap.min.js"></script>
<script src="js-files/bootstrap-switch.js"></script>
<script src="js-files/custom3.js" type="text/javascript"></script>


<script src="assets/js/appear.min.js" type="text/javascript"></script>
<script src="assets/js/animations.js" type="text/javascript"></script>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Fico bugado o código e impossível visualizar o menu, irei instruir os códigos para fazer o menu:

 

você precisa adicionar no css do menu;

position: fixed;
width:100%;
height: 90px;

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por ILR master
      Fala pessoal, tudo bem?
       
      Eu tenho o seguinte código:
       
      <script>
         $(function(){
      var jElement = $('.fixar_banner');
      $(window).scroll(function(){
          if ( $(this).scrollTop() > 120 ){
              jElement.css({
                  'position':'fixed',
                  'top':'10px'
              });
          }else{
              jElement.css({
                  'position':'relative',
                  'top':'auto'
              });
          }
      });
      });
      </script>
       
      Porém, eu quero que a div fique fixa até que outro elemento apareça na tela, tipo o rodapé da página por exemplo. É mais ou menos como a página de notícia do uol.
      https://noticias.uol.com.br/internacional/ultimas-noticias/2025/01/19/sonho-americano-brasileiros-moram-em-carro-e-buscam-comida-no-lixo-nos-eua.htm
       
      Espero ter sido claro.
       
      Obrigado :)
       
    • Por Jack Oliveira
      Ola estou fazendo um instalador de banco de dados 
       
      em parte funciona  
       
      Mas quando uso o
      <<<HTML
       
      HTML;
       
      Ele fica com estas informações no top
       
      7.4 ao 8.38.0.28512MOnOnOnOffOffOnOffOffOnOnOnOnOnprogress-bar-success
       
      <?php $MeuHtml = <<<HTML <!DOCTYPE html> <html> <head><meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Instalação {$autor}</title> <link rel="icon" href="{$urlApi}api/allinstall/assets/icone.png?v={$versao}" sizes="32x32"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <link rel="stylesheet" href="{$urlApi}api/allinstall/assets/css/app.css?v={$versao}"> <style type="text/css"> .license { background-color: #FFF; height: 400px; width: 100%; margin: 10px; } .form-control{ margin-bottom: 5px; } #primary{background: #FF6403} .paper-card{background: #272c33} .card{background: none;} .sw-theme-circles>ul.step-anchor:before{background-color: #30363d} .sw-theme-circles>ul.step-anchor>li>a{border: 3px solid #30363d} .sw-theme-circles>ul.step-anchor>li>a{background: #f5f5f5; min-width: 50px; height: 50px; text-align: center; -webkit-box-shadow: inset 0 0 0 3px #fff!important; box-shadow: inset 0 0 0 3px #fff!important; text-decoration: none; outline-style: none; z-index: 99; color: #999; background: #fff; line-height: 2; font-weight: bold;} .sw-theme-circles>ul.step-anchor>li{margin-left: 15%;} .card-header{border-bottom: 0} .table-striped tbody tr:nth-of-type(odd){background-color: #30363d;} .table-bordered{border: 1px solid #30363d;} .table-bordered td, .table-bordered th { border: 1px solid #30363d; } </style> </head> <body class="light loaded"> <div id="app"> <main> <div id="primary" class="p-t-b-100 height-full"> <div class="container"> <div class="row"> <div class="col-lg-8 mx-md-auto paper-card"> <div class="text-center"> <img class="img-responsive" src="{$urlApi}api/allinstall/assets/{$imagem}?v={$versao}"> <p><strong><H3>Instalação {$projeto} | V: {$versao}</H3></strong></p> </div> HTML; if (!isset($_GET['step']) || $_GET['step'] == '1') { $MeuHtml .= <<<HTML <div class="card no-b"> <div class="card-header pb-0"> <div class="stepper sw-main sw-theme-circles" id="smartwizard" data-options='{ "theme":"sw-theme-circles", "transitionEffect":"fade" }'> <ul class="nav step-anchor"> <li><a href="#step-1y">1</a></li> <li><a href="#step-2y">2</a></li> <li><a href="#step-3y">3</a></li> <li><a href="#step-4y">4</a></li> </ul> </div> </div> <div class="card-body"> <h6><b>Configurações do Servidor</b></h6><br> <table class="table table-condensed table-bordered table-striped"> <tr> <th>Função / Extensão</th> <th>Config. Necessária</th> <th>Config. Atual</th> <th width="50px">Status</th> </tr> <tr> <td>Versão do PHP</td> <td> HTML; echo $php7. ' ao '.$php8; $MeuHtml .= <<<HTML </td> <td> HTML; echo phpversion(); $MeuHtml .= <<<HTML </td> <td> HTML; if(phpversion() >= $php7 && phpversion() <= $php8) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> HTML; $MeuHtml .= <<<HTML <tr> <td>Memória do PHP</td> <td>128MB</td> <td> HTML; echo $mem = ini_get('memory_limit'); $MeuHtml .= <<<HTML </td> <td> HTML; if($mem >= 128) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>cURL</td> <td>On</td> <td> HTML; if(function_exists('curl_init')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(function_exists('curl_init')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>Allow URL fopen</td> <td>On</td> <td> HTML; if(ini_get('allow_url_fopen')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(ini_get('allow_url_fopen')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>File Get Contents</td> <td>On</td> <td> HTML; if(function_exists('file_get_contents')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(function_exists('file_get_contents')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>Sessão Auto Start</td> <td>Off</td> <td> HTML; if(ini_get('session_auto_start')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(!ini_get('session_auto_start')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>Safe Mode</td> <td>Off</td> <td> HTML; if(ini_get('safe_mode')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(!ini_get('safe_mode')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>Short Open Tags</td> <td>On</td> <td> HTML; if(ini_get('short_open_tag')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(ini_get('short_open_tag')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>Magic Quotes GPC</td> <td>Off</td> <td> HTML; if(ini_get('magic_quotes_gpc')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(!ini_get('magic_quotes_gpc')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>Register Globals</td> <td>Off</td> <td> HTML; if(ini_get('register_globals')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(!ini_get('register_globals')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>PHPMail</td> <td>On</td> <td> HTML; if(function_exists('mail')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(function_exists('mail')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { $i = $i + 1; echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>MySQLi</td> <td>On</td> <td> HTML; if(extension_loaded('mysqli')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(extension_loaded('mysqli')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>ZIP</td> <td>On</td> <td> HTML; if(extension_loaded('zip')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(extension_loaded('zip')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>MBString</td> <td>On</td> <td> HTML; if(extension_loaded('mbstring')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(extension_loaded('mbstring')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> <tr> <td>XML</td> <td>On</td> <td> HTML; if(extension_loaded('libxml')) { echo 'On'; } else { echo 'Off'; } $MeuHtml .= <<<HTML </td> <td> HTML; if(extension_loaded('libxml')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> </table> <hr> <h6><b>Diretórios e Permissões de Arquivos</b></h6><br> <table class="table table-condensed table-bordered table-striped"> <tr> <th>Diretório</th> <th style="width: 40px">Status</th> </tr> <tr> <td>database</td> <td> HTML; if(is_writable('database')) { $i = $i + 1; echo '<button type="button" class="btn btn-success"><i class="icon-check"></i></button>'; } else { echo '<button type="button" class="btn btn-danger"><i class="icon-close"></i></button>'; } $MeuHtml .= <<<HTML </td> </tr> </table> <hr> <h6><b>Pontuação / Compatibilidade</b></h6><br> <div class="progress"> <div class="progress-bar progress-bar-striped progress-bar-animated HTML; echo ProgressBar(substr(VerificaPontuacao($i,'16'),0,4)); $PontPorce = VerificaPontuacao($i,'16'); $pont100 = substr(VerificaPontuacao($i,'16'),0,4); $MeuHtml .= <<<HTML " role="progressbar" aria-valuemax="100" style="width: {$PontPorce}%;"> <strong>{$pont100} / 100</strong> </div> </div> <center> <br> <button class="btn btn-primary" onclick="document.location.href='{$URL}?step=1';">Verificar</button> <button class="btn btn-primary" onclick="document.location.href='{$URL}?step=2';">Próximo</button> </center> </div> </div> HTML; } elseif (isset($_GET['step']) && $_GET['step'] == '2') { $MeuHtml .= <<<HTML <div class="card no-b"> <div class="card-header pb-0"> <div class="stepper sw-main sw-theme-circles" id="smartwizard" data-options='{ "theme":"sw-theme-circles", "transitionEffect":"fade" }'> <ul class="nav step-anchor"> <li><a href="#step-1y">1</a></li> <li class="active"><a href="#step-2y">2</a></li> <li><a href="#step-3y">3</a></li> <li><a href="#step-4y">4</a></li> </ul> </div> </div> <div class="card-body "> <iframe src="{$urlApi}api/allinstall/termos.php{$Frame}" class="license" frameborder="0" scrolling="auto"></iframe> <form action="setup.php"> <input type="hidden" name="step" value="3"> <label><input type="checkbox" required=""> Sim, eu aceito</label> <center> <br> <a href="javascript:history.back()"><button class="btn btn-primary">Voltar</button></a> <button class="btn btn-primary" type="submit">Próximo</button> </center> </form> </div> </div> HTML; } elseif (isset($_GET['step']) && $_GET['step'] == '3') { $MeuHtml .= <<<HTML <div class="card no-b"> <div class="card-header pb-0"> <div class="stepper sw-main sw-theme-circles" id="smartwizard" data-options='{ "theme":"sw-theme-circles", "transitionEffect":"fade" }'> <ul class="nav step-anchor"> <li><a href="#step-1y">1</a></li> <li class="active"><a href="#step-2y">2</a></li> <li class="active"><a href="#step-3y">3</a></li> <li><a href="#step-4y">4</a></li> </ul> </div> </div> <div class="card-body"> <form method="post" action="?InstallDB"> <h6><b>1. MySQL - Configuração do Banco de Dados</b></h6><hr> <div class="form-group row"> <label class="col-sm-3 control-label">MySQL Host:</label> <div class="col-sm-9"> <input class="form-control" name="dbhost" value="localhost" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Usuário MySQL:</label> <div class="col-sm-9"> <input class="form-control" name="dbuser" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Senha MySQL:</label> <div class="col-sm-9"> <input class="form-control" name="dbpass"> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Nome do Banco MySQL:</label> <div class="col-sm-9"> <input class="form-control" name="dbname" required> </div> </div> <h6><b>2. Configuração Comum</b></h6><hr> <div class="form-group row"> <label class="col-sm-3 control-label">Nome do Site:</label> <div class="col-sm-9"> <input class="form-control" name="nomesite" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">URL do Site:</label> <div class="col-sm-9"> <input class="form-control" name="urlsite" value="{$urlsite}" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">URL de Instalação:</label> <div class="col-sm-9"> <input class="form-control" name="siteurl" value="{$siteurl}" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Extensão:</label> <div class="col-sm-9"> <select class="form-control" name="extensao" required> <option value=""> Selecionar Extensão </option> <option value="1"> MYSQLI </option> <option value="2"> PDO </option> </select> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Define TimeZone:</label> <div class="col-sm-9"> <select class="form-control" name="timezone" id="timezone"> HTML; foreach ($timezones as $timezone) : echo '<option value="'.$timezone.'" '.$timezone === $current_timezone ? 'selected' : ''.'> '.$timezone.' </option>'; endforeach; $MeuHtml .= <<<HTML </select> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">E-mail:</label> <div class="col-sm-9"> <input class="form-control" name="email" required> <em>Mesmo e-mail cadastrado em nosso Site.</em> </div> </div> <h6><b>3. Configuração do Administrador</b></h6><hr> <div class="form-group row"> <label class="col-sm-3 control-label">Nome do Usuário:</label> <div class="col-sm-9"> <input class="form-control" name="usuario" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Login:</label> <div class="col-sm-9"> <input class="form-control" name="login" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Senha:</label> <div class="col-sm-9"> <input class="form-control" type="password" name="senha" required> </div> </div> <div class="form-group row"> <label class="col-sm-3 control-label">Senha[confimação]:</label> <div class="col-sm-9"> <input class="form-control" type="password" name="senhaconfirm" required> </div> </div> <center> <a class="btn btn-primary" href="javascript:history.back()">Voltar</a> <button class="btn btn-primary">Próximo</button> </center> </form> </div> </div> HTML; } elseif (isset($_GET['step']) && $_GET['step'] == '4') { $MeuHtml .= <<<HTML <div class="card no-b"> <div class="card-header pb-0"> <div class="stepper sw-main sw-theme-circles" id="smartwizard" data-options='{ "theme":"sw-theme-circles", "transitionEffect":"fade" }'> <ul class="nav step-anchor"> <li><a href="#step-1y">1</a></li> <li class="active"><a href="#step-2y">2</a></li> <li class="active"><a href="#step-3y">3</a></li> <li class="active"><a href="#step-4y">4</a></li> </ul> </div> </div> <div class="card-body"> <div> <h4><b>Instalação realizada com sucesso!</b></h4> <p>Agora você poderá utilizar o seu {$projeto}, em caso de dúvidas entre em contato com o suporte: <b>{$emailautor}</b></p> </div> <center> <form action="{$URL}?step=4" method="post"> <button type="submit" name="realizar_login" class="btn btn-primary">Realizar Login</button> </form> </center> </div> </div> HTML; } if (isset($_POST['realizar_login'])) { // Deletar os arquivos @unlink('setup.php'); @unlink($URL); @unlink('termos.php'); @unlink('database/BD.sql'); @unlink('controller/setup.php'); // Redirecionar para a página de login ou outra página desejada header('Location: login.php?finish'); exit; } $MeuHtml .= <<<HTML <div class="box-footer"> <center> Todos os Direitos Reservados {$autor} </center> </div> </div> </div> </div> </div> </main> </div> <script src="{$urlApi}api/allinstall/assets/js/app.js"></script> </body> </html> HTML; echo $MeuHtml;  
    • Por Jack Oliveira
      Ola pessoal, boa noite a todos
       
      Bom é o seguinte tenho um codigo html onde selecione um modelo de site para poder criar na base selecionada, ele criar ate então, mas ele esta pegando somente o index.html
      Mas quero que ele salva junto ao novo projeto o css, js, img, images, assets e fonts, quando faço os ajuste para que pega tudo isso ele me da erro ao salvar 
      Vou mostra parte do html onde faz a seleção dos modelos
       
      <!-- new page modal--> <div class="modal fade" id="new-page-modal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <form id="newPageForm" method="POST" action="save.php"> <div class="modal-content"> <div class="modal-header"> <h6 class="modal-title text-primary fw-normal"><i class="la la-lg la-file"></i> Nova página</h6> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> </button> </div> <div class="modal-body text"> <div class="mb-3 row" data-key="type"> <label class="col-sm-3 col-form-label"> Modelo <abbr title="O conteúdo deste modelo será usado como ponto de partida para o novo modelo"> <i class="la la-lg la-question-circle text-primary"></i> </abbr> </label> <div class="col-sm-9 input"> <div> <select class="form-select" name="startTemplateUrl"> <option value="themes/modelo-branco/branco-template.html">Modelo em branco</option> <option value="themes/modelo1/index.html">Modelo 1 de L2</option> <option value="themes/modelo2/index.html">Modelo 3 de L2</option> <option value="themes/modelo3/index.html">Modelo 3 de L2 </option> </select> </div> </div> </div> <div class="mb-3 row" data-key="href"> <label class="col-sm-3 col-form-label">Nome da página</label> <div class="col-sm-9 input"> <div> <input name="title" type="text" value="Minha página" class="form-control" placeholder="Minha página" required> </div> </div> </div> <div class="mb-3 row" data-key="href"> <label class="col-sm-3 col-form-label">Nome do arquivo</label> <div class="col-sm-9 input"> <div> <input name="file" type="text" value="my-page.html" class="form-control" placeholder="index.html" required> </div> </div> </div> <div class="mb-3 row" data-key="href"> <label class="col-sm-3 col-form-label">Salvar na pasta</label> <div class="col-sm-9 input"> <div> <input name="folder" type="text" value="my-pages" class="form-control" placeholder="/" required> </div> </div> </div> </div> <div class="modal-footer"> <button class="btn btn-secondary btn-lg" type="reset" data-bs-dismiss="modal"><i class="la la-times"></i> Cancelar</button> <button class="btn btn-primary btn-lg" type="submit"><i class="la la-check"></i> Criar página</button> </div> </div> </form> </div> </div> A ideia aqui é salvar tudo que tiver depois do themes/demo1/
      quando ele salva so salva 
      my-pasta/index.html
      e quando for salva ele salva dentro de um pasta Projetos/MeuSite1
      Projetos/MeuSite2  e assim vai
      Este é o save.php
       
      <?php define('MAX_FILE_LIMIT', 1024 * 1024 * 2);//Tamanho máximo de arquivo HTML de 2 megabytes define('ALLOW_PHP', false);//verifique se o html salvo contém tag php e não salve se não for permitido define('ALLOWED_OEMBED_DOMAINS', [ 'https://www.youtube.com/', 'https://www.vimeo.com/', 'https://www.twitter.com/' ]);//carregar URLs apenas de sites permitidos para oembed function sanitizeFileName($file, $allowedExtension = 'html') { $basename = basename($file); $disallow = ['.htaccess', 'passwd']; if (in_array($basename, $disallow)) { showError('Nome de arquivo não permitido!'); return ''; } //sanitize, remova o ponto duplo .. e remova os parâmetros get, se houver $file = preg_replace('@\?.*$@' , '', preg_replace('@\.{2,}@' , '', preg_replace('@[^\/\\a-zA-Z0-9\-\._]@', '', $file))); if ($file) { $file = __DIR__ . DIRECTORY_SEPARATOR . $file; } else { return ''; } //permitir apenas extensão .html if ($allowedExtension) { $file = preg_replace('/\.[^.]+$/', '', $file) . ".$allowedExtension"; } return $file; } function showError($error) { header($_SERVER['SERVER_PROTOCOL'] . ' 500 Internal Server Error', true, 500); die($error); } function validOembedUrl($url) { foreach (ALLOWED_OEMBED_DOMAINS as $domain) { if (strpos($url, $domain) === 0) { return true; } } return false; } $html = ''; $file = ''; $action = ''; if (isset($_POST['startTemplateUrl']) && !empty($_POST['startTemplateUrl'])) { $startTemplateUrl = sanitizeFileName($_POST['startTemplateUrl']); $html = ''; if ($startTemplateUrl) { $html = file_get_contents($startTemplateUrl); } } else if (isset($_POST['html'])){ $html = substr($_POST['html'], 0, MAX_FILE_LIMIT); if (!ALLOW_PHP) { //if (strpos($html, '<?php') !== false) { if (preg_match('@<\?php|<\? |<\?=|<\s*script\s*language\s*=\s*"\s*php\s*"\s*>@', $html)) { showError('PHP não permitido!'); } } } if (isset($_POST['file'])) { $file = sanitizeFileName($_POST['file']); } if (isset($_GET['action'])) { $action = htmlspecialchars(strip_tags($_GET['action'])); } if ($action) { //ações do gerenciador de arquivos, excluir e renomear switch ($action) { case 'rename': $newfile = sanitizeFileName($_POST['newfile']); if ($file && $newfile) { if (rename($file, $newfile)) { echo "Arquivo '$file' renomeado para '$newfile'"; } else { showError("Erro ao renomear arquivo '$file' renomeado para '$newfile'"); } } break; case 'delete': if ($file) { if (unlink($file)) { echo "Arquivo '$file' excluído"; } else { showError("Erro ao excluir arquivo '$file'"); } } break; case 'saveReusable': //bloco ou seção $type = $_POST['type'] ?? false; $name = $_POST['name'] ?? false; $html = $_POST['html'] ?? false; if ($type && $name && $html) { $file = sanitizeFileName("$type/$name"); if ($file) { $dir = dirname($file); if (!is_dir($dir)) { echo "$dir pasta não existe\n"; if (mkdir($dir, 0777, true)) { echo "$dir pasta foi criada\n"; } else { showError("Erro ao criar pasta '$dir'\n"); } } if (file_put_contents($file, $html)) { echo "Arquivo salvo '$file'"; } else { showError("Erro ao salvar arquivo '$file'\nAs possíveis causas são falta de permissão de gravação ou caminho de arquivo incorreto!"); } } else { showError('Nome de arquivo inválido!'); } } else { showError("Faltam dados de elementos reutilizáveis!\n"); } break; case 'oembedProxy': $url = $_GET['url'] ?? ''; if (validOembedUrl($url)) { header('Content-Type: application/json'); echo file_get_contents($url); } else { showError('URL inválida!'); } break; default: showError("Ação inválida '$action'!"); } } else { //salvar pagina if ($html) { if ($file) { $dir = dirname($file); if (!is_dir($dir)) { echo "$dir pasta não existe\n"; if (mkdir($dir, 0777, true)) { echo "$dir pasta foi criada\n"; } else { showError("Erro ao criar pasta '$dir'\n"); } } if (file_put_contents($file, $html)) { echo "Arquivo salvo '$file'"; } else { showError("Erro ao salvar arquivo '$file'\nAs possíveis causas são falta de permissão de gravação ou caminho de arquivo incorreto!"); } } else { showError('O nome do arquivo está vazio!'); } } else { showError('O conteúdo HTML está vazio!'); } } Espero que possam entender o que preciso aqui....  fico no aguardo!  quando eu tento mudar a forma de salva no php, ele me da erro de que não foi salvo, e volta ao orginal como esta ai acima ele salva, talvez eu esteja escapando alguma coisa que não estou vendo.... 
    • Por juliosonic
      Boa noite..
      Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica em Curitiba
      Tantra Curitiba
      Massagem Tântrica
      Tantra
      Julio Darshan

      Obrigado
      Att
      Julio Cezar
       
       
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.