Skip to content

brainfood / bootflat

Go to a project
Toggle navigation
Toggle navigation pinning
3908af9d by bootflat
Options

add ads

1 parent 50b5aa9f
Inline Side-by-side
Showing 5 changed files with 53 additions and 22 deletions
......@@ -243,15 +243,22 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
* advertisement
* ---------------------------------- */
.advertisement {
padding: 20px;
width: auto !important;
overflow: hidden; /* clearfix */
text-align: left;
border: 0 !important;
background: #84cad7 !important;
border: 0 !important;
border-radius: 4px;
box-shadow: inset 0 3px 5px rgba(0,0,0,.075);
height: 121px;
}
@media (max-width: 767px) {
.advertisement {
position: static;
margin-top: 30px;
margin: 30px 0;
box-shadow: inset 0 3px 5px rgba(0,0,0,.075), 0 1px 0 rgba(255,255,255,.1);
}
}
@media (min-width: 768px) {
......@@ -259,7 +266,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
position: absolute;
top: 5px;
right: 15px; /* 15px instead of 0 since box-sizing */
width: 300px !important;
width: 340px !important;
}
}
/* ----------------------------------
......@@ -338,7 +345,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
padding: 50px 0 110px;
}
.topic h3 {
margin-top: 30px;
margin-top: 20px;
color: #fff;
font-size: 28px;
font-weight: normal;
......
This diff could not be displayed because it is too large.
......@@ -46,9 +46,17 @@
<!--header-->
<div class="topic">
<div class="container">
<h3>Documentation</h3>
<h4>The complete style of the Bootflat Framework</h4>
<div class="advertisement">
<div class="col-md-8">
<h3>Documentation</h3>
<h4>The complete style of the Bootflat Framework</h4>
</div>
<div class="col-md-4">
<div class="advertisement">
<!-- Begin BidVertiser code -->
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=621492&bid=1552362" type="text/javascript"></SCRIPT>
<noscript><a href="http://www.bidvertiser.com">affiliate program</a></noscript>
<!-- End BidVertiser code -->
</div>
</div>
</div>
<div class="topic__infos">
......
......@@ -45,18 +45,26 @@
<!--header-->
<div class="topic">
<div class="container">
<h3>Bootflat UI Kit (Version 2.0.0)</h3>
<h4>Bootflat UI Kit is PSD User Interface Pack including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps.</h4>
<a class="btn btn-primary" href="https://github.com/Bootflat/Bootflat.UI.Kit.PSD/archive/master.zip">Download Bootflat UI KIT PSD</a>&nbsp;&nbsp;&nbsp;&nbsp;
<span class="github github-watch">
<iframe src="http://ghbtns.com/github-btn.html?user=bootflat&amp;repo=Bootflat.UI.Kit.PSD&amp;type=watch&amp;count=true" title="Star on GitHub" frameborder="0" scrolling="0" width="150" height="25"></iframe>
</span>
<span class="github github-fork">
<iframe src="http://ghbtns.com/github-btn.html?user=bootflat&amp;repo=Bootflat.UI.Kit.PSD&amp;type=fork&amp;count=true" title="Fork on GitHub" frameborder="0" scrolling="0" width="150" height="25"></iframe>
</span>
<div class="advertisement">
</div>
</div>
<div class="col-md-8">
<h3>Bootflat UI Kit (Version 2.0.0)</h3>
<h4>Bootflat UI Kit is PSD User Interface Pack including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps.</h4>
<a class="btn btn-primary" href="https://github.com/Bootflat/Bootflat.UI.Kit.PSD/archive/master.zip">Download Bootflat UI KIT PSD</a>&nbsp;&nbsp;&nbsp;&nbsp;
<span class="github github-watch">
<iframe src="http://ghbtns.com/github-btn.html?user=bootflat&amp;repo=Bootflat.UI.Kit.PSD&amp;type=watch&amp;count=true" title="Star on GitHub" frameborder="0" scrolling="0" width="150" height="25"></iframe>
</span>
<span class="github github-fork">
<iframe src="http://ghbtns.com/github-btn.html?user=bootflat&amp;repo=Bootflat.UI.Kit.PSD&amp;type=fork&amp;count=true" title="Fork on GitHub" frameborder="0" scrolling="0" width="150" height="25"></iframe>
</span>
</div>
<div class="col-md-4">
<div class="advertisement">
<!-- Begin BidVertiser code -->
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=621492&bid=1552362" type="text/javascript"></SCRIPT>
<noscript><a href="http://www.bidvertiser.com">affiliate program</a></noscript>
<!-- End BidVertiser code -->
</div>
</div>
</div>
<div class="topic__infos">
<div class="container">
Bootflat UI is a set of beautiful components featuring the flat design trend.
......
......@@ -45,10 +45,18 @@
<!--header-->
<div class="topic">
<div class="container">
<h3>Getting Started with Bootflat Framework</h3>
<h4>An overview of Bootflat, why we built it, how to use it, and what you should know along the way.</h4>
<div class="advertisement">
</div>
<div class="col-md-8">
<h3>Getting Started with Bootflat Framework</h3>
<h4>An overview of Bootflat, why we built it, how to use it, and what you should know along the way.</h4>
</div>
<div class="col-md-4">
<div class="advertisement">
<!-- Begin BidVertiser code -->
<SCRIPT LANGUAGE="JavaScript1.1" SRC="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=621492&bid=1552362" type="text/javascript"></SCRIPT>
<noscript><a href="http://www.bidvertiser.com">affiliate program</a></noscript>
<!-- End BidVertiser code -->
</div>
</div>
</div>
<div class="topic__infos">
<div class="container">
......