Team:Virginia/Notebook

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
 
<html>
<html>
<head>
<head>
-
  <meta charset="utf-8" />
 
-
  <title>jQuery UI Tabs - Default functionality</title>
 
-
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
 
-
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 
-
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
 
-
  <link rel="stylesheet" href="/resources/demos/style.css" />
 
-
  <script>
 
-
  $(function() {
 
-
    $( "#tabs" ).tabs();
 
-
  });
 
-
  </script>
 
</head>
</head>
<body>
<body>
-
 
<div id="tabs">
<div id="tabs">
-
  <ul>
 
-
  <li><a href="#tabs-1">Tab 1</a></li>
 
-
<li><a href="#tabs-2">Tab 2</a></li>
 
-
<li><a href="#tabs-3">Tab 3</a></li>
 
-
  </ul>
 
-
  <div id="tabs-1">
 
-
<p>Tab one content.</p>
 
-
  </div>
+
    <div id="tab-1">
-
  <div id="tabs-2">
+
        <h3>Tab 1</h3>
-
<p>tab two content.</p>
+
        <p>Some content</p>
-
<iframe width="512" height="376" src="http://video.pbs.org/viralplayer/2365298526" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" seamless></iframe>
+
        <iframe width="420" height="150" src="http://www.youtube.com/embed/0FWL8ljUSv0" frameborder="0" allowfullscreen></iframe>
-
  </div>
+
    </div>
-
  <div id="tabs-3">
+
 
-
<p>tab three content.</p>
+
    <div id="tab-2">
-
  </div>
+
        <h3>Tab 2</h3>
-
</div>
+
        <p>Some content</p>
-
+
        <iframe width="420" height="150" src="http://www.youtube.com/embed/iGsWDBVRs_M" frameborder="0" allowfullscreen></iframe>
 +
    </div>
 +
 
 +
    <div id="tab-3">
 +
        <h3>Tab 3</h3>
 +
        <p>Some content</p>
 +
        <iframe width="420" height="150" src="http://www.youtube.com/embed/0FWL8ljUSv0" frameborder="0" allowfullscreen></iframe>
 +
    </div>
 +
 
 +
    <div id="tab-4">
 +
        <h3>Tab 4</h3>
 +
        <p>Some content</p>
 +
        <iframe width="420" height="150" src="http://www.youtube.com/embed/iGsWDBVRs_M" frameborder="0" allowfullscreen></iframe>
 +
    </div>
 +
 
 +
<ul>
 +
    <li><a href="#tab-1">Tab One</a></li>
 +
    <li><a href="#tab-2">Tab Two</a></li>
 +
    <li><a href="#tab-3">Tab Three</a></li>
 +
    <li><a href="#tab-4">Tab Four</a></li>
 +
</ul>
 +
 
 +
</div> <!-- end tabs -->
</body>
</body>
</html>
</html>

Revision as of 18:15, 4 August 2014

Tab 1

Some content

Tab 2

Some content

Tab 3

Some content

Tab 4

Some content

Retrieved from "http://2014.igem.org/Team:Virginia/Notebook"