background preloader

Bootstrap Zero

Bootstrap Zero

Theme Template for Bootstrap This is a template showcasing the optional theme stylesheet included in Bootstrap. Use it as a starting point to create something more unique by building on or modifying it. Default Primary Success Info Warning Danger Default Primary Success Info Warning Danger Default Primary Success Info Warning Danger Default Primary Success Info Warning Danger Inbox 42 Well done! Heads up! Warning! Oh snap! 35% Complete (success) 20% Complete (warning) 10% Complete (danger) Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros Panel title Panel content Lorem ipsum dolor sit amet, consectetur adipiscing elit.

FreeHDWalls | high definition wallpapers for your desktop Collapsing Sidebar with Bootstrap 3 3D Book Showcase Red snapper Kafue pike fangtooth humums slipmouth, salmon cutlassfish; swallower European perch mola mola sunfish, threadfin bream. Billfish hog sucker trout-perch lenok orbicular velvetfish. Delta smelt striped bass, medusafish dragon goby starry flounder cuchia round whitefish northern anchovy spadefish merluccid hake cat shark Black pickerel. Whale catfish leatherjacket deep sea anglerfish grenadier sawfish pompano dolphinfish carp large-eye bream, squeaker amago. Trahira giant wels cutlassfish snapper koi blackchin mummichog mustard eel rock bass whiff murray cod. In this nightmare vision of cats in revolt, fifteen-year-old Alex and his friends set out on a diabolical orgy of robbery, rape, torture and murder.

Bootstrap off canvas sidebar template We love faster and easier Bootstrap development and wanted to make a contribution to the Bootstrap community. Bootstrap has evolved to become the most popular front-end, responsive design, CSS and JavaScript framework. Excited about the release of the "mobile-first" Bootstrap 3.0 in August 2013, we decided to build and share this collection of responsive templates that make the most of Bootstrap's powerful grid, CSS and components. Our focus is to make templates that adhere to best practices and make use of the Bootstrap baseline as much as possible. We want to leverage the best of Bootstrap.

Expanding Overlay Effect Lisbon21°C closeLisbon21°CMon19°CTue19°CWed18°CThu17°CFri19°CSat22°CSun18°C Paris11°C closeParis11°CMon12°CTue11°CWed10°CThu9°CFri10°CSat10°CSun12°C Belgrade15°C closeBelgrade15°CMon16°CTue17°CWed15°CThu13°CFri10°CSat11°CSun12°C Moscow2°C closeMoscow1°CMon-1°CTue-2°CWed-6°CThu-4°CFri-5°CSat-6°CSun-8°C New Delhi17°C closeNew Delhi17°CMon18°CTue19°CWed16°CThu17°CFri18°CSat17°CSun17°C Tel Aviv23°C closeTel Aviv22°CMon23°CTue22°CWed22°CThu21°CFri21°CSat21°CSun24°C Cairo21°C closeCairo21°CMon22°CTue20°CWed21°CThu21°CFri21°CSat22°CSun23°C New York3°C closeNew York3°CMon3°CTue-1°CWed-2°CThu1°CFri0°CSat2°CSun3°C San Francisco15°C closeSan Francisco15°CMon16°CTue14°CWed13°CThu15°CFri15°CSat16°CSun15°C Tokyo8°C closeTokyo8°CMon7°CTue6°CWed8°CThu8°CFri6°CSat5°CSun5°C Sydney25°C closeSydney28°CMon24°CTue26°CWed27°CThu30°CFri31°CSat29°CSun29°C

Create Cool Simple Sidebar Menu with Bootstrap 3 and Font Awesome | Programming Tutorial , Sharing , How and Learn Together <title>Simple Sidebar - Start Bootstrap Template</title> <a class="navbar-brand" href="#"><i class="fa fa-rocket fa-4"></i> SEEGATESITE</a> <a href="#"><span class="fa-stack fa-lg pull-left"><i class="fa fa-dashboard fa-stack-1x "></i></span> Dashboard</a> <li><a href="#">link1</a></li> <li><a href="#">link2</a></li> <a href="#"><span class="fa-stack fa-lg pull-left"><i class="fa fa-flag fa-stack-1x "></i></span> Shortcut</a> <li><a href="#"><span class="fa-stack fa-lg pull-left"><i class="fa fa-flag fa-stack-1x "></i></span>link1</a></li> <li><a href="#"><span class="fa-stack fa-lg pull-left"><i class="fa fa-flag fa-stack-1x "></i></span>link2</a></li> <a href="#"><span class="fa-stack fa-lg pull-left"><i class="fa fa-cloud-download fa-stack-1x "></i></span>Overview</a> <a href="#"><span class="fa-stack fa-lg pull-left"><i class="fa fa-cart-plus fa-stack-1x "></i></span>Events</a> <a href="#"><span class="fa-stack fa-lg pull-left"><i class="fa fa-youtube-play fa-stack-1x "></i></span>About</a>

Interactive Infographic with SVG and CSS Animations Learn how to build an interactive animated infographic using SVG, CSS and JavaScript. View demo Download source One of the less talked about features of newer browsers is increasing support for the SVG file format. If you are unfamiliar with SVG, it stands for Scalable Vector Graphics. But one of the really cool things that some developers do not realize is that SVG is built on the XML specification, which at the end of the day means that its plain old markup, and can be worked with in a similar manner to HTML. With the right techniques and modern browser support, developers can now produce some pretty impressive animations, effects and interactions using SVG. Preparing an SVG file There are tons of ways to create SVG graphics, and while it is possible to do some SVG coding “by hand”, for more complex graphics we will want to have some type of vector editing software that can export as SVG. Any object or group can then be assigned a name. Loading SVG into HTML using JavaScript The HTML

Related: