bootstarp for your template

21
for your Shinta Saptarini |March, 12 2016 Bootstrap for your template 12/03/2016 Bootstrap Template

Upload: shinta-saptarini

Post on 15-Apr-2017

168 views

Category:

Technology


0 download

TRANSCRIPT

Bootstrap for your template

for yourShinta Saptarini |March, 12 2016

12/03/2016

BootstrapTemplate

Bootstrap for your template

What is Template ?

12/03/2016

Bootstrap for your template

What is Web Design

12/03/2016

?

Bootstrap for your template12/03/2016

Bootstrap for your template

What’s your COLOR

?

12/03/2016

Bootstrap for your template

Flat color

12/03/2016

Bootstrap for your template

why Bootsrap?

what

who

12/03/2016

where

whenhow

Bootstrap for your template

What’s the same ?

12/03/2016

Bootstrap for your template

• Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications.

• Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.

• Bootstrap is the most-starred project on GitHub, with over 90K stars and more than 38K forks.

12/03/2016

About Bootstrap

Bootstrap for your template

• Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter, and released as an open source product in August 2011 on GitHub.

• In June 2014 Bootstrap was the No.1 project on GitHub!

Bootstrap History

12/03/2016

Bootstrap for your template

Advantages of Bootstrap:• Easy to use: Anybody with just basic knowledge of HTML and CSS can start

using Bootstrap• Responsive features: Bootstrap's responsive CSS adjusts to phones, tablets,

and desktops• Mobile-first approach: In Bootstrap 3, mobile-first styles are part of the core

framework• Browser compatibility: Bootstrap is compatible with all modern browsers

(Chrome, Firefox, Internet Explorer, Safari, and Opera)

12/03/2016

Why Use Bootstrap ?

Bootstrap for your template

There are two ways to start using Bootstrap on your own web site.You can:• Download Bootstrap from getbootstrap.com• Include Bootstrap from a CDN

12/03/2016

Where to Get Bootstrap?

Bootstrap for your template

Save 100+ hours of codingEasy to use web elementsQuick responsive prototype / websiteGreat Documentation

12/03/2016

Why Choosing Bootstrap?

Bootstrap for your template12/03/2016

Button groups Button dropdowns Navigational tabs, pills, and lists Navbar Labels Badges Page headers and hero unit Thumbnails Alerts

Component & Javascript plugin Bootstrap?

Progress bars Modals Dropdowns Tooltips Popovers Accordion Carousel Typeahead

Bootstrap for your template

The core of Bootsrap

12/03/2016

Tag DIV<div></div>

Classclass =“...”

IdId =“....”

Bootstrap for your template

Bootstrap structure

12/03/2016

Bootstrap provides

Bootstrap for your template

You can learn more on :

12/03/2016

Bootstrap for your template12/03/2016

Download :

http://ebook3000.com

RECOMMENDED BOOK BEFORE LEARNING BOOTSRAP

Bootstrap for your template12/03/2016

The Only way to do Great Work

is to Love what you do

STAY HUNGRY STAY FOOLISH

Bootstrap for your template12/03/2016

THANK YOU FOR Sleeping Listening