Jump to content
Marcus Roberto

Fundo Cabeçalho do site

Recommended Posts

Fala Galera! Sou bem leigo em html e css, e estou com uma dúvida que pode ser simples, mas realmente estou tendo dificuldades.

 

Fiz um site de casamento para minha irmã usando o wordpress, pela facilidade. O site está pronto, só que no cabeçalho eu gostaria de fazer uma modificação.

Vou deixar um print para vocês verem o cabeçalho. O que acontece é que eu coloquei a imagem logo lá pelo painel do wordpress mesmo, só que ficou estranho o contraste com o branco de fundo. Gostaria de saber se há alguma maneira de deixar todo o fundo do cabeçalho com o mesmo fundo da imagem logo. Se sim, em qual arquivo tenho que ir? o header.php ou o styles.css? E o que devo procurar? Pois eu ja tentei ir no arquivo header.php e colocar no <body> o mesmo fundo da logo, usando background-image:url(), mas não funcionou, acho que não é desse modo. 

 

Se puder me ajudar por favor, obrigado!

 

LINK DO PRINT: https://ibb.co/icAKUx

Share this post


Link to post
Share on other sites

Problema

  1. Temos que localizar o seletor adequado no header.php, para aplicar cor de fundo;
  2. Temos que aplicar os estilos CSS no arquivo styles.css.

Primeiros passos

 

Precisamos que você copie e cole aqui os códigos do arquivos header.php e style.css.

 

Tentando se virar


Além do mais, pode ir tentando resolver o problema, usando a seguinte propriedade (no arquivo CSS):

background-color: rgb(168, 187, 163);

Estude mais, sobre essa propriedade:

Share this post


Link to post
Share on other sites
/* Table of Content
==================================================
	00. CSS Reset
	01. Basic Styles & Typography (header, paragraph, blockquote, lists, links, tables etc.)
    02. Page Layout & Grids
	03. Header (logo, main navigation, search field)
	04. Content
	05. Sidebar
	06. Prefooter & Footer
	07. Forms & Buttons
	08. Generic styles & WordPress Styles


/* 00. CSS Reset (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }
ol, ul {
    list-style: none; }
blockquote, q {
    quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none; }
table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0.75em 0;
}
table th, table td {
    padding: 0.75em 8px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #dddddd;
}
table th {

    color: #ffffff;
    border-bottom: none;
    font-weight: 600;
}

/* 01. Basic Styles & Typography
================================================== */
body {
    font-size: 87.5%;
    line-height: 1.5;
    font-family: PT Serif, Georgia, serif;
    color: #797979;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}


/* Typography */
h1, h2, h3, h4, h5, h6 {
    color: #404040;
    font-family: "Raleway", Arial, sans-serif;
    font-weight: 600;
    margin: 0.75em 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 2em; } /* 28px */
h2 { font-size: 1.7143em; line-height: 1.9em; } /* 24px */
h3 { font-size: 1.5em; line-height: 1.2em; } /* 21px */
h4 { font-size: 1.2857em; } /* 18px */
h5 { font-size: 1.143em; line-height: 2em; } /* 16px */
h6 { font-size: 1.143em; line-height: 2em; } /* 16px */

p { margin-bottom: 1.5em; }
p img { margin: 0; }
p:empty { display: none; }

em, i { font-style: italic; font-size: 0.8751em; }
strong, b { font-weight: bold; }
small { font-size: 0.7142em; }

/*	Blockquotes  */
blockquote, blockquote p { font-size: 1.075em; line-height: 1.8; color: #777; font-style: italic; }
blockquote p { margin: 0; }
blockquote blockquote { font-size: 1em;}
blockquote { margin: 0 0 1.5em; padding: 0.75em 1.5em; border-left: 3px solid #ddd; }
blockquote cite { display: block; font-size: 0.8751em; color: #555; margin-top: 0.75em;}
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 0.75em 0 1.25em; height: 0; }


/* #Links */
a {
   transition: color 150ms linear;
    -moz-transition: color 150ms linear;
    -webkit-transition: color 150ms linear;
    -o-transition: color 150ms linear;
}
a, a:visited { text-decoration: none; outline: 0; }
p a, p a:visited { line-height: inherit; }


/* #Lists */
ol { list-style: decimal; margin: 0 0 1.5em 24px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 0.75em 0 0.75em 30px; }
ul ul li, ul ol li,
li { margin-bottom: 0.75em; }

/* Images */

.widget img, .page-content img, .entry-content img, .comment-content img{
    max-width:100%;
    height:auto;
}

/* 02. Page Layout
================================================== */
#page {
    width: 1008px;
    margin: 2em auto 0;
}
#page:after {
    content: '';
    width: 1008px;
    height: 30px;
    background-image: url("images/hfbg_1.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
    display: block;
}
#page:before {
    content: '';
    width: 1008px;
    height: 35px;
    background-image: url("images/hfbg_1.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    display: block;
}
#header {
    background-image: url("images/contentbg_1.png");
    background-repeat: repeat-y;
    background-position: top left;
    background-size: contain;
    position: relative;
}
#main {
    background-image: url("images/contentbg_1.png");
    background-repeat: repeat-y;
    background-position: top left;
    background-size: contain;
    padding: 3em 34px;
    overflow: hidden;
}
#primary {
    width: 600px;
    float: left;
}
.full-width #primary {
    width: 100%;
    float: none;
}
#sidebar {
    width: 300px;
    float: right;
}
#prefooter {
    background: url("images/contentbg.png");
    background-repeat: repeat-y;
    background-position: top left;
    position: relative;
}
    #prefooter-inner {
        margin: 0 4px;
        background-image: url("images/menu-border.png");
        background-repeat: repeat-x;
        background-position: top left;
        padding: 3em 34px 0;
    }
    #prefooter-inner > div:last-child {
        margin-right: 0;
    }

#footer {
    margin: 0.916em auto;
    width: 1000px;
    text-align: center;
    font-size: 85%;
}

/* Grid */
.row { clear: both; overflow: hidden; }

.one-half, .one-third, .two-third, .three-fourth, .one-fourth  {height:auto !important; min-height:1px; margin-right:2.6%; float:left; position:relative;}
.one-half {width:48%;}
.one-third {width:30.666%;}
.two-third {width:65.332%;}
.one-fourth {width:23%;}
.two-fourth {width:48%;}
.three-fourth {width:74%;}
.last {margin-right:0px !important; clear:right;}
.two-third.last {width:65.334%;}

/* 03. Header
================================================== */
.site-branding {
    text-align: center;
}
.site-branding img {
    max-width: 100%;
}
.site-title {
    font-family: 'Niconne', cursive;
    font-size: 40px;
    margin: 0;
    font-weight: 400;
}
.site-description {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 0.857em;
    font-weight: normal;
    margin: 0 0 2em 0;
    letter-spacing: 0.2em;
}

/* Main Navigation */
#nav-wrapper {
    text-align: center;
    position: relative;

}
nav#main-nav {
    margin: 0 auto;
    display: inline-block;
    width: 94%;
}
nav#main-nav > ul:before, nav#main-nav > ul:after  {
    content: '';
    width: 100%;
    height: 6px;
    display: block;
    background: url("images/menu-border.png") repeat-x top left;
}
nav#main-nav > ul {
    text-align: center;
}
nav#main-nav > ul > li {
    display: inline-block;
    margin: 0;
    position: relative;
    padding:  0;
}
nav#main-nav > ul > li:after { content: ' \2022'; color: #d2d2d2; }
nav#main-nav > ul > li:last-child:after { content: ''; }
nav#main-nav > ul > li > a {
    padding:8px 24px;
    color: #666666;
    display: inline-block;
    font-size: 0.857em;
    text-transform:uppercase;
    text-shadow: 1px 1px 0 #EAE1D8;
    text-align:center;
    text-decoration:none;
}
nav#main-nav > ul > li > a:hover {text-decoration:none;}

#nav-wrapper .ribbon-left {
    position: absolute;
    top: -9px;
    left: -20px;
    width: 41px;
    height: 65px;
}
#nav-wrapper .ribbon-right {
    position: absolute;
    top: -9px;
    right: -20px;
    background-position: top right;
    width: 41px;
    height: 65px;
}

/* Submenus */
nav#main-nav ul ul {
    width: 180px;
    display:none;
    position:absolute;
    top: 19px;
    left: -10px;
    z-index: 10;
    margin: 0;
}
nav#main-nav ul ul li {
    display:block;
    position:relative;
    background-color:#ffffff;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px dashed #e1e1e1;
    margin:0;
}
nav#main-nav ul ul li:last-child {
    border-bottom: 1px solid #e1e1e1;
}

nav#main-nav ul ul li a {
    padding:11px 6px 12px 6px;
    display:block;
    font-size:11px;
    color:#a7a7a7;
    text-transform: uppercase;
    line-height:1.4em;
    text-decoration: none;
}
nav#main-nav ul ul a:hover { text-decoration:none; }
nav#main-nav ul ul li:hover { background-color:#f8f8f8; }
nav#main-nav li:hover > ul {display:block;}
nav#main-nav > ul > li > ul { margin: 0 0 0 12px; }
nav#main-nav > ul > li > ul:before {
    content: ' ';
    width: 0;
    height: 0;
    position: relative;
    top: -3px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}
nav#main-nav > ul > li > ul > li:first-child li:first-child {border-top:0px;}
nav#main-nav ul ul ul {
    padding-top:0px;
    left:178px;
    top:-1px;
    border-top:1px solid #e1e1e1;
}
nav#main-nav ul ul li:first-child > ul {top:0px; border-top:0px;}


/* 04.Content
================================================== */

/* Post excerpt */
article.excerpt {
    border-bottom: 3px double #eee;
    margin-bottom: 2em;
    padding-bottom: 2em;
}
article.firstfull {
    border-bottom: 3px double #eee;
    margin-bottom: 2em;
}
.post-thumbnail {
    float: left;
    margin-right: 24px;
}
.entry-header, .page-header {
    text-align: center;
}
.entry-title, .page-title {
    font-size: 1.5em;
    font-weight: 400;
    margin: 0;
}
.page-header {
    padding-bottom: 1em;
    margin-bottom: 2em;
    background: url("images/border.png") no-repeat bottom center;
}
.taxonomy-description p {
    margin: 0.75em 0;
}
.entry-meta {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 0.786em;
    line-height: 3.818em;
    text-align: center;
    background: url("images/border.png") no-repeat bottom center;
}

.excerpt .entry-meta {
    background: none;
}
.entry-meta.bottom {
    padding: 1.5em 0;
    line-height: 1.5em;
    margin-bottom: 1.909em;
}
.entry-meta span { background: #fff; }
footer.entry-meta {
    background: url("images/border.png") no-repeat top center;
    margin-top: 8px;
    padding-top: 8px;
}
.entry-summary, .entry-content, .page-content {
    margin: 1.5em 0 1.5em;
}
.entry-author {
    clear: both;
    overflow: hidden;
}
.section {
    margin: 0 0 1.5em 0;
}
.section-title {
    text-transform: uppercase;
    font-size: 0.857em;
    line-height: 1.75em;
    margin: 0 0 1em 0;
    font-weight: normal;
    text-align: center;
    background: url("images/border.png") repeat-x center center;
}
.section-title span {
    background: #fff;
    padding: 0 12px;
}
.entry-author img.avatar {

    border-radius: 50%;
    float: left;
    margin-right: 12px;
}
.entry-author .author-content{
    margin-left: 100px;
}
.more-link {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 0.786em;
    line-height: 3.818em;
    text-align: center;
    display: block;
}

.wp-pagenavi {
    clear: both;
    display: block;
    text-align: right;
    width: 600px;
    padding: 0 0 1.5em 0;
    position: relative;
    width: 100%;
}

.wp-pagenavi .pages {
    font-size: 12px;
    float: left;
    text-align: left;
    width: 150px;
    margin: 0;
    padding: 0;
}

.wp-pagenavi a, .wp-pagenavi span {
    margin: 0 3px 0 0;
    padding: 0 5px 0;
    text-decoration: none;
    border: none;
}
.entry-content .page-links {
    margin: 12px 0;
    text-align: center;
    clear: both;
}

/* FlexSlider */
.flexslider { min-height: 100px;  border: none; position: relative; zoom: 1; margin-bottom: 1.5em; }
.flexslider .slides li { margin-bottom: 0 !important; }
.flexslider .slides li p { margin: 0 !important; }
.flexslider .slides > li {position: relative; margin-left: 0; }
.flex-container { zoom: 1; position: relative; }
.flexslider .slides img { height: auto; max-width: 100%; width: auto !important; margin: 0 auto; }
.flex-direction-nav, .flex-control-nav, .flex-caption { margin-bottom:0 !important; }

/* Caption style */

.flex-caption {
    position: absolute;
    bottom: 9px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1;
    padding: 10px;
 }
.flex-caption {
    margin-bottom: 0;
    width: 97%;
    text-align: center;
}

/* Direction Nav */

.flex-direction-nav {
	position: absolute;
    z-index: 10;
	width: 100%;
	margin: 0;
	right: 0;
	bottom: 50%;
	height: 31px;
	display: block !important;
}

.flex-direction-nav li a {
	-webkit-transition: none; -moz-transition: none; transition: none;
	-webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease;
}
.flex-direction-nav li a { width: 31px!important; height: 31px; display: block; background: rgba(0,0,0,0.8);  cursor: pointer; text-indent: -9999px; border-radius: 5px; margin-top: -21px;}
.flex-direction-nav li a.flex-next {background-position: -29px 9px; right: 30px !important;}
.flex-direction-nav li a.flex-next:hover {opacity: 1; filter:alpha(opacity=100);}
.flex-direction-nav li a.flex-prev {background-position: 0px 9px; left: 30px !important; }
.flex-direction-nav li a.flex-prev:hover { opacity: 1; filter:alpha(opacity=100); }
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* Control Nav */
.flex-control-nav {
    position: absolute;
    top: 20px;
    left: 50%;
    z-index: 5;
    margin: 0;
    list-style: none;
}
.flex-control-nav li {
    margin: 0 0 0 5px !important;
    display: inline-block !important;
    zoom: 1;
    *display: inline !important;
    display: block;
    float: left;
    margin-left: 5px;
    text-indent: -999px;
}
.flex-control-nav li a {
    width: 10px;
    height: 10px;
    display: block !important;
    border-radius: 5px;
    background-color: #ccc;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: none !important;
    cursor: pointer;
    text-indent: -9999px;
    box-shadow: none !important;
}
.flex-control-nav li a:hover { background: rgba(255,255,255,1) !important; }
.flex-control-nav li a.flex-active { background: rgba(255,255,255,1) !important; cursor: default !important; }

/* Previous/Next article navigation */
.site-content .post-navigation {
    overflow:hidden;
}
.site-content .post-navigation .nav-previous {
    width: 40%;
    margin-right: 5%;
    padding-left: 5%;
    text-align: right;
}
.site-content .post-navigation .nav-next {
    width: 40%;
    margin-left: 5%;
    padding-right: 5%;
    text-align: left;
}

/* YARPP custom styling */
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    border: none !important;
    text-align: center;
}

/* Comments */

#comments {
    overflow: hidden;
}
#comments .section-title {
    text-transform: uppercase;
    font-size: 0.875em;
    font-weight: normal;
    text-align: center;
    background: url("images/border.png") repeat-x center center;
}
#comments .section-title span {
    background: #fff;
    padding: 0 12px;
}
.comment-navigation {
    margin: 12px 0;
}
.comment-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.comment-list .comment-body {
    border-bottom: 1px dashed #eee;
    margin: 0 0 1.5em;
    overflow: hidden;
    padding: 0 0 12px;
}
.comment-list img.avatar {
    float: left;
    margin: 0 10px 0 0;
    padding: 3px;
    border-radius: 50%;
}
.comment-box {
    overflow: hidden;
}
.comment-author {
    font-weight: bold;
}
.comment-meta {
    float: right;
}
.comment-text {
    clear: both;
    margin: 6px 0;
}
.comment-text p{
    margin: 12px 0;
}
ol.children {
    padding: 0 0 0 40px;
    list-style-type: none;
}
#comments ol ul {
    margin-left: 60px;
}
/* Comment Form */

#comment-form input {
    margin-right: 8px;
    float: left;
}
#comment-form div {
    margin-bottom: 10px;
}
#comment-form p.form-submit, form p {
    overflow: hidden;
}

/* 05. Sidebar & Widgets
================================================== */
.widget {
    margin-bottom: 1.5em;
    overflow: hidden;
}
.widget-title {
    background: url("images/border.png") repeat-x 0 11px;
    font-size: 0.857em;
    line-height: 1.75em;
    margin: 0 0 1em 0;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
}
.widget-title span {
    background: #ffffff;
    padding: 0 6px;
}
.widget-title em {
    font-family: 'Niconne', cursive;
    font-size: 24px;
    text-transform: lowercase;
    font-style: normal;
    padding-left: 3px;
}

.widget ul li{
    border-bottom: 1px dashed #eee;
    padding: 0 0 8px;
    margin: 0 0 8px 0;
}
.widget ul li ul.children  {
    border-top: 1px dashed #eee;
}
.widget ul li ul.children li {
    margin-top: 8px;
    padding-top: 8px;
}
.widget ul li ul.children li:last-child  {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

/* Menu */
    .widget ul.menu li {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
    }
    .widget ul.menu li ul {
        margin: 0 0 0 6px;
    }
    .widget ul.menu li a {
        padding: 10px 0 10px 30px;
        border-bottom: 1px dashed #eee;
        display: block;
    }
    .widget ul.menu li a:hover {
        background-color: #f8f8f8;
    }

/* Widget About */

.widget img.profile {
    border-radius: 50%;
    float: right;
}

/* Widget Popular */

.widget .popular li {
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.widget .popular img {
    margin-right: 10px;
    float: left;
}
.widget .popular h6 {
    font-weight: normal;
    font-size: 0.9285em;
    line-height: 1.616em;
}
.widget .popular .entry-meta {
    margin: 0;
    font-size: 0.714em;
    background: none;
    text-align: left;
    padding: 0;
}

/* Archives - two columns widget */
.widget ul.archive-left {
    width: 45%;
    float: left;
}
.widget ul.archive-right {
    width: 45%;
    float: right;
}
/* Contact */
.widget ul.contact li {
    border-bottom: none;
}

/* Social icons */
ul.social {
    margin: 0;
    height: 36spx;
    text-align: center;
}
ul.social li { display: inline-block; border-bottom: none; margin: 0; padding: 0; }
a.social-icon {
    background: #e4e4e4;
    display: inline-block;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    color: #ffffff;
}
a.social-icon:hover {
    color: #fff;
    -webkit-transition: background 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out;
    -ms-transition: background 300ms ease-in-out;
    -o-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
}
a.social-icon:visited {
    color: #fff;
}
.social-icon .icon {
    font-size: 18px;
    line-height: 36px;
}

/* Calendar Widget */
.widget_calendar table {
    width: 100%;
}
 table th,
 table td{
    color: #797979;
    background:#FFF;
    border:1px solid #EDEDED;
    text-align:center
}
 table  th{
    background:#FBFBFB;
}
.widget_calendar table td#today{
    color:#FFF;
    font-weight:bold;
}
.widget_calendar table td#today a{
    color:#FFF;
}
.widget_calendar caption{
     font-weight:bold;
    padding:5px 10px;
    margin-bottom:5px;
    text-transform:uppercase
}
.widget_calendar #calendar_wrap table{
    border-right:1px solid #EDEDED;
    margin-bottom:0;
    font-size: 0.785em;
}

/* 06. Footer & Prefooter widget area
================================================== */
#footer-nav li {
    display: inline-block;
    text-transform: uppercase;
}
#footer-nav li:after {
    content: ' /';
}
#footer-nav li:last-child:after {
    content: '';
}


/* 07. Forms & buttons
================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    padding: 6px 10px;
    display: inline-block;
    color: #888;
    background-color: #f4f4f4;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.07);
    border-radius: 2px;
    border: 0;
    cursor: pointer;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    color: #fff;
    box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15);
}

/* #Forms */

form { margin-bottom: 20px; }
fieldset { margin-bottom: 20px; }
input[type="text"],
input[type="search"],
input[type="password"],
input[type="url"],
input[type="email"],
textarea,
select {
    border: 1px solid #e6e6e6;
    padding: 6px 4px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "Open Sans", Arial, sans-serif;
    color: #acacac;
    margin: 0;
    max-width: 100%;
    display: block;
    -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    background: #fff;
}

input[type="search"] {
    padding: 4px 4px;
    display: inline-block;
}
input[type="checkbox"] { display: inline; }

input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #aaa;
    color: #acacac;
    color: #acacac;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow:  0 0 3px rgba(0,0,0,.2);
}

select { width: 220px; }
textarea { min-height: 60px; }
label { display: inline; }
legend {
    display: block;
    font-weight: bold;
    font-size: 13px;
}

label span,
legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444;
}


/* 	08. Generic styles & WprdPress styles
================================================== */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.left { float: left; }
.right { float: right; }
.divider {
    background: url(images/divider-rev.png) repeat-x 0 0;
    margin: 12px 0;
    clear: both;
    height: 3px;
    border: none;
}
a.more { font-size: 12px; display: block; }


.entry-content ul {
    list-style: square;
}
.entry-content ul, .entry-content ol {
}
.entry-content ul  li, .entry-content ol li {
    position: relative;
    margin-left: 1.5em;
}
.entry-content ul li ul, .entry-content ol li ol { margin: 6px 0 0 12px; }
.entry-content ul li ul li:last-child { margin-bottom: 0; }
.entry-content .project-meta ul  { margin: 0; }

/*Default WordPress styles*/
.entry-content img {
    position: relative;
    padding: 5px 0;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
    box-shadow: 0 0 5px rgba(0,0,0,.15);
}
.entry-content .post_signature img {
    box-shadow: none;
    padding: 0;
}
.alignnone {
    margin:0 20px 1.5em 0;
}
.alignleft, img.alignleft {
    margin: 0 20px 1.5em 0;
    display: inline;
    float: left;
}
.alignright, img.alignright {
    margin: 0 0 1.5em 20px;
    display: inline;
    float: right;
}
.aligncenter, img.aligncenter {
    margin: 0 auto 1.5em;
    display: block;
    clear: both;
}
.wp-caption {
    padding-top: 5px;
    line-height: 0;
    background: #FFF;
    max-width: 96%;
    text-align: center;
}
.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 5px 0 0;
}
.wp-caption .wp-caption-text {
    line-height: 1.6em;
    padding: 5px 0;
    margin: 0;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
    box-shadow: 0 0 5px rgba(0,0,0,.15);
}
.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}
blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}
blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img { padding: 4px; border: 1px solid #ededed; }
.gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
}
.gallery-caption {}
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
.gallery-caption {}
.bypostauthor  {}

.sticky {}
ins {
    background: #fff9c0;
    text-decoration: none;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 13px;
  color: #333333;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  white-space: nowrap;
}
pre {
  display: block;
  padding: 12px;
  margin: 0 0 12.5px;
  font-size: 14px;
  line-height: 25px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	text-align: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

Style.css

 

<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="content">
 *
 * @package Sugar & Spice
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?php wp_title( '|', true, 'right' ); ?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
    <?php if ( of_get_option( 'favicon' ) ) echo '<link rel="shortcut icon" href="'.esc_url( of_get_option( 'favicon' ) ).'" />'; ?>
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
	<?php do_action( 'before' ); ?>
	<header id="header" class="site-header" role="banner">
		<div class="site-branding">

        <?php if (of_get_option('logo_image')) : ?>
        
            <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="logo-img"><img src="<?php echo esc_attr( of_get_option('logo_image') ); ?>" alt="<?php bloginfo( 'name' ); ?>" /></a>
            
        <?php else : ?>

        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
        <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
        
        <?php endif; ?>
        
		</div>
        <div id="nav-wrapper">
            <div class="ribbon-left"></div>
            <nav id="main-nav" class="main-navigation" role="navigation">
                <div class="skip-link"><a class="screen-reader-text" href="#content"><?php _e( 'Skip to content', 'sugarspice' ); ?></a></div>
                <?php 
                if(has_nav_menu('primary')){
                    wp_nav_menu( array( 
                        'theme_location'=> 'primary', 
                        'container'     => false,
                        'menu_id'       => 'nav',
                        'fallback_cb'   => 'wp_page_menu' 
                    ) ); 
                } else {
                ?>
                    <ul id="nav">
                        <?php wp_list_pages('title_li='); ?>
                    </ul>
                <?php
                }
                ?>
            </nav><!-- #site-navigation -->
            <div class="ribbon-right"></div>
        </div>
	</header><!-- #header -->

	<div id="main" class="site-main">
 

Header.php

 

 

Ai está os dois arquivos. Eu tentei usar a propriedade de background no arquivo do style.css , mas não sei em que ponto. Ai mesmo eu mudando, não alterava nada no site.

 

Obrigado pela ajuda.

2 minutos atrás, Maujor disse:

@Marcus Roberto
Qual é o nome do tema Wordpress que você está usando?

Sugar and Spice

Share this post


Link to post
Share on other sites

Primeiros testes

 

Tente colocar essa solução, no final do style.css:

.site-header {
	background-color: rgb(168, 187, 163);
}

Se a primeira não der certo:

.site-header {
	background-color: rgb(168, 187, 163) !important;
}

 

Escolhendo sua própria cor

 

O valor rgb(168, 187, 163) é opcional. Portanto, pode escolher seu próprio valor neste site e substituir pelo meu.

Share this post


Link to post
Share on other sites
3 minutos atrás, Joao_Lucaas disse:

Primeiros testes

 

Tente colocar uma dessas duas soluções, no final do style.css:


.site-header {
	background-color: rgb(168, 187, 163);
}

ou, se o primeiro não der certo:


.site-header {
	background-color: rgb(168, 187, 163) !important;
}

 

Escolhendo sua própria cor

 

O valor rgb(168, 187, 163) é opcional. Portanto, pode escolher seu próprio valor neste site e substituir pelo meu.

 

Obrigado pela ajuda amigo. Infelizmente não deu certo. Tentei as duas maneiras aqui e não funcionou.

 

Tentei remover a imagem e deixar apenas escrito o titulo do site, mas mesmo assim não adiantou.

Share this post


Link to post
Share on other sites

@Marcos Roberto
Examinando o código postado e após estudar o tema online ( https://br.wordpress.org/themes/sugar-and-spice/ ) ainda assim fica difícil apontar uma solução.
O ideal seria ver o site online. Ele está hospedado?

Pelo que entendi você quer preencher todo o fundo com a imagem e não apenas alterar a cor branca em volta da imagem.
 

  • +1 1

Share this post


Link to post
Share on other sites
7 minutos atrás, Maujor disse:

@Marcos Roberto
Examinando o código postado e após estudar o tema online ( https://br.wordpress.org/themes/sugar-and-spice/ ) ainda assim fica difícil apontar uma solução.
O ideal seria ver o site online. Ele está hospedado?

Pelo que entendi você quer preencher todo o fundo com a imagem e não apenas alterar a cor branca em volta da imagem.
 

 Exatamente, gostaria de preencher todo o fundo. 

 

No momento o site não está hospedado. Amanhã provavelmente compensa o boleto da hospedagem, ai posso colocar o link aqui. Mas por enquanto não tenho host.

Share this post


Link to post
Share on other sites
Agora, Marcus Roberto disse:

No momento o site não está hospedado. Amanhã provavelmente compensa o boleto da hospedagem, ai posso colocar o link aqui. Mas por enquanto não tenho host.

Então quando estiver hospedado poste o link.
Vamos aguardar.

  • +1 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By gustavodubarbosa
      Estou criando uma página que realize monitoramento de atividades.
      No meu código PHP defini uma variável que busca a data atual, depois passei o parâmetro de conexão com o banco de dados, depois criei um while para buscar as informações, dentro do while criei um if, a condição if é que se a variável data for igual a data cadastrada na atividade, exiba toda a atividade cadastrada. Mas o problema é que o if não está controlando essa condição, está passando direto e exibindo tudo.
      <?php $number = ('23'); $data = date("Y-m-d"); echo "$data"; /*Aqui realizo a conexão com o banco de dados, passo os dados para conectar, caso dê algum erro, o sistema me retorna uma mensagem de erro*/ $conect = mysqli_connect('localhost','root','','projeto_pessoal') or die ('Erro na conexão com o banco de dados'); /*Aqui passo o comando para realizar a busca no banco de dados, aplicando o filtro de pesquisa*/ $result_pesquisa = "SELECT * FROM cadastrar_atividade"; /*Neste momento, mando a execução, preciso passar como parametro a variável com a conexão e a variável com o comando, caso dê erro, será exibido uma mensagem*/ $resultado_pesquisa = mysqli_query($conect, $result_pesquisa); /*Aqui é aberto um laço de repetição para fazer uma varredura no banco de dados, em seguida realizo a exibição do que foi encontrado*/ ?> <h1>Resultado da Pesquisa</h1> <?php while($rows_pesquisa = mysqli_fetch_array($resultado_pesquisa)){ if($rows_pesquisa['prazo'] == $data) echo '<p class="title">'.'ID da atividade: '.'</p>'.'<p class="result">'.$rows_pesquisa['id'].'<br>'.'</p>'; echo '<p class="title">'.'Nome da atividade: '.'</p>'.'<p class="result">'.$rows_pesquisa['nome_atividade'].'<br>'.'</p>'; echo '<p class="title">'.'Descrição da atividade: '.'</p>'.'<p class="result">'.$rows_pesquisa['desc_atividade'].'<br>'.'</p>'; echo '<p class="title">'.'Prioridade: '.'</p>'.'<p class="result">'.$rows_pesquisa['prioridade'].'<br>'.'</p>'; echo '<p class="title">'.'Prazo: '.'</p>'.'<p class="result">'.$rows_pesquisa['prazo'].'<br>'.'</p>'; echo 'carregado'; echo '<hr></hr>'; } ?>  
    • By renatamdk
      Oii gente!
      Eu sou iniciante em html e estou tendo dificuldade em mudar a cor do campo de um formulário...
       
      Já procurei aqui, e o que encontrei não entendi muito bem também ):
       
      Se alguém puder me ajudar, agradeço.
       
      Vou deixar um anexo de como está o formulário. Queria deixar o fundo mais cinzinha, pois branco está destacando demais. Só isso...
       
       
       
      O código:
       
      <!-- Formulário -->
      <form id="llCaptureForm" class="llformCustom" action="//paginas.rocks/capture" method="post">
         <input type="hidden" id="mid" name="mid" value="328302">
         <input type="hidden" id="fid" name="fid" value="14926">
         <div>
             <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32417">Nome</label>
             <input type="text" id="llfield32417" name="llfield32417" placeholder="Seu nome">
             <div class="field-error" id="llerror32417"></div>
         </div>
         <div>
             <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32419">Contato</label>
             <input type="tel" id="llfield32419" name="llfield32419" placeholder="DDD + Número">
             <div class="field-error" id="llerror32419"></div>
         </div>
         <div>
             <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32418">E-mail</label>
             <input type="email" id="llfield32418" name="llfield32418" placeholder="Informe seu e-mail" data-required="true">
             <div class="field-error" id="llerror32418"></div>
         </div>
         <div class="button-bar">
             <button style="background-color: rgba(255, 179, 38, 1) !important;" type="submit">Cadastrar</button>
         </div>
         <div class="loading-box">
             <img src="//paginas.rocks/content/images/spinner.gif">
             <div>loading...</div>
         </div>
         <div class="error-box">
             <img src="//paginas.rocks/content/images/error-icon.png">
             <div></div>
             <button type="button" class="btn" id="btn-error">Ok</button>
         </div>
         <img src="https://llimages.com/redirect/redirect.aspx?A=V&amp;f=14926&amp;m=328302" style="display: none;">
      </form>

    • By rtavix
      Estou realizando uma implementação de um determinado relatório, e implementei a estrutura(html da pagina) do mesmo dinamicamente, entretanto quando vou tentar imprimir ele com os dados preenchidos o mesmo não abre uma aba a parte mostrando toda essa estrutura da pagina. Estou tentando fazer via JavaScript, porém não funciona. meu ação do clique do botão de imprimir é esse:
      <div class="box-footer"> <button class="btn btn-padrao" id="btnImprime" runat="server" visible="false" onserverclick="btnImprimir_ServerClick">Imprimir</button></i>Novo</button> </div> Meu javaScript é esse:
      function Imprimir() { var panel = document.getElementById("ConteinerImprimir"); var printWindow = window.open('', '', ''); printWindow.document.write('<html><head><script src="JsRelatorioFinanciamento.js"></script>'); printWindow.document.write('<link href="../StyleJs.RelFinanciamento.css" rel="stylesheet"/>'); printWindow.document.write('</head><body>'); printWindow.document.write('<div class="conteiner" style="width: 700px">' + panel.innerHTML + '</div>'); printWindow.document.write('</body></html>'); printWindow.document.close(); setTimeout(function () { printWindow.print(); }, 500); return false; e meu código .cs que realiza a implementação da estrutura da pagina em html dinâmico é esse: 
      #region html #region Header private string header = @" <table style = 'margin-bottom: 0px;'> <tr id='topLogo'> <img src = 'http://internet.sefaz.es.gov.br/imagens/topo_brasao.png' alt=''> <td style = 'border: 0px; padding-bottom: 5px;'> <h2 style='margin-top: 15px;' class='center'> TESTE 1 </h2> <h3 style = 'margin-top: 15px;' class='center'> TESTE 2 - 2<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> TESTE 3<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> FINANCIAMENTO LIBERADO - TODAS EMPRESAS<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> Base {1}<br/> </h3> <h1 style = 'margin-top: 15px;' class='left'> EmpresasTESTE4 - {2}<br/> </h1> </td> </tr> </table>"; #endregion #region Conteudo private const string dadosFinanciamento = @" <table style='padding: 0px; margin: 0px;' class='no-bold'> <tr class='tr-center'> <tr> <td colspan = '4' > Razão Social <h4> {0}</h4> </td> </tr> <tr> <td>Inscrição Estadual <h4 class='center'>{1}</h4> </td> <td colspan ='2'> C.N.P.J <h4> {2} </h4> </td> <td colspan='2'>Nome Fantasia <h4>{3}</h4> </td> </tr> </table> <br/>"; #endregion #region ValoresFin private const string dadosValores = @" <table style='padding: 0px; margin: 0px;'class='no-bold'> <tr> <td rowspan = '3' style=border-bottom: 3px solid black> <h5>Faturamento Dezembro 2014</h5> <h4>Saldo</h4> </td> <td class='center'> <h2>ICMS Previsto</h2> </td > <td class='center'> <h2>ICMS Recolhido</h2> </td> <td class='center'> <h2>Contratado</h2> </td> <td class='center'> <h2>Liberado</h2> </td> </tr> <tr> <td class='center'> {0} </td> <td class='center'> {1} </td> <td class='center'> {2} </td> <td class='center'> {3} </td> </tr> </table> <br/>"; #endregion #endregion e estou utilizando o StringBuilder:
      StringBuilder strConstrution = new StringBuilder(); Alguém saberia me instruir como eu posso fazer para conseguir visualizar meu relátorio por completo?
    • By flarique
      iae pessoal, então eu estou querendo fazer o envio de um email do meu formulário por intermédio de um php que estou testando em um servidor ativo!
      este é o formulário e o meu problema é explicitamente com a passagem de informação do bootstrap 4 escrito em html para o php.
      este é o formulário.
      <!-- Formulario --> <div class="container"> <div class="row"> <div class="col-12 text-center my-5"> <h1 class="display-4 text-danger"><i class="fa fa-paper-plane text-danger" aria-hidden="true"></i>Enviar e-mail</h1> </div> </div> <div class="row justify-content-center mb-5"> <div class="col-sm-12 col-md-10 col-lg-8"> <form action="../Teste.php" method="post" role="form"> <div class="form-row"> <div class="form-group col-sm-6"> <label class="text-dark" for="InputName" >Nome completo</label> <input type="text" class="form-control" id="InputName" name="nome" required placeholder="Nome"> </div> </div> <div class="form-row"> <div class="form-group col-sm-12"> <label class="text-dark" for="inputEnd">Email</label> <input type="email" class="form-control" id="inputEnd" nome="email" required placeholder="Endereço completo"> </div> </div> <div class="form-row"> <div class="form-group col-sm-6"> <label class="text-dark" for="inputCidade">Sua cidade</label> <input type="text" class="form-control" id="inputCidade" name="cidade" required placeholder="Cidade"> </div> </div> <div class="form-row"> <div class="col-sm-12"> <button type="submit" class="btn btn-primary">Enviar</button> <a tabindex="0" class="btn btn-secondary ml-2" role="button" data-toggle="popover" data-placement="right"data-trigger="focus" title="Ajuda!" data-content="Preença todas as caixas.">Ajuda</a> </div> </div> </form> </div> </div> </div> e este é o php que deve receber as informações do formulario pelo method="post" e o action="../Teste.php" mas as variaveis do php não mudam.
      este é o php.
      <?php $name = $_POST['name']; $email = $_POST['email']; $cidade = $_POST['cidade']; $email_from = 'Teste'; $email_subject = 'Teste2'; $email_body = "Name: $name.\n". "Email: $email.\n". "Cidade: $cidade.\n"; $to = "enriboliveira@gmail.com"; $headers = "From $email_from \r\n"; $headers .= "Reply-to: $email \r\n"; echo "nome : $name"; ?>  
    • By Allysson Henrique
      preciso de uma ajuda para compor as divs de uma galeria, não estou conseguindo de forma alguma, tentei de tudo. esse é o codigo, preciso compor com essa galeria http://hype61.com.br/control/busca_fotos_site.php
       
       
      $.ajax({ //url que enviaremos url: "control/busca_fotos_site.php", type: "POST", async:false, //campos data: { rand: encodeURI(Math.random()) }, //aqui colocamos o callback na div #retorno success: function(fretorno) { $(fretorno.fotos_produtos).each(function(key, value){ }); } });  
       
       
       
       
       
       
       
       
      <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Dress rental </title> <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Forum|Open+Sans:400,600|Roboto:100,300,400,500,700" rel="stylesheet"> <link rel="stylesheet" href="assets/dist/style/elements.css"> <link rel="stylesheet" href="assets/dist/style/header.css"> <link rel="stylesheet" href="assets/dist/style/footer.css"> <link rel="stylesheet" href="assets/dist/style/blog.css"> </head> <body> <!-- ==========================--> <!-- LOADER--> <!-- ==========================--> <div id="gl-circle-loader-wrapper"> <div id="gl-circle-loader-center"> <div class="gl-circle-load"> <img src="assets/dist/img/ploading.gif" alt="Page Loader"> </div> </div> </div> <!-- ==========================--> <!-- SEARCH MODAL--> <!-- ==========================--> <div class="header-search open-search"> <div class="container"> <div class="row"> <div class="col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1"> <div class="navbar-search"> <form class="search-global"> <input class="search-global__input" type="text" placeholder="Type to search" autocomplete="off" name="s" value=""/> <button class="search-global__btn"><i class="icon stroke icon-Search"></i> </button> <div class="search-global__note">Begin typing your search above and ã ã press return to search. </div> </form> </div> </div> </div> </div> <button class="search-close close" type="button"><i class="fa fa-times"></i></button> </div> <div class="container"> <ol class="breadcrumb underline"> <li><a href="#">Home</a></li> <li>Dresses</li> </ol><!-- /.breadcrumb --> </div><!-- /.container --> <?php include "inctopo.php"; ?> <div class="container"> <ol class="breadcrumb"> <li><a href="#">Inicial</a></li> <li>Sobre a Hype</li> </ol><!-- /.breadcrumb --> </div><!-- /.container --> </div><!-- /.filters --> </div><!-- /.col-sm-3 --> <div class="col-sm-12" id="boxprodutos"> <div class="product-display"> <h4 class="font-25-for-reg-0">Dresses <span>(432)</span></h4> <div class="view"> <div class="col-sm-5"> <span class="short">Short by : </span> <select class="rq-rental-select2"> <option value="AL">Best match</option> <option value="AL">Name</option> <option value="WY">Save date</option> <option value="WY">Green</option> </select> </div><!-- /.col-sm-4 --> <div class="col-sm-4"> <div class="text-center"> <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <i class="fa fa-angle-left" aria-hidden="true"></i> </a> </li> <li><a class="active" href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">...</a></li> <li><a href="#">9</a></li> <li> <a href="#" class="active" aria-label="Next"> <i class="fa fa-angle-right" aria-hidden="true"></i> </a> </li> </ul> </nav> </div><!-- text-center --> </div><!-- /.col-sm-4 --> <div class="col-sm-3"> <div class="text-right filters"> <a href="listing-page-list.html"><i class="rq-257" aria-hidden="true"></i></a> <a href="listing-page2.html"><i class="rq-639 active" aria-hidden="true"></i></a> <a href="listing-page.html"><i class="rq-638" aria-hidden="true"></i></a> </div> </div><!-- /.col-sm-4 --> </div><!-- /.view --> <div class="row" id="prod"> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b1.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb1.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModalOne" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModalOne" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Vestido Longo Diva</h4> <h4 class="font-16-for-reg-0">Marca : <span>Blue Flamingo</span> </h4> <h5 class="font-16-for-reg-0"> <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ipsum is simply dummy text of the printing and typesetting industry. </p> <img src="assets/dist/img/products-list/grid-b1.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-11"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag">Verificar Disponibilidade<i class="fa fa-shopping-bag" aria-hidden="true"></i> </button> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Vestido Longo Diva</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b2.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb2.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal2" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal2" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-5"> <div class="product-info"> <h4 class="font-20-for-reg-0">Vestido Longo Diva</h4> <h4 class="font-16-for-reg-0">Marca : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ipsum is simply dummy text of the printing and typesetting industry. </p> <img src="assets/dist/img/products-list/grid2.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-12"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Vestido Longo Diva</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b4.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb3.jpg" alt="grid1"></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal3" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal3" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Vestido Longo Diva</h4> <h4 class="font-16-for-reg-0">Marca : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ipsum is simply dummy text of the printing and typesetting industry. </p> <img src="assets/dist/img/products-list/gridb3.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-13"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag">Verificar Disponibilidade<i class="fa fa-shopping-bag" aria-hidden="true"></i></button> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b6.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb4.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal4" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal4" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Long Diva Dress</h4> <h4 class="font-16-for-reg-0">Brand : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Descrição do Vestido </p> <img src="assets/dist/img/products-list/gridb4.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-14"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag">Verificar Disponibilidade<i class="fa fa-shopping-bag" aria-hidden="true"></i></button> <div class="remove"> <a href="#" class="left rq-custom"><i class="fa fa-gift active"></i> Remover da Lista de Desejos</a> <a href="#"><i class="fa fa-heart-o active"></i> Remover dos Favoritos</a> </div><!-- /.remove --> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b7.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb5.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal5" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal5" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Long Diva Dress</h4> <h4 class="font-16-for-reg-0">Brand : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Descrição </p> <img src="assets/dist/img/products-list/gridb5.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-15"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Color</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag"> Verificar Disponibildiade<i class="fa fa-shopping-bag" aria-hidden="true"></i></button> <div class="remove"> <a href="#" class="left rq-custom"><i class="fa fa-gift active"></i> Remover da Lista de Desejos</a> <a href="#"><i class="fa fa-heart-o active"></i> Remover dos Favoritos</a> </div><!-- /.remove --> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b8.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb6.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal6" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal6" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Long Diva Dress</h4> <h4 class="font-16-for-reg-0">Brand : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ipsum is simply dummy text of the printing and typesetting industry. </p> <img src="assets/dist/img/products-list/gridb6.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-16"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag">Verificar Disponibilidde <i class="fa fa-shopping-bag" aria-hidden="true"></i></button> <div class="remove"> </div><!-- /.remove --> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> </div><!-- /.row --> </div><!-- /.product-display --> <div class="row mrg-top"> <div class="col-xs-4"> <a class="pages-on" href="#">1-9 of 432</a> </div> <div class="col-xs-8"> <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <i class="fa fa-angle-left" aria-hidden="true"></i> </a> </li> <li><a class="active" href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">...</a></li> <li><a href="#">9</a></li> <li> <a href="#" class="active" aria-label="Next"> <i class="fa fa-angle-right" aria-hidden="true"></i> </a> </li> </ul> </nav> </div> </div><!-- /.row --> </div><!-- /.col-sm-9 --> </div><!-- /.row --> </div><!-- /.container --> </div><!-- /.filter-list --> - <div class="work-procedure base-padd"> <div class="container"> <h2>Como Funciona?</h2> <div class="row"> <div class="col-md-4"> <div class="inner"> <a href="#"><img src="assets/dist/img/work-procedure/1.png" alt="" class="img-responsive"></a> <h3 class="font-30-for-reg-0">Cadastro / Assinatura</h3> <p class="font-16-for-reg-0">O primeiro passo para realizar o <a href="#">Cadastro</a> é escolher o melhor plano que se encaixa pra você. </p> </div><!-- /.inner --> </div> <!-- /.col-md-3 --> <div class="col-md-4"> <div class="inner"> <a href="#"><img src="assets/dist/img/work-procedure/2.png" alt="" class="img-responsive"></a> <h3 class="font-30-for-reg-0">Escolha / Use</h3> <p class="font-16-for-reg-0">A Partir o plano ativo, você poderá¡ escolher aqui no site ou na nossa loja as suas peças. </p> </div><!-- /.inner --> </div> <!-- /.col-md-3 --> <div class="col-md-4"> <div class="inner"> <a href="#"><img src="assets/dist/img/work-procedure/3.png" alt="" class="img-responsive"></a> <h3 class="font-30-for-reg-0">Devolva</h3> <p class="font-16-for-reg-0">Após o uso deve devolver lavada e passada, com a opção de entrega e coleta. </p> </div><!-- /.inner --> </div> <!-- /.col-md-3 --> </div><!-- /.row --> </div><!-- /.container --> </div><!-- /.work-procedure --> <div class="join-us"> <div class="container"> <div class="row"> <div class="col-sm-5"> <a href="sobre.php" class="btn transparent">Escolha seu plano</a> </div> <div class="col-sm-7"> <span class="font-30-pla-reg-2"> Somos um jeito novo de você manter o seu visual em dia, sem gastar um monte de dinheiro com roupas novas. <br/> A roupa certa para aquele evento? Só falar do que você precisa. </span> </div> </div> </div><!-- /.container --> </div><!-- /.join-us --> <div class="favorites base-padd"> <h2>Algumas peças do nosso acervo</h2> <div class="container"> <div class="owl-favorites owl-carousel owl-theme"> <div class="item"> <figure> <img src="http://s2.nbsoftware.com.br/hype61/fotoproduto/1130009PP.jpg?rand=0.39276572203667637" alt="" style="transform: rotate(90deg);"> <a href="booking.html">Ver</a> </figure> </div><!-- /.item --> <div class="item"> <figure> <img src="http://s2.nbsoftware.com.br/hype61/fotoproduto/1120001P.jpg?rand=0.6759872304621309" alt="" style="transform: rotate(90deg);"> <a href="booking.html">Ver</a> </figure> </div><!-- /.item --> <div class="item"> <figure> <img src="http://s2.nbsoftware.com.br/hype61/fotoproduto/1110005M.jpg" alt="" style="transform: rotate(90deg);"> <a href="booking.html">Ver</a> </figure> </div><!-- /.item --> </div><!-- /.item --> </div><!-- /.owl-favorites --> </div><!-- /.container --> </div><!-- /.favorites --> <div class="newsletter base-padd"> <h2>Depoimentos de Clientes</h2> </div><!-- /.newsletter --> <div class="opinion base-padd"> <div class="container"> <div class="owl-opinion owl-carousel owl-theme"> <div class="item"> <img src="assets/dist/img/opinion/1.png" alt=""> <p class="font-14-ope-reg-0">Jonathen Nora</p> <h3> <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a> </h3> <p class="edit">Gostei muito da variedade de modelos e tamanhos e sempre encontro a roupa para aquele evento. Parábens a toda equipe</p> </div><!-- /.item --> </div><!-- /.owl-opinion --> </div><!-- /.container --> </div><!-- /.opinion --> <div id="go-to-top"> <a href="#stickynav"><i class="fa fa-angle-up"></i></a> </div> <?php include "rodape.php"; ?> <script src="app.js"></script> <script src="assets/dist/js/vendor/jquery-3.4.1.min.js"></script> <script src="assets/dist/js/vendor/bootstrap.min.js"></script> <script src="assets/dist/js/vendor/countUp.js"></script> <script src="assets/dist/js/vendor/owl.carousel.min.js"></script> <script src="assets/dist/js/vendor/ion.rangeSlider.min.js"></script> <script src="assets/dist/js/vendor/dateRangePicker.js"></script> <script src="assets/dist/js/vendor/jquery.flexslider-min.js"></script> <script src="assets/dist/js/vendor/jquery.nicescroll.min.js"></script> <script src="assets/dist/js/vendor/select2.min.js"></script> <script src="assets/dist/js/vendor/lightbox.min.js"></script> <script src="assets/dist/js/vendor/jquery.smooth-scroll.js"></script> <script src="assets/dist/js/custom.js"></script> </body> </html>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.