|  | @@ -11,75 +11,24 @@
 | 
	
		
			
			| 11 | 11 |        </div>
 | 
	
		
			
			| 12 | 12 |  
 | 
	
		
			
			| 13 | 13 |        <div class="row">
 | 
	
		
			
			| 14 |  | -        <div class="span3">
 | 
	
		
			
			| 15 |  | -          <h3>Store structured data</h3>
 | 
	
		
			
			| 16 |  | -          <ul>
 | 
	
		
			
			| 17 |  | -            <li>contact information,</li>
 | 
	
		
			
			| 18 |  | -            <li>notes, files,</li>
 | 
	
		
			
			| 19 |  | -            <li>todos, events, reminders,</li>
 | 
	
		
			
			| 20 |  | -            <li>...</li>
 | 
	
		
			
			| 21 |  | -          </ul>
 | 
	
		
			
			|  | 14 | +        <div class="span2 alert alert-success">
 | 
	
		
			
			|  | 15 | +          <p><button><i class="icon-g-cardio"></i> <strong>Track</strong> projects</button></p>
 | 
	
		
			
			|  | 16 | +          <p><button><i class="icon-g-edit"></i> <strong>Take</strong> notes</button></p>
 | 
	
		
			
			|  | 17 | +          <p><button><i class="icon-g-attach"></i> <strong>Keep</strong> files</button></p>
 | 
	
		
			
			|  | 18 | +          <span><button><i class="icon-g-ok"></i> <strong>Manage</strong> status</button></span>
 | 
	
		
			
			| 22 | 19 |          </div>
 | 
	
		
			
			| 23 |  | -
 | 
	
		
			
			| 24 |  | -        <div class="span3">
 | 
	
		
			
			| 25 |  | -          <h3>Share information</h3>
 | 
	
		
			
			|  | 20 | +        <div class="span6 well well-small">
 | 
	
		
			
			|  | 21 | +          <h5>
 | 
	
		
			
			|  | 22 | +            <i class="icon-g-group"></i>
 | 
	
		
			
			|  | 23 | +            Use cases
 | 
	
		
			
			|  | 24 | +          </h5>
 | 
	
		
			
			| 26 | 25 |            <ul>
 | 
	
		
			
			| 27 |  | -            <li>Data is private, shared or public,</li>
 | 
	
		
			
			| 28 |  | -            <li>Send notification to co-workers,</li>
 | 
	
		
			
			| 29 |  | -            <li>Work together on the same data,</li>
 | 
	
		
			
			|  | 26 | +            <li>Search a job</li>
 | 
	
		
			
			|  | 27 | +            <li>Manage clients</li>
 | 
	
		
			
			|  | 28 | +            <li>Track tasks</li>
 | 
	
		
			
			| 30 | 29 |              <li>...</li>
 | 
	
		
			
			| 31 | 30 |            </ul>
 | 
	
		
			
			| 32 | 31 |          </div>
 | 
	
		
			
			| 33 |  | -
 | 
	
		
			
			| 34 |  | -        <div class="span3">
 | 
	
		
			
			| 35 |  | -          <h3>Manage Lifetime</h3>
 | 
	
		
			
			| 36 |  | -          <ul>
 | 
	
		
			
			| 37 |  | -            <li>Real life and information timelines,</li>
 | 
	
		
			
			| 38 |  | -            <li>Explore the life of information,</li>
 | 
	
		
			
			| 39 |  | -            <li>Create, open and close projects,</li>
 | 
	
		
			
			| 40 |  | -            <li>...</li>
 | 
	
		
			
			| 41 |  | -          </ul>
 | 
	
		
			
			| 42 |  | -        </div>
 | 
	
		
			
			| 43 |  | -      </div>
 | 
	
		
			
			| 44 |  | -
 | 
	
		
			
			| 45 |  | -      <div class="row">
 | 
	
		
			
			| 46 |  | -        <div class="span9">
 | 
	
		
			
			| 47 |  | -          <h3>Is it for me ?</h3>
 | 
	
		
			
			| 48 |  | -          <p>
 | 
	
		
			
			| 49 |  | -            You are prospecting clients? Looking for a job? Taking notes for your work? You're not sure ?
 | 
	
		
			
			| 50 |  | -          </p>
 | 
	
		
			
			| 51 |  | -          <p class="alert aler-warning">
 | 
	
		
			
			| 52 |  | -            Hey! What do you risk? Give it a try!
 | 
	
		
			
			| 53 |  | -          </p>
 | 
	
		
			
			| 54 |  | -        </div>
 | 
	
		
			
			| 55 |  | -      </div>
 | 
	
		
			
			| 56 |  | -      <div>
 | 
	
		
			
			| 57 |  | -        <h2>What can I do with pod ?</h2>
 | 
	
		
			
			| 58 |  | -        <ul style="list-style:none;">
 | 
	
		
			
			| 59 |  | -          <li><i class="icon-chevron-right"></i> Manage projects and tasks during their entire life:
 | 
	
		
			
			| 60 |  | -            <ul style="list-style:none;">
 | 
	
		
			
			| 61 |  | -              <li><i class="icon-chevron-right"></i> Create events and reminders</li>
 | 
	
		
			
			| 62 |  | -              <li><i class="icon-chevron-right"></i> Take and keep notes</li>
 | 
	
		
			
			| 63 |  | -              <li><i class="icon-chevron-right"></i> Keep contact information about people</li>
 | 
	
		
			
			| 64 |  | -              <li><i class="icon-chevron-right"></i> Organise data and information</li>
 | 
	
		
			
			| 65 |  | -            </ul>
 | 
	
		
			
			| 66 |  | -          </li>
 | 
	
		
			
			| 67 |  | -          <li>
 | 
	
		
			
			| 68 |  | -            <i class="icon-chevron-right"></i> Share up-to-date information:
 | 
	
		
			
			| 69 |  | -            <ul style="list-style:none;">
 | 
	
		
			
			| 70 |  | -              <li><i class="icon-chevron-right"></i> Organize and update information</li>
 | 
	
		
			
			| 71 |  | -              <li><i class="icon-chevron-right"></i> Send notifications to friends</li>
 | 
	
		
			
			| 72 |  | -              <li><i class="icon-chevron-right"></i> Manage information life</li>
 | 
	
		
			
			| 73 |  | -            </ul>
 | 
	
		
			
			| 74 |  | -          </li>
 | 
	
		
			
			| 75 |  | -        </ul>
 | 
	
		
			
			| 76 |  | -        If you see this page it means your installation was successful!</p>
 | 
	
		
			
			| 77 |  | -        <p>TurboGears 2 is rapid web application development toolkit designed to make your life easier.</p>
 | 
	
		
			
			| 78 |  | -        <p>
 | 
	
		
			
			| 79 |  | -          <a class="btn btn-primary btn-large" href="http://www.turbogears.org" target="_blank">
 | 
	
		
			
			| 80 |  | -            ${h.icon('book', True)} Learn more
 | 
	
		
			
			| 81 |  | -          </a>
 | 
	
		
			
			| 82 |  | -        </p>
 | 
	
		
			
			| 83 | 32 |        </div>
 | 
	
		
			
			| 84 | 33 |      </div>
 | 
	
		
			
			| 85 | 34 |      <div class="span3">
 | 
	
	
		
			
			|  | @@ -92,51 +41,7 @@
 | 
	
		
			
			| 92 | 41 |            <input type="submit" id="submit" value="Sign up" /><br/>
 | 
	
		
			
			| 93 | 42 |          </fieldset>
 | 
	
		
			
			| 94 | 43 |        </form>
 | 
	
		
			
			| 95 |  | -      
 | 
	
		
			
			| 96 |  | -      <div class="popover bottom">
 | 
	
		
			
			| 97 |  | -        <div class="arrow"></div>
 | 
	
		
			
			| 98 |  | -        <h3 class="popover-title">
 | 
	
		
			
			| 99 |  | -          Why to sign up ?
 | 
	
		
			
			| 100 |  | -        </h3>
 | 
	
		
			
			| 101 |  | -        <div>
 | 
	
		
			
			| 102 |  | -          <p>
 | 
	
		
			
			| 103 |  | -            blabla
 | 
	
		
			
			| 104 |  | -          </p>
 | 
	
		
			
			| 105 |  | -        </div>
 | 
	
		
			
			| 106 |  | -      </div>
 | 
	
		
			
			| 107 |  | -      <div class="alert alert-info">
 | 
	
		
			
			| 108 |  | -        <strong>Why to sign up ?</strong>
 | 
	
		
			
			| 109 |  | -      </div>
 | 
	
		
			
			| 110 |  | -      <div class="well">
 | 
	
		
			
			| 111 |  | -        <p>
 | 
	
		
			
			| 112 |  | -          <i class="icon-signal"></i> Make information live
 | 
	
		
			
			| 113 |  | -        </p>
 | 
	
		
			
			| 114 |  | -        <p>
 | 
	
		
			
			| 115 |  | -          <i class="icon-refresh"></i> Share up-to-date information
 | 
	
		
			
			| 116 |  | -        </p>
 | 
	
		
			
			| 117 |  | -        <p>
 | 
	
		
			
			| 118 |  | -          <i class="icon-list"></i> Manage tasks and projects
 | 
	
		
			
			| 119 |  | -        </p>
 | 
	
		
			
			| 120 |  | -      </div>
 | 
	
		
			
			| 121 | 44 |      </div>
 | 
	
		
			
			| 122 | 45 |    </div>
 | 
	
		
			
			| 123 | 46 |  
 | 
	
		
			
			| 124 |  | -  <div class="row">
 | 
	
		
			
			| 125 |  | -    <div class="span4">
 | 
	
		
			
			| 126 |  | -      <h3>Code your data model</h3>
 | 
	
		
			
			| 127 |  | -      <p> Design your data <code>model</code>, Create the database, and Add some bootstrap data.</p>
 | 
	
		
			
			| 128 |  | -    </div>
 | 
	
		
			
			| 129 |  | -
 | 
	
		
			
			| 130 |  | -    <div class="span4">
 | 
	
		
			
			| 131 |  | -      <h3>Design your URL architecture</h3>
 | 
	
		
			
			| 132 |  | -      <p> Decide your URLs, Program your <code>controller</code> methods, Design your
 | 
	
		
			
			| 133 |  | -        <code>templates</code>, and place some static files (CSS and/or Javascript). </p>
 | 
	
		
			
			| 134 |  | -    </div>
 | 
	
		
			
			| 135 |  | -
 | 
	
		
			
			| 136 |  | -    <div class="span4">
 | 
	
		
			
			| 137 |  | -      <h3>Distribute your app</h3>
 | 
	
		
			
			| 138 |  | -      <p> Test your source, Generate project documents, Build a distribution.</p>
 | 
	
		
			
			| 139 |  | -    </div>
 | 
	
		
			
			| 140 |  | -  </div>
 | 
	
		
			
			| 141 | 47 |  
 | 
	
		
			
			| 142 |  | -  <div class="notice"> Thank you for choosing TurboGears.</div>
 |