All Calls Contact for info Iyph News Pages Pest reports Publications Reporting obligations

Language

• العربية
• 中文
• English
• Français
• Русский
• Español

  FAQ  Toolkit  Logout 

loggedin.username  Admin Area

Single Page Template

This page is a demonstration containing various types of content that can be used throughout the IPPC website. Basic typography, links, lists, tables, images, code, and more are all supported as expected. For exhaustive detailed documentation on these and more see the Bootstrap docs.

More components will continue to be added here until a rich set is available for use in all situations.

---

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Blockquotes

Here are examples of blockquotes:

Quoted text goes here.

A quotation, contained in a blockquote element.

Lists

This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout. This is an example unordered list:

• First list item
• Second list item with a longer description
• Third list item to close it out

And this is an ordered list:

1. First list item
2. Second list item with a longer description
3. Third list item to close it out

• This is an unstyled list.
• It appears completely unstyled.
• Structurally, it's still a list.
• However, this style only applies to immediate child elements.
• Nested lists:
  • are unaffected by this style
  • will still show a bullet
  • and have appropriate left margin
• This may still come in handy in some situations.

And this is a definition list:

HyperText Markup Language (HTML)

The language used to describe and define the content of a Web page

Cascading Style Sheets (CSS)

Used to describe the appearance of Web content

JavaScript (JS)

The programming language used to build advanced Web sites and applications

Inline HTML elements

HTML defines a long list of available inline tags, a complete list of which can be found on the Mozilla Developer Network.

• To bold text, use <strong>.
• To italicize text, use <em>.
• To highlight text, use <mark>.
• Abbreviations, like HTML should use <abbr>, with an optional title attribute for the full phrase.
• Citations, like — Mark Otto, should use <cite>.
• Deleted text should use <del> and inserted text should use <ins>.
• Superscript ^text uses <sup> and subscript _text uses <sub>.

Most of these elements are styled by browsers with few modifications on our part.

Miscellaneous Utilities

See also: Controlling sizing and spacing.

Start aligned text on all viewport sizes.

Center aligned text on all viewport sizes.

End aligned text on all viewport sizes.

Lowercased text.

Uppercased text.

CapiTaliZed text.

Heading One

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Heading Two

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Heading Three

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Heading Four

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Heading Five

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Heading Six

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Example code block

This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout.

Tables

List of users (table caption). For sortable, searchable tables see here.

#	First	Last	Handle
1	Athena	of Greece	@athena
2	Nina	Simone	@nina
3	Margaret	Hamilton	@mhamilton

Forms

Basic login form

Email address We'll never share your email with anyone else.

Password

Check me out

Submit

Various form elements.

Text example input

Input help text.

Password

Must be 8-20 characters long.

Default checkbox

Checked checkbox

Select menu One Two Three

Default switch checkbox input

Checked switch checkbox input

Disabled switch checkbox input

Disabled checked switch checkbox input

Example range

Default radio

Default checked radio

@

@example.com

Your vanity URL

https://example.com/users/

$ .00

@

With textarea

Submit Cancel Success Warning Danger Info

See also form validation.

Tabs

JavaScript needed to control behavior Also see this if you have trouble, like I did, getting the default example to work!

Cards docs

Cards take 100% width by default, and rows and column sizing utilities must be used to size them.

Thumbnail Album

---

Water-color sketches of plants of North America and Europe, Helen Sharp, 1888–1903.

Section Navigation

• Active page
• Link to page
• Another link
• Disabled link

---

List Group