<div class="logo-footer">
<div class="logo-wrapper">
<a class="logo-link" href="#">
<img class="logo-image" src="image.png">
</a>
</div>
</div>
<style type="text/css">
.logo-footer {
overflow: hidden;
text-align: center;
}
.logo-wrapper {
position: relative;
display: inline-block;
vertical-align: top;
}
.logo-wrapper:before,
.logo-wrapper:after {
content: '';
position: absolute;
width: 5000px;
height: 1px;
background-color: #ccc;
}
.logo-wrapper:before {
right: 110%;
}
.logo-wrapper:after {
left: 110%;
}
</style>
label.pure-checkbox(for="cb")
input#cb(type="checkbox")
| I've read the terms and conditionsmixin list( items )
each item in items
li
a(href=item.href)=item.text
+list( [ {href: 'index.html', text: 'Home'}, {href: 'about.html', text: 'About'}, {href: 'contacts.html', text: 'Contacts'} ] )mixin name(title)
.portfolio
a(href=`img/${title}.jpg`)
.portfolio-photo(style=`background: url(img/portfolio/${title}.jpg)`)
+name('text')