Team:Queens Canada/Notebook/Week1
From 2012.igem.org
(Difference between revisions)
Line 10: | Line 10: | ||
background: none repeat scroll 0 0 #00438F; | background: none repeat scroll 0 0 #00438F; | ||
} | } | ||
- | + | </style> | |
</head> | </head> | ||
<body> | <body> | ||
+ | <div id="wrapper"> | ||
+ | <div id="main"> | ||
+ | |||
+ | <ul class="nav"> | ||
+ | <li><a href="#1"><p>1</p></a></li> | ||
+ | <li><a href="#2"><p>2</p></a></li> | ||
+ | <li><a href="#3"><p>3</p></a></li> | ||
+ | </ul> | ||
+ | |||
+ | <div id="1"> | ||
+ | <div id="intabdiv"> | ||
+ | <h2>Content Demo 1</h2> | ||
+ | <p>This is the demo for Content Slide using Jquery UI. Check out <a href="#">WebDesignersDesk</a> for more Tutorials.</p></div> | ||
+ | <div id="tabdivimg"> | ||
+ | <img src="images/1.png" width="415" height="284" /> | ||
+ | </div> | ||
+ | |||
+ | </div><!--/popular--> | ||
+ | |||
+ | <div id="2"> | ||
+ | <div id="intabdiv"> | ||
+ | <h2>Content Demo 2</h2> | ||
+ | <p>Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum</p></div> | ||
+ | <div id="tabdivimg"> | ||
+ | <img src="images/2.png" width="415" height="284" /> | ||
+ | </div> | ||
+ | </div><!--/recent--> | ||
+ | |||
+ | <div id="3"> | ||
+ | <div id="intabdiv"> | ||
+ | <h2>Content Demo 3</h2> | ||
+ | <p>Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum</p></div> | ||
+ | <div id="tabdivimg"> | ||
+ | <img src="images/3.png" width="415" height="284" /> | ||
+ | </div> | ||
+ | </div><!--featured--> | ||
+ | |||
+ | </div><!--/widget--> | ||
+ | </div> | ||
</body> | </body> |
Revision as of 18:55, 24 May 2012
Control
Content Demo 1
This is the demo for Content Slide using Jquery UI. Check out WebDesignersDesk for more Tutorials.
Content Demo 2
Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
Content Demo 3
Lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum