Quotations and Code<\/h3>\n

Inline quotations can be defined by using the <q> element<\/q>.<\/p>\n

The <blockquote> element defines a long quotation which also creates a new block by inserting white space before and after the blockquote element.<\/p><\/blockquote>\n

To define a short inline computer code use the <code> element<\/code>. For a larger code snippet use the <pre> element which defines preformatted text. It creates a new text block which preserves both spaces and line breaks.<\/p>\n

\r\npre {\r\n    margin: 15px 0;\r\n    padding: 10px;\r\n    font-family: \"Courier New\", Courier, monospace;\r\n    font-size: 12px;\r\n    line-height: 18px;\r\n    white-space: pre-wrap;\r\n}\r\n<\/pre>\n
Use the <small> element for side comments and small print.<\/small><\/p>\n
\n
Useful CSS Classes<\/h2>\n
Here is a short demonstration of all style related CSS classes provided by the Warp framework.<\/p>\n
Highlight Content<\/h3>\n
Drop caps are the first letter of a paragraph which are displayed bigger than the rest of the text. You can create a drop cap using the CSS class dropcap<\/code>. To emphasize text with some small boxes use <em> element<\/em> with the CSS class box<\/code>.<\/p>\n
This simple box is intended to group large parts of your content using the CSS class box-content<\/code>.<\/div>\n
This is a simple box to highlight some text using the CSS class box-note<\/code>.<\/div>\n
This is a simple box with useful information using the CSS class box-info<\/code>.<\/div>\n
This is a simple box with important notes and warnings using the CSS class box-warning<\/code>.<\/div>\n
This is a simple box with additional hints using the CSS class box-hint<\/code>.<\/div>\n
This is a simple box with download information using the CSS class box-download<\/code>.<\/div>\n
Use the CSS class dotted<\/code> to create a dotted horizontal rule.<\/p>\n
\n
Tables<\/h3>\n
Create a zebra stripped table using using the CSS class zebra<\/code>.<\/p>\n\n\n\n\n\n\n\n\n\n
Table caption<\/caption>\n
Table Heading<\/th>\n
Table Heading<\/th>\n
Table Heading<\/th>\n<\/tr>\n<\/thead>\n
Table Footer<\/td>\n
Table Footer<\/td>\n
Table Footer<\/td>\n<\/tr>\n<\/tfoot>\n
Table Data<\/td>\n
Table Data<\/td>\n
Data Centered<\/td>\n<\/tr>\n
Data Bold<\/td>\n
Table Data<\/td>\n
Data Centered<\/td>\n<\/tr>\n
Table Data<\/td>\n
Table Data<\/td>\n
Data Centered<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Definition Lists<\/h3>\n
Create a nice looking definition list separated with a line by using the CSS class separator<\/code>.<\/p>\n
\n
Definition List<\/dt>\n
A definition list is a list of terms and corresponding definitions. To create a definition list use the <dl> element in conjunction with <dt> to define the definition term and <dd> to define the definition description.<\/dd>\n
Definition Term<\/dt>\n
This is a definition description.<\/dd>\n
Definition Term<\/dt>\n
This is a definition description.<\/dd>\n
This is another definition description.<\/dd>\n<\/dl>\n
Forms<\/h3>\n
Create a clearly arranged form layout with fieldset boxes using the CSS class box<\/code>.<\/p>\n
\n
\n
Form legend<\/legend>\n
Text input:<\/label> <\/div>\n
Radio input:<\/label> <\/div>\n
Checkbox input:<\/label> <\/div>\n
Select field:<\/label> Option 01<\/option>Option 02<\/option><\/select><\/div>\n
Textarea:<\/label>
Textarea text<\/textarea><\/div>\n<\/fieldset>\n<p>\t<button>Button<\/button> <input type=\"button\" value=\"Input Button\" \/><\/p>\n<\/form>\n","protected":false},"excerpt":{"rendered":"<p>You can create some beautiful content by using some simple HTML elements. The Warp theme framework offers some neat styles for all HTML elements and a great set of CSS classes to style your content. Basic HTML is very easy to learn and this small guide shows you how to use all styles provided by […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/jungletech.co.za\/index.php?rest_route=\/wp\/v2\/pages\/35"}],"collection":[{"href":"http:\/\/jungletech.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/jungletech.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/jungletech.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jungletech.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":3,"href":"http:\/\/jungletech.co.za\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":550,"href":"http:\/\/jungletech.co.za\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions\/550"}],"wp:attachment":[{"href":"http:\/\/jungletech.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}