TwitterBootsrap and FontAwesome 3.2 wrapped in iOS 7 design
Several months ago, before new iOS 7 mobile software release date, i was working on app showcase project for my client.
Customer wanted to build a website in iOS 7 style,colors and fonts. At that time it was quite difficult to find any similar projects on the web and i had to start from scratch. First – colors. Apple joined Microsoft and Google in “Flat Design Club” and i had to build website following flat design guidelines. I build many variations and design templates so that customer would have from what to choose. It took me couple weeks and my project was finally finished. Client was happy and i was satisfied that i was able to achieve not an easy task. Out of many sketches i chose one, made couple of variations, quickly wrote short documentation and decided to share with you guys.It’s totally free and you can use it for your projects. You are not allowed to resell it without author permission.
Landing Page Build With TwitterBootstrap
TwitterBootstrap is the most popular Github directory, and saves heaps amount of time for web designers and developers.Amazing variety of elements, right out of the box makes this tool incredibly useful. I love it and i use it in all my projects. If you didn’t try yet , i would highly recommend you to start using it. There are a lot of websites and blogs dedicated to TwitterBootstrap subject , so i am not going to explain what is it and how it works. Search on Google and you will find thousands of great websites, tutorials and premium templates stores.
Icons by FontAwesome 3.2
Another great and useful tool for web developers – FontAwesome Icons. More then 300 icons with ability to be scaled, customized, and animated. It’s very easy and simple to use and implement into TwitterBootstrap project. It’s one of my favorites icon Set. Recently I discovered iconmonstr and i really love it! You can customize icons online and download for free personal use.
Responsive Design
In todays world where mobile devices usage is sky-rocking, i strongly believe, that it’s essential make website responsive.
Of course mobile app is another option, but that is more costly and not in every case necessary.Unless your website, web store or online project generates substantial amount of income and you need to expand and maximize sales by entering app stores.
For a regular website, responsive design gives a lot of advantages and user engagement. This free template , which you are welcome to download is fully responsive and looks great on any mobile or tablet device.
iOS 7 Colors
There has been many discussions whether new Apple design is better than previous one or not. Personally i like both and i think Apple kept their style since company beginning – rainbow color pallet. They came back to where they started: iOS 7 colors are same as first Apple logo,accept this time John Ivy added flat element into it.
Four Different Header Styles
Free download file includes four different header styles: video, slider, app download and social login buttons.
Possibility to choose different header layout, gives you better chance to adopt this template to your needs. Important: don’t forget that this is front-end design and is suitable for a static pages. If you like to make it functional (e.g.social login actions) you need to implement additional back-end script functionalities.
You can check out four pages demo here
Free Download and Documentation
As i mentioned before this TwitterBootstrap free theme comes with documentation. I have covered main features and main script sections. Its simple and easy to navigate and edit. If you need more help and support please leave your comments below.We all can discuss and find solutions together as i believe there are many people these days who have a good knowledge about TwitterBootstrap tool. I do not provide support by email as this item is totally free. I will only reply to the comments as it will be easier for you and for me to have this discussion publicly.
HTML5 Validated
Free iOS 7 TwitterBootstrap theme comes with clean and HTML5 valid code. Code is divided into sections, so it’s easy to understand, navigate and edit it.
Please Share, Comment and Link Back to Us
If you like this template and find it useful please comment, share it on social networks or donate backlink to our blog.
If you want to find out first about new coming free items you can always follow me on Twitter Follow @MantasMalukas
[product_page id=”5567″]
