HOME > ASD FOR INTERNATIONAL SECURITY AFFAIRS

Assistant Secretary of Defense for International Security Affairs

This module will create a gray rounded box which can be used to accentuate a body of text.  When using this module you will need to add this module as a copy.  Simply adding this module and editing will override this master module.


Content !!Copy Module!!

Example: Back to Top

Example of a Back to top link which can be used to direct the user to the top of a long page. This is not intended to be used as a module but more as a code snippet reference. It is recommended that the code is copied and added to the Content Module.

Back to topback to top

<!--- Start Code Snippet --->

<p class="backToTop"><a href="#top">Back to top<img alt="back to top" src="/portals/11/Images/icons/up.gif" /></a></p>


<!--- End Code Snippet --->

Example: Jump Menu (Alphabetic)

Example of Frequently Asked Question. Jump to links at the top are tailored for quick navigation to topics in alphabetic order. Reference points will need to be created within the page through a reference anchor. <a name="Create Reference Here"></a>. This is not intended to be used as a module but more as a code snippet reference. It is recommended that the code is copied and added to the Content Module.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

A

Definition Term 1

Definition description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae dui ac tortor euismod scelerisque quis sit amet purus. Mauris elementum nulla egestas ante pharetra eu auctor elit gravida. Aenean sed nisi nec turpis malesuada semper.

Back to topback to top

B

Definition Term 2

Definition description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae dui ac tortor euismod scelerisque quis sit amet purus. Mauris elementum nulla egestas ante pharetra eu auctor elit gravida. Aenean sed nisi nec turpis malesuada semper.

<!--- Start Code Snippet --->

<p class="linkCats"><a href="#A">A</a> <span>B</span> <a href="#C">C</a> <a href="#D">D</a> <span>E</span> <a href="#F">F</a> <a href="#G">G</a> <a href="#H">H</a> <a href="#I">I</a> <span>J</span> <span>K</span> <a href="#L">L</a> <a href="#M">M</a> <a href="#N">N</a> <span>O</span> <a href="#P">P</a> <span>Q</span> <a href="#R">R</a> <a href="#S">S</a> <a href="#T">T</a> <span>U</span> <a href="#V">V</a> <span>W</span> <span>X</span> <span>Y</span> <span>Z</span> <a name="A"></a></p>

<h2>A</h2>
<p class="question">Definition Term 1</p>
<p>Definition description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae dui ac tortor euismod scelerisque quis sit amet purus. Mauris elementum nulla egestas ante pharetra eu auctor elit gravida. Aenean sed nisi nec turpis malesuada semper.</p>
<a name="C"></a>
<p class="backToTop"><a href="#top">Back to top<img alt="back to top" src="/portals/11/Images/icons/up.gif" /></a></p>
<h2>B</h2>
<p class="question">Definition Term 2</p>
<p>Definition description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae dui ac tortor euismod scelerisque quis sit amet purus. Mauris elementum nulla egestas ante pharetra eu auctor elit gravida. Aenean sed nisi nec turpis malesuada semper. </p>

<!--- End Code Snippet --->

Example: Jump Menu (Months)

Example of JumpTo: links which can be used to direct the user to specific places within a long page. Reference points will need to be created within the page through a reference anchor. <a name="Create Reference Here"></a>. This is not intended to be used as a module but more as a code snippet reference. It is recommended that the code is copied and added to the Content Module.

JUMP TO: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec

<!--- Start Code Snippet --->

<p class="linkCats">SKIP TO: <a href="#jan">Jan</a> <a href="#feb">Feb</a> <a href="#mar">Mar</a> <a href="#apr">Apr</a> <a href="#may">May</a> <a href="#jun">Jun</a> <a href="#jul">Jul</a> <a href="#aug">Aug</a> <a href="#sep">Sep</a> <a href="#oct">Oct</a> <a href="#nov">Nov</a> <a href="#dec">Dec</a></p>

<!--- End Code Snippet --->

Example: Related Links

Example of a right floating box which can be used to highlight Related Information, Additional Documents, etc. This is not intended to be used as a module but more as a code snippet reference. It is recommended that the code is copied and added to the Content Module.

Related Links

Link 1

Link 2

Link 3

Link 4

Link 5

<! --- Start Code Snippet -->

<div class="boxRght_1"> 
<div class="boxTitle">Related Links</div>
<div class="boxContent">
<p><a href="ADD LINK">LINK 1</a></p>
<p><a href="ADD LINK">LINK 2</a></p>
<p><a href="ADD LINK">LINK 3</a></p>
<p><a href="ADD LINK">LINK 4</a></p>
</div>
</div>
<!--- End Code Snippet --->
 

There are two additional sizes to incorporate wider boxes. To use a larger box
change this line: <div class="boxRght_1">

boxRght_1 (small - 150px)
boxRght_2 (medium - 200px)
boxRght_3 (large - 250px)

Contact Information

Office of the Assistant Secretary of Defense for for International Security Affairs
2600 Defense Pentagon
Washington, D.C. 20301