fuelux
Version:
Base Fuel UX styles and controls
40 lines (35 loc) • 1.27 kB
HTML
<html lang="en">
<head><title>Sample Markup</title></head>
<body>
<div>
<div class="placard" id="placard1">
<div class="placard-popup"></div>
<div class="placard-header"><h5>Header</h5></div>
<input class="form-control placard-field" type="text"/>
<div class="placard-footer">
<a class="placard-cancel" href="#">Cancel</a>
<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
</div>
</div>
<div class="placard" data-ellipsis="true" id="placard2">
<div class="placard-popup"></div>
<div class="placard-header"><h5>Header</h5></div>
<textarea class="form-control placard-field glass"></textarea>
<div class="placard-footer">
<a class="placard-cancel" href="#">Cancel</a>
<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
</div>
</div>
<div class="placard" data-ellipsis="true" id="placard3">
<div class="placard-popup"></div>
<div class="placard-header"><h5>Header</h5></div>
<div class="form-control placard-field" contenteditable="true"></div>
<div class="placard-footer">
<a class="placard-cancel" href="#">Cancel</a>
<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
</div>
</div>
</div>
</body>
</html>