Skip to content

brainfood / bootflat

Go to a project
Toggle navigation
Toggle navigation pinning
45c8b904 by bootflat
Options

update free psd page

1 parent 7f802f1d
Expand all
Inline Side-by-side
Showing 7 changed files with 93 additions and 16 deletions
...@@ -8,6 +8,13 @@ Bootflat is compatible with the following browsers: `IE8, IE9, IE10, Firefox, Sa ...@@ -8,6 +8,13 @@ Bootflat is compatible with the following browsers: `IE8, IE9, IE10, Firefox, Sa
8 8
9 Thanks for supporting our framework, and enjoy! 9 Thanks for supporting our framework, and enjoy!
10 10
11 # Preview
12
13 For the designers, we offer a free PSD file for you, it including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps.
14
15 ![Bootflat UI Kit](http://bootflat.github.io/img/bootflat-ui-kit.jpg "Bootflat UI Kit")
16
17
11 ## Features: 18 ## Features:
12 19
13 ### 1. Bootstrap 3.1.0 20 ### 1. Bootstrap 3.1.0
...@@ -20,7 +27,7 @@ Bootflat's components are built with HTML5 and CSS3. The pages use `header`, `na ...@@ -20,7 +27,7 @@ Bootflat's components are built with HTML5 and CSS3. The pages use `header`, `na
20 Bootflat uses lightweight high-function plugins for maximum performance, keeping CSS and JS file sizes down. 27 Bootflat uses lightweight high-function plugins for maximum performance, keeping CSS and JS file sizes down.
21 28
22 ### 4. Mobile first 29 ### 4. Mobile first
23 Bootflat is fully responsive, built for mobile-first in mind. It provides off screen navigation, and almost all the widgets are compatible with all screen sizes. 30 Bootflat is fully responsive, built for mobile-first in mind. It provides off screen navigation, and almost all the widgets are compatible with all screen sizes.
24 31
25 ## Manual Start 32 ## Manual Start
26 Install with [bower](http://bower.io/)? 33 Install with [bower](http://bower.io/)?
...@@ -37,11 +44,12 @@ The source files are in the `bootflat/` folder. You can just grab the `bootflat/ ...@@ -37,11 +44,12 @@ The source files are in the `bootflat/` folder. You can just grab the `bootflat/
37 44
38 + [Bootflat Home page](http://bootflat.github.io/) 45 + [Bootflat Home page](http://bootflat.github.io/)
39 + [Bootflat Documentation page](http://bootflat.github.io/documentation.html) 46 + [Bootflat Documentation page](http://bootflat.github.io/documentation.html)
47 + [Bootflat PSD page](http://bootflat.github.io/free-psd.html)
40 48
41 ## Community 49 ## Community
42 50
43 + Follow [@flathemes on Twitter](https://twitter.com/flathemes). 51 + Follow [@flathemes on Twitter](https://twitter.com/flathemes).
44 + Have a feature request or find a bug? [Submit an issue](https://github.com/angulargap/angulargap.github.io/issues). 52 + Have a feature request or find a bug? [Submit an issue](https://github.com/bootflat/bootflat.github.io/issues).
45 53
46 ## LICENSE 54 ## LICENSE
47 55
......
...@@ -145,6 +145,12 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { ...@@ -145,6 +145,12 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
145 color: #50c1e9; 145 color: #50c1e9;
146 text-decoration: none; 146 text-decoration: none;
147 } 147 }
148 .desc .desc__introduces {
149 border-top: 1px dashed #AAB2BD ;
150 }
151 .desc .desc__introduces:first-child {
152 border-top: none;
153 }
148 .desc .desc__introduces h3, 154 .desc .desc__introduces h3,
149 .desc .desc__introduces p { 155 .desc .desc__introduces p {
150 margin: 0 auto; 156 margin: 0 auto;
...@@ -172,7 +178,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { ...@@ -172,7 +178,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
172 } 178 }
173 .desc .desc__features .col-md-6 { 179 .desc .desc__features .col-md-6 {
174 padding-left: 247px; 180 padding-left: 247px;
175 min-height: 240px; 181 min-height: 200px;
176 text-align: left; 182 text-align: left;
177 } 183 }
178 .desc .desc__features .features__photo { 184 .desc .desc__features .features__photo {
...@@ -380,6 +386,14 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { ...@@ -380,6 +386,14 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
380 padding: 0; 386 padding: 0;
381 font-weight: normal; 387 font-weight: normal;
382 } 388 }
389 .topic .container a.btn {
390 padding: 10px 16px;
391 text-decoration: none;
392 }
393 .topic .github {
394 position: relative;
395 top: 10px;
396 }
383 /* ---------------------------------- 397 /* ----------------------------------
384 * documents 398 * documents
385 * ---------------------------------- */ 399 * ---------------------------------- */
...@@ -580,6 +594,49 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { ...@@ -580,6 +594,49 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
580 font-size: 12px; 594 font-size: 12px;
581 } 595 }
582 /* ---------------------------------- 596 /* ----------------------------------
597 * psd-download
598 * ---------------------------------- */
599 .psd-download {
600 padding: 40px 0;
601 background: #e6e9ed url(../img/github.png) no-repeat 100% 0;
602 min-height: 680px;
603 }
604 .psd-download h2 {
605 text-align: center;
606 }
607 .psd-download .infos {
608 font-size: 20px;
609 line-height: 40px;
610 }
611 .psd-download .row {
612 margin-top: 20px;
613 }
614 @media (max-width: 768px) {
615 .psd-download [class*="col-md-"] {
616 text-align: center;
617 }
618 }
619 .psd-download h4 {
620 margin: 0 0 15px 0;
621 }
622 .psd-download img {
623 margin-bottom: 15px;
624 }
625 /* ----------------------------------
626 * previews
627 * ---------------------------------- */
628 .previews {
629 text-align: center;
630 }
631 .previews p {
632 margin-bottom: 20px;
633 font-size: 20px;
634 line-height: 40px;
635 }
636 .previews img {
637 max-width: 100%;
638 }
639 /* ----------------------------------
583 * site-footer 640 * site-footer
584 * ---------------------------------- */ 641 * ---------------------------------- */
585 .site-footer { 642 .site-footer {
......
This diff could not be displayed because it is too large.
...@@ -35,6 +35,7 @@ ...@@ -35,6 +35,7 @@
35 <ul class="nav navbar-nav navbar-right"> 35 <ul class="nav navbar-nav navbar-right">
36 <li><a class="nav-link" href="getting-started.html">Getting Started</a></li> 36 <li><a class="nav-link" href="getting-started.html">Getting Started</a></li>
37 <li><a class="nav-link current" href="documentation.html">Documentation</a></li> 37 <li><a class="nav-link current" href="documentation.html">Documentation</a></li>
38 <li><a class="nav-link" href="free-psd.html">Free PSD</a></li>
38 </ul> 39 </ul>
39 </div> 40 </div>
40 </div> 41 </div>
...@@ -1994,8 +1995,8 @@ ...@@ -1994,8 +1995,8 @@
1994 </div> 1995 </div>
1995 <hr class="dashed" /> 1996 <hr class="dashed" />
1996 <div class="copyright clearfix"> 1997 <div class="copyright clearfix">
1997 <p><b>Bootflat</b>&nbsp;&nbsp;&nbsp;&nbsp;<a href="getting-started.html">Getting Started</a>&nbsp;&bull;&nbsp;<a href="documentation.html">Documentation</a><!-- &nbsp;&bull;&nbsp;<a href="examples/">Examples</a> --></p> 1998 <p><b>Bootflat</b>&nbsp;&nbsp;&nbsp;&nbsp;<a href="getting-started.html">Getting Started</a>&nbsp;&bull;&nbsp;<a href="documentation.html">Documentation</a>&nbsp;&bull;&nbsp;<a href="free-psd.html">Free PSD</a></p>
1998 <p>&copy; 2014 FLATHEMES, Inc. All rights reserved. &nbsp;&nbsp;Code licensed under <a href="http://opensource.org/licenses/mit-license.html" target="_blank" rel="external nofollow">MIT License</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/" rel="external nofollow">CC BY 3.0</a>.</p> 1999 <p>&copy; 2014 <a href="http://www.flathemes.com" target="_blank">FLATHEMES</a>, Inc. All rights reserved. &nbsp;&nbsp;Code licensed under <a href="http://opensource.org/licenses/mit-license.html" target="_blank" rel="external nofollow">MIT License</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/" rel="external nofollow">CC BY 3.0</a>.</p>
1999 </div> 2000 </div>
2000 </div> 2001 </div>
2001 </div> 2002 </div>
......
...@@ -35,6 +35,7 @@ ...@@ -35,6 +35,7 @@
35 <ul class="nav navbar-nav navbar-right"> 35 <ul class="nav navbar-nav navbar-right">
36 <li><a class="nav-link current" href="getting-started.html">Getting Started</a></li> 36 <li><a class="nav-link current" href="getting-started.html">Getting Started</a></li>
37 <li><a class="nav-link" href="documentation.html">Documentation</a></li> 37 <li><a class="nav-link" href="documentation.html">Documentation</a></li>
38 <li><a class="nav-link" href="free-psd.html">Free PSD</a></li>
38 </ul> 39 </ul>
39 </div> 40 </div>
40 </div> 41 </div>
...@@ -76,6 +77,8 @@ ...@@ -76,6 +77,8 @@
76 <dd>You can change any or all of the colors if you wish. Bootflat is easy to configure and match to your brand's color scheme.</dd> 77 <dd>You can change any or all of the colors if you wish. Bootflat is easy to configure and match to your brand's color scheme.</dd>
77 <dt>Easy Installation</dt> 78 <dt>Easy Installation</dt>
78 <dd>Upload all Bootflat files and paste one line of code at the bottom of your <code>head</code> tag. That’s it!</dd> 79 <dd>Upload all Bootflat files and paste one line of code at the bottom of your <code>head</code> tag. That’s it!</dd>
80 <dt>Bootflat UI Kit Free Download</dt>
81 <dd><a href="free-psd.html">Bootflat UI Kit</a> 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.</dd>
79 </dl> 82 </dl>
80 </div> 83 </div>
81 <!-- Download 84 <!-- Download
...@@ -87,7 +90,7 @@ ...@@ -87,7 +90,7 @@
87 <li>Version 2.0.0</li> 90 <li>Version 2.0.0</li>
88 <li>Released December 18th, 2013</li> 91 <li>Released December 18th, 2013</li>
89 </ul> 92 </ul>
90 <p><a class="btn btn-primary" href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download v2.0.0</a></p> 93 <p><a class="btn btn-primary" href="https://github.com/bootflat/bootflat.github.io/archive/master.zip">Download Bootflat Framework (v2.0.0)</a></p>
91 <p>You can also <a href="https://github.com/bootflat/bootflat.github.io">clone it on GitHub</a> to get the bleeding edge release. </p> 94 <p>You can also <a href="https://github.com/bootflat/bootflat.github.io">clone it on GitHub</a> to get the bleeding edge release. </p>
92 </div> 95 </div>
93 <!-- What's included 96 <!-- What's included
...@@ -154,6 +157,13 @@ ...@@ -154,6 +157,13 @@
154 <h3>Browser Support</h3> 157 <h3>Browser Support</h3>
155 <p>As such, our browser support tends to be whatever Web View API is available to native on a given platform. For Bootflat v2.0.0, that means UIWebView for E8, IE9, IE10, Firefox, Safari, Opera, Chrome.</p> 158 <p>As such, our browser support tends to be whatever Web View API is available to native on a given platform. For Bootflat v2.0.0, that means UIWebView for E8, IE9, IE10, Firefox, Safari, Opera, Chrome.</p>
156 </div> 159 </div>
160 <!-- Free PSD
161 ================================================== -->
162 <div class="docs-article docs--start" id="download">
163 <h3>Bootflat UI Kit</h3>
164 <p>For the designers, we offer a free PSD file for you, it including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps.</p>
165 <p><a class="btn btn-primary" href="free-psd.html">Download Bootflat UI Kit (v2.0.0)</a></p>
166 </div>
157 <!-- Licensing 167 <!-- Licensing
158 ================================================== --> 168 ================================================== -->
159 <div class="docs-article docs--start" id="licensing"> 169 <div class="docs-article docs--start" id="licensing">
...@@ -226,8 +236,8 @@ ...@@ -226,8 +236,8 @@
226 </div> 236 </div>
227 <hr class="dashed" /> 237 <hr class="dashed" />
228 <div class="copyright clearfix"> 238 <div class="copyright clearfix">
229 <p><b>Bootflat</b>&nbsp;&nbsp;&nbsp;&nbsp;<a href="getting-started.html">Getting Started</a>&nbsp;&bull;&nbsp;<a href="documentation.html">Documentation</a><!-- &nbsp;&bull;&nbsp;<a href="examples/">Examples</a> --></p> 239 <p><b>Bootflat</b>&nbsp;&nbsp;&nbsp;&nbsp;<a href="getting-started.html">Getting Started</a>&nbsp;&bull;&nbsp;<a href="documentation.html">Documentation</a>&nbsp;&bull;&nbsp;<a href="free-psd.html">Free PSD</a></p>
230 <p>&copy; 2014 FLATHEMES, Inc. All rights reserved. &nbsp;&nbsp;Code licensed under <a href="http://opensource.org/licenses/mit-license.html" target="_blank" rel="external nofollow">MIT License</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/" rel="external nofollow">CC BY 3.0</a>.</p> 240 <p>&copy; 2014 <a href="http://www.flathemes.com" target="_blank">FLATHEMES</a>, Inc. All rights reserved. &nbsp;&nbsp;Code licensed under <a href="http://opensource.org/licenses/mit-license.html" target="_blank" rel="external nofollow">MIT License</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/" rel="external nofollow">CC BY 3.0</a>.</p>
231 </div> 241 </div>
232 </div> 242 </div>
233 </div> 243 </div>
......
...@@ -35,6 +35,7 @@ ...@@ -35,6 +35,7 @@
35 <ul class="nav navbar-nav navbar-right"> 35 <ul class="nav navbar-nav navbar-right">
36 <li><a class="nav-link" href="getting-started.html">Getting Started</a></li> 36 <li><a class="nav-link" href="getting-started.html">Getting Started</a></li>
37 <li><a class="nav-link" href="documentation.html">Documentation</a></li> 37 <li><a class="nav-link" href="documentation.html">Documentation</a></li>
38 <li><a class="nav-link" href="free-psd.html">Free PSD</a></li>
38 </ul> 39 </ul>
39 </div> 40 </div>
40 </div> 41 </div>
...@@ -44,7 +45,7 @@ ...@@ -44,7 +45,7 @@
44 <h1> 45 <h1>
45 <img src="img/logo-index.png" alt="Bootflat: Advanced HTML5 Hybrid Mobile App Framework"> 46 <img src="img/logo-index.png" alt="Bootflat: Advanced HTML5 Hybrid Mobile App Framework">
46 </h1> 47 </h1>
47 <h2>BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.1.0 CSS framework. <br />It provides a faster, easier and less repetitive way for web developers to create elegant web apps.</h2> 48 <h2>BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.1.0 CSS framework. <br/>And, for the designers, we offer a <a href="free-psd.html">free PSD Download</a>. <br />It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps. </h2>
48 <h3>Compatible Browsers: IE8, IE9, IE10, Firefox, Safari, Opera, Chrome.</h3> 49 <h3>Compatible Browsers: IE8, IE9, IE10, Firefox, Safari, Opera, Chrome.</h3>
49 <p class="download-link"> 50 <p class="download-link">
50 <a class="btn btn-primary" href="https://github.com/Bootflat/Bootflat.github.io/archive/master.zip">Download (Version 2.0.0)</a> 51 <a class="btn btn-primary" href="https://github.com/Bootflat/Bootflat.github.io/archive/master.zip">Download (Version 2.0.0)</a>
...@@ -101,11 +102,11 @@ ...@@ -101,11 +102,11 @@
101 </div> 102 </div>
102 </div> 103 </div>
103 </div> 104 </div>
104 <!-- <div class="desc__introduces"> 105 <div class="desc__introduces">
105 <h3>Bootflat examples</h3> 106 <h3>Bootflat UI Kit</h3>
106 <p>Check out our <a href="/examples/">examples</a>, including starter templates and showcase demos.</p> 107 <p>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. <a href="free-psd.html">Go to download it</a>.</p>
107 <div class="photo--responsive"><img src="img/demo-index.png" /></div> 108 <div class="photo--responsive"><img src="img/bootflat-ui-kit.jpg" /></div>
108 </div> --> 109 </div>
109 </div> 110 </div>
110 <!--footer--> 111 <!--footer-->
111 <div class="site-footer"> 112 <div class="site-footer">
...@@ -170,8 +171,8 @@ ...@@ -170,8 +171,8 @@
170 </div> 171 </div>
171 <hr class="dashed" /> 172 <hr class="dashed" />
172 <div class="copyright clearfix"> 173 <div class="copyright clearfix">
173 <p><b>Bootflat</b>&nbsp;&nbsp;&nbsp;&nbsp;<a href="getting-started.html">Getting Started</a>&nbsp;&bull;&nbsp;<a href="documentation.html">Documentation</a><!-- &nbsp;&bull;&nbsp;<a href="examples/">Examples</a> --></p> 174 <p><b>Bootflat</b>&nbsp;&nbsp;&nbsp;&nbsp;<a href="getting-started.html">Getting Started</a>&nbsp;&bull;&nbsp;<a href="documentation.html">Documentation</a>&nbsp;&bull;&nbsp;<a href="free-psd.html">Free PSD</a></p>
174 <p>&copy; 2014 FLATHEMES, Inc. All rights reserved. &nbsp;&nbsp;Code licensed under <a href="http://opensource.org/licenses/mit-license.html" target="_blank" rel="external nofollow">MIT License</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/" rel="external nofollow">CC BY 3.0</a>.</p> 175 <p>&copy; 2014 <a href="http://www.flathemes.com" target="_blank">FLATHEMES</a>, Inc. All rights reserved. &nbsp;&nbsp;Code licensed under <a href="http://opensource.org/licenses/mit-license.html" target="_blank" rel="external nofollow">MIT License</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/" rel="external nofollow">CC BY 3.0</a>.</p>
175 </div> 176 </div>
176 </div> 177 </div>
177 </div> 178 </div>
......