Team:HokkaidoU Japan

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Team:HokkaidoU_Japan/header}}
{{Team:HokkaidoU_Japan/header}}
-
 
{{Team:HokkaidoU_Japan/top}}
{{Team:HokkaidoU_Japan/top}}
 +
<html>
 +
<script type="text/javascript">
 +
$(document).ready( function(){
 +
$('#lofslidecontent45').lofJSidernews( { interval:2000,
 +
easing:'easeInOutQuad',
 +
duration:1200,
 +
auto:true } );
 +
});
 +
 +
</script>
 +
<div id="lofslidecontent45" class="lof-slidecontent">
 +
<div class="preload"><div></div></div>
 +
<div class="lof-main-outer">
 +
  <ul class="lof-main-wapper">
 +
  <li>
 +
        <img src="images/791902news3.jpg" title="Newsflash 2" height="300" width="900">         
 +
                <div class="lof-main-item-desc">
 +
                <h3><a target="_parent" title="Newsflash 2" href="#">Newsflash 2</a></h3>
 +
 +
                <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...</p>
 +
            </div>
 +
        </li>
 +
      <li>
 +
        <img src="images/435576news10.jpg" title="Newsflash 1" height="300" width="900">            <div class="lof-main-item-desc">
 +
                <h3><a target="_parent" title="Newsflash 1" href="#">Newsflash 1</a></h3>
 +
                <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...</p>
 +
 +
            </div>
 +
        </li>
 +
      <li>
 +
        <img src="images/641906img1.jpg" title="Newsflash 3" height="300" width="900">            <div class="lof-main-item-desc">
 +
                <h3><a target="_parent" title="Newsflash 3" href="#">Newsflash 3</a></h3>
 +
                <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...</p>
 +
            </div>
 +
        </li>
 +
        <li>
 +
 +
        <img src="images/416719news7.jpg" title="Newsflash 5" height="300" width="900">            <div class="lof-main-item-desc">
 +
                <h3><a target="_parent" title="Newsflash 5" href="#">Newsflash 5</a></h3>
 +
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p>
 +
            </div>
 +
        </li>
 +
       
 +
        <li>
 +
 +
        <img src="images/416719news7.jpg" title="Newsflash 5" height="300" width="900">            <div class="lof-main-item-desc">
 +
                <h3><a target="_parent" title="Newsflash 5" href="#">Newsflash 5</a></h3>
 +
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p>
 +
            </div>
 +
        </li>
 +
        <li>
 +
 +
        <img src="images/416719news7.jpg" title="Newsflash 5" height="300" width="900">            <div class="lof-main-item-desc">
 +
                <h3><a target="_parent" title="Newsflash 5" href="#">Newsflash 5</a></h3>
 +
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p>
 +
            </div>
 +
        </li>
 +
      </ul> 
 +
  </div>
 +
  <!-- END MAIN CONTENT -->
 +
    <!-- NAVIGATOR -->
 +
 +
  <div class="lof-navigator-outer">
 +
  <ul class="lof-navigator">
 +
            <li>
 +
            <div>
 +
                <img src="images/lofthumbs/791902news3.jpg" />
 +
                <h3> NewsFlash 1 </h3>
 +
                  <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu...
 +
                </div>   
 +
            </li>
 +
            <li>
 +
            <div>
 +
                <img src="images/lofthumbs/435576news10.jpg" />
 +
                <h3> NewsFlash 2 </h3>
 +
                  <span>20.01.2010</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
 +
                </div>   
 +
            </li>
-
==Hello World==
+
            <li>
-
ジェバンニが一晩でやってくれました
+
            <div>
 +
                    <img src="images/lofthumbs/641906img1.jpg" />
 +
                    <h3> NewsFlash 3 </h3>
 +
                <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
 +
                </div>   
 +
            </li>
 +
           
 +
          <li>
 +
          <div>
 +
                    <img src="images/lofthumbs/416719news7.jpg" />
 +
                    <h3> NewsFlash 4</h3>
 +
                    <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
 +
                </div>
 +
            </li>   
 +
            <li>
 +
          <div>
 +
                <img src="images/lofthumbs/641906img1.jpg" />
 +
                <h3> NewsFlash 5</h3>
 +
                <span>20.01.2010</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
 +
                </div> 
 +
            </li>
 +
          <li>
 +
          <div>
 +
                    <img src="images/lofthumbs/416719news7.jpg" />
 +
                    <h3> NewsFlash 6</h3>
 +
              <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
 +
                </div>
 +
            </li>   
 +
        </ul>
 +
  </div>
 +
</html>
{{Team:HokkaidoU_Japan/footer}}
{{Team:HokkaidoU_Japan/footer}}

Revision as of 22:26, 4 October 2011

Contents


  • / Newsflash 1 / — Monday, February 15, 2010 12:42

    Content of Newsflash 1

    The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,... Read more

  • / Newsflash 2 / — Monday, February 15, 2010 12:42

    Content of Newsflash 2

    Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are... Read more

  • / Newsflash 3 / — Monday, February 15, 2010 12:42

    Content of Newsflash 3

    With a library of thousands of free Extensions, you can add what you need as your site grows. Don't... Read more

  • / Newsflash 4 / — Monday, February 15, 2010 12:42

    Content of Newsflash 4

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • / Newsflash 5 / — Monday, February 15, 2010 12:42

    Content of Newsflash 5

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • / Newsflash 6 / — Monday, February 15, 2010 12:42

    Content of Newsflash 6

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • / Newsflash 7 / — Monday, February 15, 2010 12:42

    Content of Newsflash 7

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • / Newsflash 8 / — Monday, February 15, 2010 12:42

    Content of Newsflash 8

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

  • Newsflash 2

    The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...

  • Newsflash 1

    Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...

  • Newsflash 3

    With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...

  • Newsflash 5

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...

  • Newsflash 5

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...

  • Newsflash 5

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...

  • NewsFlash 1

    20.01.2010 - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu...
  • NewsFlash 2

    20.01.2010 -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
  • NewsFlash 3

    20.01.2010 - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
  • NewsFlash 4

    20.01.2010 - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
  • NewsFlash 5

    20.01.2010 -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
  • NewsFlash 6

    20.01.2010 - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..