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
Inline Side-by-side
Showing 7 changed files with 294 additions and 15 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
...@@ -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>
......
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>Bootflat UI Kit Free PSD Download - Bootflat</title>
6 <!-- Sets initial viewport load and disables zooming -->
7 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
8 <!-- SmartAddon.com Verification -->
9 <meta name="smartaddon-verification" content="936e8d43184bc47ef34e25e426c508fe" />
10 <!-- site css -->
11 <link rel="stylesheet" href="css/site.min.css">
12 <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic" rel="stylesheet" type="text/css">
13 <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
14 <!--[if lt IE 9]>
15 <script src="js/html5shiv.js"></script>
16 <script src="js/respond.min.js"></script>
17 <![endif]-->
18 <script type="text/javascript" src="js/site.min.js"></script>
19 </head>
20 <body>
21 <div class="docs-header">
22 <!--nav-->
23 <nav class="navbar navbar-default navbar-custom" role="navigation">
24 <div class="container">
25 <div class="navbar-header">
26 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
27 <span class="sr-only">Toggle navigation</span>
28 <span class="icon-bar"></span>
29 <span class="icon-bar"></span>
30 <span class="icon-bar"></span>
31 </button>
32 <a class="navbar-brand" href="index.html"><img src="img/logo.png" height="40"></a>
33 </div>
34 <div class="collapse navbar-collapse">
35 <ul class="nav navbar-nav navbar-right">
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>
38 <li><a class="nav-link current" href="free-psd.html">Free PSD</a></li>
39 </ul>
40 </div>
41 </div>
42 </nav>
43 <!--header-->
44 <div class="topic">
45 <div class="container">
46 <h3>Bootflat UI Kit (Version 2.0.0)</h3>
47 <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>
48 <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;
49 <span class="github github-watch">
50 <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>
51 </span>
52 <span class="github github-fork">
53 <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>
54 </span>
55 </div>
56 <div class="topic__infos">
57 <div class="container">
58 Bootflat UI is a set of beautiful components featuring the flat design trend.
59 </div>
60 </div>
61 </div>
62 </div>
63 <div class="psd-download">
64 <div class="container">
65 <div class="row">
66 <div class="col-md-10">
67 <h2>Overview</h2>
68 <p class="infos">We love the new graphic design trend, and Bootflat UI Kit is a kind of style. Simple, rich and colorful and graphic design of components of the UI almost any project is perfect, from the complex Web applications and small start-up project website, and follow the Bootflat Frame update.</p>
69 <div class="row">
70 <div class="col-md-6">
71 <div class="row">
72 <div class="col-md-4"><img src="img/fast.png" /></div>
73 <div class="col-md-8">
74 <h4>Save your time</h4>
75 <p>Don't waste your time on the composition of the same. Use your time to develop new ideas and projects.</p>
76 </div>
77 </div>
78 </div>
79 <div class="col-md-6">
80 <div class="row">
81 <div class="col-md-4"><img src="img/design.png" /></div>
82 <div class="col-md-8">
83 <h4>Elaborate design</h4>
84 <p>All the components are independent, easy to be integrated into the design and layout of any project.</p>
85 </div>
86 </div>
87 </div>
88 </div>
89 <div class="row">
90 <div class="col-md-6">
91 <div class="row">
92 <div class="col-md-4"><img src="img/together.png" /></div>
93 <div class="col-md-8">
94 <h4>Components fit together</h4>
95 <p>All components to use the same style. You can easily apply them in the design projects of various.</p>
96 </div>
97 </div>
98 </div>
99 <div class="col-md-6 clearfix">
100 <div class="row">
101 <div class="col-md-4"><img src="img/prototyping.png" /></div>
102 <div class="col-md-8">
103 <h4>Fast prototyping</h4>
104 <p>You will be able to quickly develop high-quality prototypes in full-color. Your clients will appreciate prototypes with beautiful components.</p>
105 </div>
106 </div>
107 </div>
108 </div>
109 </div>
110 </div>
111 </div>
112 </div>
113 <div class="previews">
114 <div class="container">
115 <h2>Preview</h2>
116 <p>You will find Buttons, Text edits, Menus, Sliders and more, Beautiful Complex Blocks and many other useful web elements. </p>
117 </div>
118 <img src="img/bootflat-ui-kit.jpg" alt="Bootflat UI Kit" />
119 <div class="container">
120 <h2>Thanks for watching!</h2>
121 <p>I hope you will enjoy this new product, and if you use it, do not forget to share your projects with us. I love to see all the great things you are working on!</p>
122 </div>
123 </div>
124 <!--footer-->
125 <div class="site-footer">
126 <div class="container">
127 <div class="download">
128 <span class="download__infos">You can <b>free</b> download it.</span>&nbsp;&nbsp;&nbsp;&nbsp;
129 <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;
130 <!-- SmartAddon BEGIN -->
131 <script type="text/javascript">
132 (function() {
133 var s=document.createElement('script');s.type='text/javascript';s.async = true;
134 s.src='http://s1'+'.smartaddon.com/share_addon.js';
135 var j =document.getElementsByTagName('script')[0];j.parentNode.insertBefore(s,j);
136 })();
137 </script>
138
139 <a href="http://www.smartaddon.com/?share" title="Share Button" onclick="return sa_tellafriend('','bookmarks')"><img alt="Share" src="http://bootflat.github.io/img/share.gif" border="0" /></a>
140 <!-- SmartAddon END -->
141 </div>
142 <hr class="dashed" />
143 <div class="row">
144 <div class="col-md-4">
145 <h3>Get involved</h3>
146 <p>Bootflat is hosted on <a href="https://github.com/bootflat/Bootflat.UI.Kit.PSD" target="_blank" rel="external nofollow">GitHub</a> and open for everyone to contribute. Please give us some feedback and join the development!</p>
147 </div>
148 <div class="col-md-4">
149 <h3>Contribute</h3>
150 <p>You want to help us and participate in the development or the documentation? Just fork Bootflat on <a href="https://github.com/Bootflat/Bootflat.UI.Kit.PSD" target="_blank" rel="external nofollow">GitHub</a> and send us a pull request.</p>
151 </div>
152 <div class="col-md-4">
153 <h3>Found a bug?</h3>
154 <p>Open a <a href="https://github.com/bootflat/Bootflat.UI.Kit.PSD/issues" target="_blank" rel="external nofollow">new issue</a> on GitHub. Please search for existing issues first and make sure to include all relevant information.</p>
155 </div>
156 </div>
157 <hr class="dashed" />
158 <div class="row">
159 <div class="col-md-6">
160 <h3>Talk to us</h3>
161 <ul>
162 <li>Tweet us at <a href="https://twitter.com/flathemes" target="_blank">@flathemes</a>&nbsp;&nbsp;&nbsp;&nbsp;Email us at <span class="connect">info@flathemes.com</span></li>
163 <li>
164 <a title="Twitter" href="https://twitter.com/flathemes" target="_blank" rel="external nofollow"><i class="icon" data-icon="&#xe121"></i></a>
165 <a title="Facebook" href="https://www.facebook.com/Flathemes" target="_blank" rel="external nofollow"><i class="icon" data-icon="&#xe10b"></i></a>
166 <a title="Google+" href="https://plus.google.com/u/0/" target="_blank" rel="external nofollow"><i class="icon" data-icon="&#xe110"></i></a>
167 <a title="Github" href="https://github.com/bootflat/bootflat.github.io" target="_blank" rel="external nofollow"><i class="icon" data-icon="&#xe10e"></i></a>
168 </li>
169 </ul>
170 </div>
171 <div class="col-md-6">
172 <!-- Begin MailChimp Signup Form -->
173 <link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
174 <div id="mc_embed_signup">
175 <h3 style="margin-bottom: 15px;">Newsletter</h3>
176 <form action="http://flathemes.us3.list-manage.com/subscribe/post?u=faba9adaea2b85dc9a5c496bd&amp;id=acd08a1b0f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
177 <input style="margin-bottom: 10px;" type="email" value="" name="EMAIL" class="email form-control" id="mce-EMAIL" placeholder="email address" required>
178 <span class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary"></span>
179 </form>
180 </div>
181 <!--End mc_embed_signup-->
182 </div>
183 </div>
184 <hr class="dashed" />
185 <div class="copyright clearfix">
186 <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>
187 <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>
188 </div>
189 </div>
190 </div>
191 <script>
192 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
193 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
194 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
195 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
196
197 ga('create', 'UA-48721682-1', 'bootflat.github.io');
198 ga('send', 'pageview');
199
200 </script>
201 </body>
202 </html>
...@@ -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>
......