docs/styleguide/index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <title>SugarCRM Patterns and Styleguide</title>
   6     <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
   7     <meta name="apple-mobile-web-app-capable" content="yes">
   8     <meta name="apple-mobile-web-app-status-bar-style" content="black">
   9     <meta name="description" content="Styleguide for SugarCRM">
  10     <meta name="author" content="SugarCRM">
  11     <!-- HTML5 shim, for IE6-8 support of HTML elements -->
  12     <!--[if lt IE 9]>
  13       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  14     <![endif]-->
  15     <link href="../../themes/default/css/bootstrap.css" rel="stylesheet">
  16     <link href="../../themes/default/images/sugar_icon.ico" rel="SHORTCUT ICON">
  17   </head>
  18   <body id="index">
  19     <div class="container">
  20       <header class="jumbotron tcenter">
  21           <h1>SugarCRM Pattern and Style Library</h1>
  22           <p>Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.</p>
  23       </header>
  24       <div class="marketing">
  25         <div class="row">
  26           <div class="span3">
  27             <h3><a href="scaffolding.html">Scaffold</a></h3>
  28             <p>A responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.</p>
  29           </div>
  30           <div class="span3">
  31             <h3><a href="base-css.html">Base CSS</a></h3>
  32             <p>On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.</p>
  33           </div>
  34           <div class="span3">
  35             <h3><a href="components.html">Components</a></h3>
  36             <p>Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.</p>
  37           </div>
  38           <div class="span3">
  39             <h3><a href="widgets.html">Dynamic Widgets</a></h3>
  40             <p>Modals, dropdowns, dynamic ui elements, javascript (jquery) widgets</p>
  41           </div>
  42         </div>
  43       </div>
  44     </div>
  45   </body>
  46 </html>