pip-webui/pip-webui-css/samples/css_components/ref_title.html

HTML5 UI for LOB applications

<p class="text-title h72 m0 bm8 layout-row layout-align-start-center">
	Reference title
</p>

<p>Reference title control. Used in entity views: areas, goals, actions.</p>

<p class="text-subhead2 h48 m0 bm8 layout-row layout-align-start-center">
	Example
</p>

<img src="http://i.imgur.com/VBc9WB5.png" class="bm24" style="width: 400px">


<div class="pip-ref-title layout-row">
	<img class="pip-pic" src="images/ES_Timeline.svg">

	<div class="flex layout-column layout-align-center-start pip-content">
		<p class="pip-title">Title of vision</p>
		<p class="pip-subtitle">Subtitle of vision</p>
	</div>
</div>

<div class="pip-ref-title layout-row">
	<img class="pip-pic" src="images/ES_Timeline.svg">

	<div class="flex layout-column layout-align-center-start pip-content">
		<p class="pip-title">Title of vision</p>
		<p class="pip-subtitle">Subtitle of vision</p>
		<md-progress-linear class="tm8"></md-progress-linear>
	</div>
</div>

<div class="pip-ref-title layout-row">
	<img class="pip-pic" src="images/ES_Timeline.svg">

	<div class="pip-content flex layout-column layout-align-center-start">
		<p class="pip-title">Progressively formulate B2B architectures whereas backend core competencies. Objectively reintermediate fully tested quality vectors without an expanded array of web-readiness.</p>
		<p class="pip-subtitle">Efficiently transition turnkey growth strategies rather than state of the art strategic theme areas. Monotonectally enable robust communities whereas an expanded array of e-markets.</p>
		<md-progress-linear class="tm8"></md-progress-linear>
	</div>
</div>