{"id":1867,"date":"2021-11-11T15:29:57","date_gmt":"2021-11-11T20:29:57","guid":{"rendered":"http:\/\/id-demos.cms-devl.bu.edu\/core-3\/?page_id=1867"},"modified":"2021-11-11T16:51:29","modified_gmt":"2021-11-11T21:51:29","slug":"html-elements","status":"publish","type":"page","link":"https:\/\/id-demos.cms-devl.bu.edu\/core-3\/html-elements\/","title":{"rendered":"HTML Elements (No Sidebars Template)"},"content":{"rendered":"

This is an example of HTML Elements(aka the Cheat Sheet) as used in the No Sidebars Page Template<\/strong> layout.<\/p>\n

Use this site’s Customizer<\/strong> to see alternate Navigation arrangements.
\n(id-demos<\/code> Examples: Default<\/a>, Side Nav<\/a>, Top Nav<\/a>, No Nav<\/a>, Child)<\/p>\n

Text Alignment: Left<\/h6>\n

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.\u00a0Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.<\/p>\n

Text Alignment: Center<\/h6>\n

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.<\/p>\n

Text Alignment: Right<\/h6>\n

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.\u00a0 Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus<\/p>\n

Heading 1<\/h1>\n

Heading 2<\/h2>\n

Heading 3<\/h3>\n

Heading 4<\/h4>\n

Heading 5<\/h5>\n
Heading 6<\/h6>\n
Preformatted Text<\/pre>\n
Bold<\/strong><\/p>\n
Italic<\/em><\/p>\n
Underline<\/span><\/p>\n
Strikethrough<\/del><\/p>\n
This is a link.<\/a><\/p>\n
Base Button<\/a><\/p>\n
Button Primary<\/a><\/p>\n
Button Secondary<\/a><\/p>\n
Code<\/h6>\n

\n#header h1 a {
\ndisplay: block;
\nwidth: 300px;
\nheight: 80px;
\n}
\n<\/code><\/p>\n
I am the a tag<\/a> example
\nI am the abbr tag<\/abbr> example<\/p>\n
I am the acronym tag<\/acronym> example
\nI am the b tag<\/strong> example
\nI am the big tag<\/big> example<\/p>\n
I am the cite tag<\/cite> example
\nI am the code tag<\/code> example
\nI am the del tag<\/del> example<\/p>\n
I am the s<\/s> tag example (deprecated tag – use del<\/strong> instead)
\nI am the strike tag<\/span> example (deprecated tag – use del<\/strong> instead)<\/p>\n
I am the dfn tag<\/dfn> example
\nI am the em tag<\/em> example
\nI am the i tag<\/em> example<\/p>\n
I am the ins tag<\/ins> example
\nI am the kbd tag<\/kbd> example
\nI am the q tag inside a q tag<\/q> example<\/p>\n
I am the samp tag example
\nI am the small tag example
\nI am the span tag<\/span> example<\/p>\n
I am the strong tag<\/strong> example
\nI am the sub tag<\/sub> example
\nI am the sup tag<\/sup> example<\/p>\n
I am the tt tag<\/tt> example
\nI am the var tag<\/var> example
\nI am the small class<\/span> example<\/p>\n
I am the large class<\/span> example
\nI am the highlight class<\/span> example<\/p>\n
\n
Example Section Area<\/h3>\n
Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id ligula porta felis euismod semper.<\/p>\n<\/section>\n
BU Callouts<\/h3>\n
<\/p>\n
\"Big
Cras mattis consectetur purus sit amet fermentum.<\/figcaption><\/figure><\/p>\n
Announcement Box<\/h6>\n
This is content inside of the announcement box. All styles<\/em><\/strong> and<\/em> headings\u00a0work<\/a> inside of the announcement box!<\/p>\n
<\/div>\n
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi<\/a>, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.<\/p>\n
<\/p>\n
\"Big
Cras mattis consectetur purus sit amet fermentum.<\/figcaption><\/figure><\/p>\n
Announcement Box<\/h6>\n
This is content inside of the announcement box. All styles<\/em><\/strong> and headings\u00a0work<\/a> inside of the announcement box!<\/p>\n
<\/div>\n
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi<\/a>, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat.<\/p>\n
<\/p>\n
\"Big
Cras mattis consectetur purus sit amet fermentum.<\/figcaption><\/figure><\/p>\n
Announcement Box<\/h6>\n
This is content inside of the announcement box. All styles<\/em><\/strong> and headings\u00a0work<\/a> inside of the announcement box!<\/p>\n
<\/div>\n
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi<\/a>, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat.<\/p>\n
Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor.<\/p>\n
Blockquotes<\/h3>\n
Pullquote (figure element class=”quote”)<\/h5>\n
\n
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.<\/blockquote>
Name Ipsum<\/figcaption><\/figure>\n
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.<\/p><\/blockquote>\n
Horizontal Rule<\/h3>\n
\n
Lists<\/h3>\n
Unordered List<\/h6>\n