/ Published in: HTML
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
<div class="typo-title"> Headings </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br /> <br /> </p> <div class="typo-title"> Normal Paragraph of text </div> <p>This is a Normal paragraph of text created with lorem ipsum text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <a href= "#">This is a link in normal paragraph text</a> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p> </p> <div class="typo-title"> Special Tags </div> This is a blocquote tag example created with lorem ipsum text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </blockquote> <pre> body { font-family:Arial,Helvetica,Verdana,"Bitstream Vera Sans",sans-serif; font-size:81.25%; line-height:150%; color:#252525; background:#ffffff; } </pre> body {<br /> font-family:Arial,Helvetica,Verdana,"Bitstream Vera Sans",sans-serif;<br /> font-size:81.25%;<br /> line-height:150%;<br /> color:#252525;<br /> background:#ffffff;<br /> </p> <div class="typo-title"> List Styles </div> <div class="clearfix"> <div style="float: left; width: 48%; padding-right: 1%;"> <ol> </ol> <ul class="arrow-list"> </ul> </div> <div style="float: left; width: 48%; padding-right: 1%;"> <ul> </ul> <ul class="star-list"> </ul> </div> <div style="float: left; width: 48%; padding-right: 1%;"> <ul class="check-list"> </ul> </div> </div> </p> <div class="typo-title"> Special Messaging Box styles </div> <div class="status-box"> Status Message Box: Use <strong><div class="status-box">.. Your text goes here </div> <div class="warning-box"> Warning Message Box: <strong>Use <div class="warning-box">.. Your text goes here </div> <div class="error-box"> </div> <div class="info-box"> </div> </p> <div class="typo-title"> Special Buttons Styles </div> class respectively for example for small use small i.e.: -<br /> <strong><a href="#" class="button blue small"><span>Some _cke_saved_href="#" class="button blue small"><span>Some </p> <div class="typo-title"> More Paragraph Styles </div> <div style="width: 47%; float: left; margin-right: 2.5%;"> class="download">.. Your text goes here to create this.</p> class="compressed">.. Your text goes here to create this.</p> </div> <div style="width: 47%; float: left; margin-right: 2.5%;"> to create this.</p> </div> <div class="clearfix" style="clear:both;"> </div>