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 34 additions and 3 deletions
...@@ -243,15 +243,22 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { ...@@ -243,15 +243,22 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
243 * advertisement 243 * advertisement
244 * ---------------------------------- */ 244 * ---------------------------------- */
245 .advertisement { 245 .advertisement {
246 padding: 20px;
246 width: auto !important; 247 width: auto !important;
247 overflow: hidden; /* clearfix */ 248 overflow: hidden; /* clearfix */
248 text-align: left; 249 text-align: left;
249 border: 0 !important; 250 border: 0 !important;
251 background: #84cad7 !important;
252 border: 0 !important;
253 border-radius: 4px;
254 box-shadow: inset 0 3px 5px rgba(0,0,0,.075);
255 height: 121px;
250 } 256 }
251 @media (max-width: 767px) { 257 @media (max-width: 767px) {
252 .advertisement { 258 .advertisement {
253 position: static; 259 position: static;
254 margin-top: 30px; 260 margin: 30px 0;
261 box-shadow: inset 0 3px 5px rgba(0,0,0,.075), 0 1px 0 rgba(255,255,255,.1);
255 } 262 }
256 } 263 }
257 @media (min-width: 768px) { 264 @media (min-width: 768px) {
...@@ -259,7 +266,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { ...@@ -259,7 +266,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
259 position: absolute; 266 position: absolute;
260 top: 5px; 267 top: 5px;
261 right: 15px; /* 15px instead of 0 since box-sizing */ 268 right: 15px; /* 15px instead of 0 since box-sizing */
262 width: 300px !important; 269 width: 340px !important;
263 } 270 }
264 } 271 }
265 /* ---------------------------------- 272 /* ----------------------------------
...@@ -338,7 +345,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { ...@@ -338,7 +345,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
338 padding: 50px 0 110px; 345 padding: 50px 0 110px;
339 } 346 }
340 .topic h3 { 347 .topic h3 {
341 margin-top: 30px; 348 margin-top: 20px;
342 color: #fff; 349 color: #fff;
343 font-size: 28px; 350 font-size: 28px;
344 font-weight: normal; 351 font-weight: normal;
......
This diff could not be displayed because it is too large.
...@@ -46,9 +46,17 @@ ...@@ -46,9 +46,17 @@
46 <!--header--> 46 <!--header-->
47 <div class="topic"> 47 <div class="topic">
48 <div class="container"> 48 <div class="container">
49 <div class="col-md-8">
49 <h3>Documentation</h3> 50 <h3>Documentation</h3>
50 <h4>The complete style of the Bootflat Framework</h4> 51 <h4>The complete style of the Bootflat Framework</h4>
52 </div>
53 <div class="col-md-4">
51 <div class="advertisement"> 54 <div class="advertisement">
55 <!-- Begin BidVertiser code -->
56 <SCRIPT LANGUAGE="JavaScript1.1" SRC="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=621492&bid=1552362" type="text/javascript"></SCRIPT>
57 <noscript><a href="http://www.bidvertiser.com">affiliate program</a></noscript>
58 <!-- End BidVertiser code -->
59 </div>
52 </div> 60 </div>
53 </div> 61 </div>
54 <div class="topic__infos"> 62 <div class="topic__infos">
......
...@@ -45,6 +45,7 @@ ...@@ -45,6 +45,7 @@
45 <!--header--> 45 <!--header-->
46 <div class="topic"> 46 <div class="topic">
47 <div class="container"> 47 <div class="container">
48 <div class="col-md-8">
48 <h3>Bootflat UI Kit (Version 2.0.0)</h3> 49 <h3>Bootflat UI Kit (Version 2.0.0)</h3>
49 <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> 50 <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>
50 <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; 51 <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;
...@@ -54,7 +55,14 @@ ...@@ -54,7 +55,14 @@
54 <span class="github github-fork"> 55 <span class="github github-fork">
55 <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> 56 <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>
56 </span> 57 </span>
58 </div>
59 <div class="col-md-4">
57 <div class="advertisement"> 60 <div class="advertisement">
61 <!-- Begin BidVertiser code -->
62 <SCRIPT LANGUAGE="JavaScript1.1" SRC="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=621492&bid=1552362" type="text/javascript"></SCRIPT>
63 <noscript><a href="http://www.bidvertiser.com">affiliate program</a></noscript>
64 <!-- End BidVertiser code -->
65 </div>
58 </div> 66 </div>
59 </div> 67 </div>
60 <div class="topic__infos"> 68 <div class="topic__infos">
......
...@@ -45,9 +45,17 @@ ...@@ -45,9 +45,17 @@
45 <!--header--> 45 <!--header-->
46 <div class="topic"> 46 <div class="topic">
47 <div class="container"> 47 <div class="container">
48 <div class="col-md-8">
48 <h3>Getting Started with Bootflat Framework</h3> 49 <h3>Getting Started with Bootflat Framework</h3>
49 <h4>An overview of Bootflat, why we built it, how to use it, and what you should know along the way.</h4> 50 <h4>An overview of Bootflat, why we built it, how to use it, and what you should know along the way.</h4>
51 </div>
52 <div class="col-md-4">
50 <div class="advertisement"> 53 <div class="advertisement">
54 <!-- Begin BidVertiser code -->
55 <SCRIPT LANGUAGE="JavaScript1.1" SRC="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=621492&bid=1552362" type="text/javascript"></SCRIPT>
56 <noscript><a href="http://www.bidvertiser.com">affiliate program</a></noscript>
57 <!-- End BidVertiser code -->
58 </div>
51 </div> 59 </div>
52 </div> 60 </div>
53 <div class="topic__infos"> 61 <div class="topic__infos">
......