Archives

Sample article 6

Lorem ipsum door sit amet, fugiat deicata avise id cum, no quo maiorum intel ogrets geuiat opertslita libere avisse id cumlegebat, Qque ligula ipsum, euismod a vulputate a, ultricies et elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.....

Archives

Sample article 5

Lorem ipsum door sit amet, fugiat deicata avise id cum, no quo maiorum intel ogrets geuiat opertslita libere avisse id cumlegebat, Qque ligula ipsum, euismod a vulputate a, ultricies et elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.....

Archives

Sample article 4

Lorem ipsum door sit amet, fugiat deicata avise id cum, no quo maiorum intel ogrets geuiat opertslita libere avisse id cumlegebat, Qque ligula ipsum, euismod a vulputate a, ultricies et elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.....

Archives

Sample article 3

Lorem ipsum door sit amet, fugiat deicata avise id cum, no quo maiorum intel ogrets geuiat opertslita libere avisse id cumlegebat, Qque ligula ipsum, euismod a vulputate a, ultricies et elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.....

Archives

Sample article 2

Lorem ipsum door sit amet, fugiat deicata avise id cum, no quo maiorum intel ogrets geuiat opertslita libere avisse id cumlegebat, Qque ligula ipsum, euismod a vulputate a, ultricies et elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.....

Sample article 1

Archives

Sample article 8

Lorem ipsum door sit amet, fugiat deicata avise id cum, no quo maiorum intel ogrets geuiat opertslita libere avisse id cumlegebat, Qque ligula ipsum, euismod a vulputate a, ultricies et elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.....

Archives

Et-icons

ET Icons below is the list of line icons examples myicon-mobile myicon-laptop myicon-desktop myicon-tablet myicon-phone myicon-document myicon-documents myicon-search myicon-clipboard myicon-newspaper myicon-notebook myicon-book-open myicon-browser myicon-calendar myicon-presentation myicon-picture myicon-pictures myicon-video myicon-camera myicon-printer myicon-toolbox myicon-briefcase myicon-wallet myicon-gift myicon-bargraph myicon-grid myicon-expand myicon-focus myicon-edit myicon-adjustments myicon-ribbon myicon-hourglass myicon-lock myicon-megaphone myicon-shield myicon-trophy myicon-flag myicon-map myicon-puzzle myicon-basket myicon-envelope myicon-streetsign myicon-telescope myicon-gears myicon-key myicon-paperclip myicon-attachment myicon-pricetags myicon-lightbulb myicon-layers myicon-pencil myicon-tools myicon-tools-2 myicon-scissors myicon-paintbrush myicon-magnifying-glass myicon-circle-compass myicon-linegraph myicon-mic myicon-strategy myicon-beaker myicon-caution myicon-recycle myicon-anchor myicon-profile-male myicon-profile-female myicon-bike myicon-wine myicon-hotairballoon myicon-globe myicon-genius myicon-map-pin myicon-dial myicon-chat myicon-heart myicon-cloud myicon-upload myicon-download myicon-target myicon-hazardous myicon-piechart myicon-speedometer myicon-global myicon-compass myicon-lifesaver myicon-clock myicon-aperture myicon-quote myicon-scope myicon-alarmclock myicon-refresh myicon-happy myicon-sad myicon-facebook myicon-twitter myicon-googleplus myicon-rss myicon-tumblr myicon-linkedin myicon-dribbble

Archives

Font awesome icons list

Font awesome icons below is the list of Font awesome icons examples anchor archive area-chart arrows arrows-h arrows-v asterisk at automobile (alias) ban bank (alias) bar-chart bar-chart-o (alias) barcode bars bed beer bell bell-o bell-slash bell-slash-o bicycle binoculars birthday-cake bolt bomb book bookmark bookmark-o briefcase bug building building-o bullhorn bullseye bus cab (alias) calculator calendar calendar-o camera camera-retro car caret-square-o-down caret-square-o-left caret-square-o-right caret-square-o-up cart-arrow-down cart-plus cc certificate check check-circle check-circle-o check-square check-square-o child circle circle-o circle-o-notch circle-thin clock-o close (alias) cloud cloud-download cloud-upload code code-fork coffee cog cogs comment comment-o comments comments-o compass copyright credit-card crop crosshairs cube cubes cutlery dashboard (alias) database desktop diamond dot-circle-o download edit (alias) ellipsis-h ellipsis-v envelope envelope-o envelope-square eraser exchange exclamation exclamation-circle exclamation-triangle external-link external-link-square eye eye-slash eyedropper fax female fighter-jet file-archive-o file-audio-o file-code-o file-excel-o file-image-o file-movie-o (alias) file-pdf-o file-photo-o (alias) file-picture-o (alias) file-powerpoint-o file-sound-o (alias) file-video-o file-word-o file-zip-o (alias) film filter fire fire-extinguisher flag flag-checkered flag-o flash (alias) flask folder folder-o folder-open folder-open-o frown-o futbol-o gamepad gavel gear (alias) gears (alias) genderless (alias) gift glass globe graduation-cap group (alias) hdd-o headphones heart heart-o heartbeat history home hotel (alias) image (alias) inbox info info-circle institution (alias) key keyboard-o language laptop leaf legal (alias) lemon-o level-down level-up life-bouy (alias) life-buoy (alias) life-ring life-saver (alias) lightbulb-o line-chart location-arrow lock magic magnet mail-forward (alias) mail-reply (alias) mail-reply-all (alias) male map-marker meh-o microphone microphone-slash minus minus-circle minus-square minus-square-o mobile mobile-phone (alias) money moon-o mortar-board (alias) motorcycle music navicon (alias) newspaper-o paint-brush paper-plane paper-plane-o paw pencil pencil-square pencil-square-o phone phone-square photo (alias) picture-o pie-chart plane plug plus plus-circle plus-square plus-square-o power-off print puzzle-piece qrcode question question-circle quote-left quote-right random recycle refresh remove (alias) reorder (alias) reply reply-all retweet road rocket rss rss-square search search-minus search-plus send (alias) send-o (alias) server share share-alt share-alt-square share-square share-square-o shield ship shopping-cart sign-in sign-out signal sitemap sliders smile-o soccer-ball-o (alias) sort sort-alpha-asc sort-alpha-desc sort-amount-asc sort-amount-desc sort-asc sort-desc sort-down (alias) sort-numeric-asc sort-numeric-desc sort-up (alias) space-shuttle spinner spoon square square-o star star-half star-half-empty (alias) star-half-full (alias) star-half-o star-o street-view suitcase sun-o support (alias) tablet tachometer tag tags tasks taxi terminal thumb-tack thumbs-down thumbs-o-down thumbs-o-up thumbs-up ticket times times-circle times-circle-o tint toggle-down (alias) toggle-left (alias) toggle-off toggle-on toggle-right (alias) toggle-up (alias) trash trash-o tree trophy truck tty umbrella university unlock unlock-alt unsorted (alias) upload user user-plus user-secret user-times users video-camera volume-down volume-off volume-up warning (alias) wheelchair wifi wrench ambulance automobile (alias) bicycle bus cab (alias) car fighter-jet motorcycle plane rocket ship space-shuttle subway taxi train truck wheelchair circle-thin genderless (alias) mars mars-double mars-stroke mars-stroke-h mars-stroke-v mercury neuter transgender transgender-alt venus venus-double venus-mars file file-archive-o file-audio-o file-code-o file-excel-o file-image-o file-movie-o (alias) file-o file-pdf-o file-photo-o (alias) file-picture-o (alias) file-powerpoint-o file-sound-o (alias) file-text file-text-o file-video-o file-word-o file-zip-o (alias) ambulance automobile (alias) bicycle bus cab (alias) car fighter-jet motorcycle plane rocket ship space-shuttle subway taxi train truck wheelchair circle-thin genderless (alias) mars mars-double mars-stroke mars-stroke-h mars-stroke-v mercury neuter transgender transgender-alt venus venus-double venus-mars file file-archive-o file-audio-o file-code-o file-excel-o file-image-o file-movie-o (alias) file-o file-pdf-o file-photo-o (alias) file-picture-o (alias) file-powerpoint-o file-sound-o (alias) file-text file-text-o file-video-o file-word-o file-zip-o (alias) check-square check-square-o circle circle-o dot-circle-o minus-square minus-square-o plus-square plus-square-o square square-o cc-amex cc-discover

Archives

Line icons list

Line Icons below is the list of line icons examples icon-line-eye icon-line-paper-clip icon-line-mail icon-line-toggle icon-line-layout icon-line-link icon-line-bell icon-line-lock icon-line-unlock icon-line-ribbon icon-line-image icon-line-signal icon-line-target icon-line-clipboard icon-line-clock icon-line-watch icon-line-air-play icon-line-camera icon-line-video icon-line-disc icon-line-printer icon-line-monitor icon-line-server icon-line-cog icon-line-heart icon-line-paragraph icon-line-align-justify icon-line-align-left icon-line-align-center icon-line-align-right icon-line-book icon-line-layers icon-line-stack icon-line-stack-2 icon-line-paper icon-line-paper-stack icon-line2-magnifier-remove icon-line2-paper-clip icon-line2-paper-plane icon-line2-plus icon-line2-pointer icon-line2-power icon-line2-refresh icon-line2-reload icon-line2-settings icon-line2-star icon-line2-symbol-female icon-line2-symbol-male icon-line2-target icon-line2-volume-1 icon-line2-volume-2 icon-line2-volume-off icon-line2-users icon-line2-globe-alt icon-line2-globe icon-line2-frame icon-line2-folder-alt icon-line2-film icon-line2-feed icon-line2-earphones-alt icon-line2-earphones icon-line2-drop icon-line2-drawer icon-line2-docs icon-line2-directions icon-line2-direction icon-line2-diamond icon-line2-cup icon-line2-compass icon-line2-call-out icon-line2-call-in icon-line2-call-end icon-line2-calculator icon-line2-handbag icon-line2-briefcase icon-line2-book-open icon-line2-basket-loaded icon-line2-basket icon-line2-bag icon-line2-action-undo icon-line2-action-redo icon-line2-wrench icon-line2-umbrella icon-line2-trash icon-line2-tag icon-line2-support icon-line2-size-fullscreen icon-line2-size-actual icon-line2-shuffle icon-line2-share-alt icon-line2-share icon-line2-rocket icon-line2-question icon-line2-pie-chart icon-line2-pencil icon-line2-note icon-line2-music-tone-alt icon-line2-music-tone icon-line2-microphone icon-line2-loop icon-line2-logout icon-line2-login icon-line2-list icon-line2-like icon-line2-home icon-line2-grid icon-line2-graph icon-line2-equalizer icon-line2-dislike icon-line2-cursor icon-line2-control-start icon-line2-control-rewind icon-line2-control-play icon-line2-control-pause icon-line2-control-forward icon-line2-control-end icon-line2-calendar icon-line2-bulb icon-line2-bar-chart icon-line2-arrow-up icon-line2-arrow-right icon-line2-arrow-left icon-line2-arrow-down icon-line2-ban icon-line2-bubble icon-line2-camcorder icon-line2-camera icon-line2-check icon-line2-clock icon-line2-close icon-line2-cloud-download icon-line2-cloud-upload icon-line2-doc icon-line2-envelope icon-line2-eye icon-line2-flag icon-line2-folder icon-line2-heart icon-line2-info icon-line2-key icon-line2-link icon-line2-lock icon-line2-lock-open icon-line2-magnifier icon-line2-magnifier-add icon-line2-bubbles icon-line-search icon-line-zoom-in icon-line-zoom-out icon-line-reply icon-line-circle-plus icon-line-circle-minus icon-line-circle-check icon-line-circle-cross icon-line-square-plus icon-line-square-minus icon-line-square-check icon-line-square-cross icon-line-microphone icon-line-record icon-line-skip-back icon-line-rewind icon-line-play icon-line-pause icon-line-stop icon-line-fast-forward icon-line-skip-forward icon-line-shuffle icon-line-repeat icon-line-folder icon-line-umbrella icon-line-moon icon-line-thermometer icon-line-drop icon-line-sun icon-line-cloud icon-line-cloud-upload icon-line-cloud-download icon-line-upload icon-line-download icon-line-location icon-line-location-2 icon-line-map icon-line-battery icon-line-head icon-line-briefcase icon-line-speech-bubble icon-line-anchor icon-line-globe icon-line-box icon-line-reload icon-line-share icon-line-marquee icon-line-marquee-plus icon-line-marquee-minus icon-line-tag icon-line-power icon-line-command icon-line-alt icon-line-esc icon-line2-anchor icon-line2-wallet icon-line2-vector icon-line2-speech icon-line2-puzzle icon-line2-printer icon-line2-present icon-line2-playlist icon-line2-pin icon-line2-picture icon-line2-map icon-line2-layers icon-line2-social-dropbox icon-line2-social-dribbble icon-line2-shield icon-line2-screen-tablet icon-line2-magic-wand icon-line-bar-graph-2 icon-line2-hourglass icon-line-bar-graph icon-line-pie-graph icon-line-star icon-line-arrow-left icon-line-arrow-right icon-line-arrow-up icon-line-arrow-down icon-line-volume icon-line-mute icon-line-content-right icon-line-content-left icon-line-grid icon-line-grid-2 icon-line-columns icon-line-loader icon-line-bag icon-line-ban icon-line-flag icon-line-trash icon-line-expand icon-line-contract icon-line-maximize icon-line-minimize icon-line-plus icon-line-minus icon-line-check icon-line-cross icon-line-move icon-line-delete icon-line-menu icon-line-archive icon-line-inbox icon-line-outbox icon-line-file icon-line-file-add icon-line-file-subtract icon-line-help icon-line-open icon-line-ellipsis icon-line2-user-female icon-line2-user-follow icon-line2-user-following icon-line2-user-unfollow icon-line2-trophy icon-line2-screen-smartphone icon-line2-screen-desktop icon-line2-plane icon-line2-notebook icon-line2-moustache icon-line2-mouse icon-line2-magnet icon-line2-energy icon-line2-emoticon-smile icon-line2-disc icon-line2-cursor-move icon-line2-crop icon-line2-credit-card icon-line2-chemistry icon-line2-user icon-line2-speedometer icon-line2-social-youtube icon-line2-social-twitter icon-line2-social-tumblr icon-line2-social-facebook icon-line2-graduation icon-line2-ghost icon-line2-game-controller icon-line2-fire icon-line2-eyeglasses icon-line2-envelope-open icon-line2-envelope-letter icon-line2-bell icon-line2-badge

Archives

columns

ONE HALF 1/2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur. ONE HALF 1/2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur. ONE THIRD 1/3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. ONE THIRD 1/3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. ONE THIRD 1/3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. ONE THIRD 1/3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. ONE THIRD 2/3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. Aenean id felis sed ligula volutpat consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. ONE FOURTH 1/4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. ONE FOURTH 1/4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. ONE FOURTH 1/4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. ONE FOURTH 1/4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. ONE FOURTH 1/4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Three FOURTH 3/4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. ONE Sixth 1/6 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. ONE Sixth 1/6 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. ONE Sixth 1/6 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. ONE Sixth 1/6 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. ONE Sixth 1/6 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. ONE Sixth 1/6 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. ONE Sixth 1/6 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor. five Sixth 5/6 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Full Width Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend rerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor.   

Archives

Typography

h1. Heading Secondary text h2. Heading Secondary text h3. Heading Secondary text h4. Heading Secondary text h5. Heading Secondary text h6. Heading Secondary text TIPS: Create lighter, secondary text in any heading with a generic <small> tag or the .small class. Example body text This is a lead paragraph. Make a paragraph stand out by adding .lead. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula. The following snippet of text is rendered as bold text. The following snippet of text is rendered as italicized text. An abbreviation of the word attribute is attr.   Address Company Name 795 Folsom Ave, Suite 600 San Francisco, CA 94107P: (123) 456-7890Full NameP: (123) 456-7890first.last@example.com Emphasis classes This is a .mute paragraph. This is a .text-primary paragraph. This is a .text-warning paragraph. This is a .text-danger paragraph. This is a .text-success paragraph. This is a .text-info paragraph. Alignment classes This is a left aligned text .text-left This is a center aligned text .text-center This is a right aligned text .text-right This is a justify aligned text which is often used in Book Design, Magazine or special Typo Pages. Create a justify aligned text with .text-justify class.   Blockquotes This is a <blockquote> in a <.well>. Quote's author in Source Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Quote's author in Source Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Quote's author in Source Title     Color Swatches Brand Colors #1bbc9bBrand Primary #2c3e50Brand Secondary #f0ad4eBrand Warning #d9534fBrand Danger #5bc0deBrand Info #5cb85cBrand Success Grayscale Levels #222222Gray Darker #3333333Gray Dark #666666Gray #999999Gray Light #eeeeeeGray Lighter #f7f7f7Gray Lightest   Tabs Home Profile Disabled Dropdown Action Another action Another action In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes. GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor). In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes. GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor). In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes. GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor). In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes. GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor). Vertical Menus Active Menu Item Menu Item Menu Item Disabled Menu Item Dropdown Action Another action Something else here Separated link     Buttons Default Button Primary Button Success Button Inverse Button Info Button Warning Button Danger Button Disabled Button   Inputs Input success Input error Input warning Disabled input   Sample Basic Form Legend Email Password Checkbox Textarea A longer block of help text that breaks onto a new line and may extend beyond one line. Radios Option one is this Option two can be something else Selects 1234512345 CancelSubmit     Hero Units Jumbotron This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information. Call to Action Primary Jumbotron This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information. Call to Action Masthead This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information. Call to Action Primary Masthead This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information. Call to Action   Thumbnails Extend Bootstrap's grid system with the thumbnail component to easily display grids of images, videos, text, and more. Default example By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup. Custom content With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails. Thumbnail label Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. ButtonButton Thumbnail label Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. ButtonButton Thumbnail label Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. ButtonButton Media Object Media heading Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Media heading Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Nested media heading Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.   Basic Tables #Column headingColumn headingColumn heading 1 Column content Column content Column content 2 Column content Column content Column content 3 Column content Column content Column content 4 Column content Column content Column content 5 Column content Column content Column content 6 Column content Column content Column content 7 Column content Column content Column content #Column headingColumn headingColumn heading 1 Column content Column content Column content 2 Column content Column content Column content 3 Column content Column content Column content 4 Column content Column content Column content 5 Column content Column content Column content 6 Column content Column content Column content 7 Column content Column content Column content   Bordered Tables #Column headingColumn headingColumn heading 1 Column content Column content Column content 2 Column content Column content Column content 3 Column content Column content Column content 4 Column content Column content Column content 5 Column content Column content Column content 6 Column content Column content Column content 7 Column content Column content Column content #Column headingColumn headingColumn heading 1 Column content Column content Column content 2 Column content Column content Column content 3 Column content Column content Column content 4 Column content Column content Column content 5 Column content Column content Column content 6 Column content Column content Column content 7 Column content Column content Column content     Alerts and Notifications ×Oh snap!Change a few things up and try submitting again. ×Well done! You successfully read this important alert message. ×Heads up! This alert needs your attention, but it's not super important. ×Warning! Best check yo self, you're not looking too good.   Badges Home 42 Profile Messages 25 Notices 2 Labels DefaultPrimarySuccessInfoWarningDanger     List groups 14 Cras justo odio 2 Dapibus ac facilisis in Morbi leo risus 1 Morbi leo risus 2 Dapibus ac facilisis in 9 Cras justo odioDapibus ac facilisis inMorbi leo risusPorta ac consectetur acVestibulum at eros List group item heading Donec id elit non mi porta gravida at eget metus risus varius blandit. List group item heading Donec id elit non mi porta gravida at eget metus. List group item heading Donec id elit non mi porta gravida at eget metus.   Panels Panel heading Panel content Panel primary Panel content Panel success Panel content Panel warning Panel content Panel danger Panel content Panel info Panel content   Wells Look, I'm in a small well! Look, I'm in a well! Look, I'm in a large well!