All styles

SFEI Page templates :


Style Menu

Headings

Heading 1

Heading 2

Note: H1 & H2 are default styles and are not used for content input



Heading 3

<h3> heading title </h3>



Heading 4

<h4> heading title </h4>



Heading 5
<h5> heading title </h5>



Top

Example: CRAM

Note: Link will open in another tab or new window. Please use this code if you are linking somewhere other than within the sfei.org website

<a href="http://www.YOURLINKHERE.com" target="_blank"> Link Title </a>



Example: SFEI Programs

<a href="http://www.YOURLINKHERE.com"> Link Title </a>

Top

Images

Example:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id risus eros. Etiam sit amet consequat sapien. Etiam blandit purus ac arcu vulputate viverra. Donec eget risus velit, sed interdum massa. Proin elit magna, condimentum eget imperdiet in, dictum at arcu. Suspendisse potenti. Proin volutpat odio quis velit faucibus eget rutrum nunc facilisis. In gravida, nunc vitae aliquam ornare, nisl dolor rhoncus diam, sit amet lobortis mi augue sit amet eros. Fusce ante nisl, posuere id lobortis a, tristique quis nisl. Duis imperdiet justo at magna venenatis pellentesque.

Note: Use this when a images is to be with text and to the left

<img src="image location here" class="inset-float-left" alt="alternate text here">
<p>paragraph text here</p>

Text

Bold Text

example: San Francisco Estuary Institute

<strong> Bolded text here </strong>

Italic Text

example: San Francisco Estuary Institute

<em> Bolded text here </em>

Paragraphs

example:

We help define environmental problems, advance public debate about them, and support consensus-based solutions that improve environmental planning, management, and policy development.We provide impartial scientific interpretations and neither take sides on environmental issues nor have any political or financial interest in the outcomes of research and monitoring data.

<p> text here </p>

List

Bulleted

example:

  • RMP
  • CMR
  • HE
  • WS
  • WL
  • CB
  • GIS
<ul>
<li> list item here </lil>
<li> list item here </lil>
<li> list item here </lil>

</ul>