|
|
Line 1: |
Line 1: |
| {{Template:Template_HD_1}} | | {{Template:Template_HD_1}} |
- |
| |
- | <html>
| |
- | <head>
| |
- | <style type="text/css">
| |
- |
| |
- | .AccordionTitle, .AccordionContent, .AccordionContainer
| |
- | {
| |
- | position:relative;
| |
- | width:200px;
| |
- | }
| |
- |
| |
- | .AccordionTitle
| |
- | {
| |
- | height:20px;
| |
- | overflow:hidden;
| |
- | cursor:pointer;
| |
- | font-family:Arial;
| |
- | font-size:8pt;
| |
- | font-weight:bold;
| |
- | vertical-align:middle;
| |
- | text-align:center;
| |
- | background-repeat:repeat-x;
| |
- | display:table-cell;
| |
- | background-image:url('title_repeater.jpg');
| |
- | -moz-user-select:none;
| |
- | }
| |
- |
| |
- | .AccordionContent
| |
- | {
| |
- | height:0px;
| |
- | overflow:auto;
| |
- | display:none;
| |
- | }
| |
- |
| |
- | .AccordionContainer
| |
- | {
| |
- | border-top: solid 1px #C1C1C1;
| |
- | border-bottom: solid 1px #C1C1C1;
| |
- | border-left: solid 2px #C1C1C1;
| |
- | border-right: solid 2px #C1C1C1;
| |
- | }
| |
- | </style>
| |
- | </head>
| |
- |
| |
- | <body>
| |
- | <div id="AccordionContainer" class="AccordionContainer">
| |
- |
| |
- | <div onclick="runAccordion(1);">
| |
- | <div class="AccordionTitle" onselectstart="return false;">
| |
- | introduction
| |
- | </div>
| |
- | </div>
| |
- | <div id="Accordion1Content" class="AccordionContent">
| |
- | home
| |
- | </div>
| |
- | <div id="Accordion1Content" class="AccordionContent">
| |
- | location
| |
- | </div>
| |
- | <div id="Accordion1Content" class="AccordionContent">
| |
- | team
| |
- | </div>
| |
- | <div id="Accordion1Content" class="AccordionContent">
| |
- | photo gallery
| |
- | </div>
| |
- |
| |
- | <div onclick="runAccordion(2);">
| |
- | <div class="AccordionTitle" onselectstart="return false;">
| |
- | project
| |
- | </div>
| |
- | </div>
| |
- | <div id="Accordion2Content" class="AccordionContent">
| |
- | background
| |
- | </div>
| |
- | <div id="Accordion2Content" class="AccordionContent">
| |
- | objectives
| |
- | </div>
| |
- | <div id="Accordion2Content" class="AccordionContent">
| |
- | application
| |
- | </div>
| |
- |
| |
- | <div onclick="runAccordion(3);">
| |
- | <div class="AccordionTitle" onselectstart="return false;">
| |
- | Accordion 3
| |
- | </div>
| |
- | </div>
| |
- | <div id="Accordion3Content" class="AccordionContent">
| |
- | I Am Accordion 3.
| |
- | </div>
| |
- |
| |
- | <div onclick="runAccordion(4);">
| |
- | <div class="AccordionTitle" onselectstart="return false;">
| |
- | Accordion 4
| |
- | </div>
| |
- | </div>
| |
- | <div id="Accordion4Content" class="AccordionContent">
| |
- | I Am Accordion 4.
| |
- | </div>
| |
- |
| |
- | <div onclick="runAccordion(5);">
| |
- | <div class="AccordionTitle" onselectstart="return false;">
| |
- | Accordion 5
| |
- | </div>
| |
- | </div>
| |
- | <div id="Accordion5Content" class="AccordionContent">
| |
- | I Am Accordion 5.
| |
- | </div>
| |
- |
| |
- | </div>
| |
- | </body>
| |
- | </html>
| |