"
Team:Warwick/TestEnv
From 2014.igem.org
(Difference between revisions)
| Line 24: | Line 24: | ||
</style> | </style> | ||
<!-- End of head section HTML codes --> | <!-- End of head section HTML codes --> | ||
| + | <script src="carouselengine/jquery.js"></script> | ||
| + | <script src="carouselengine/amazingcarousel.js"></script> | ||
| + | <link rel="stylesheet" type="text/css" href="carouselengine/initcarousel-0.css"> | ||
| + | <script src="carouselengine/initcarousel-0.js"></script> | ||
</head> | </head> | ||
| Line 61: | Line 65: | ||
<!-- THIS IS WHERE YOUR MAIN BODY GOES --> | <!-- THIS IS WHERE YOUR MAIN BODY GOES --> | ||
| + | |||
| + | <div id="amazingcarousel-container-0"> | ||
| + | <div id="amazingcarousel-0" style="display:block;position:relative;width:100%;max-width:240px;margin:0px auto 0px;"> | ||
| + | <div class="amazingcarousel-list-container"> | ||
| + | <ul class="amazingcarousel-list"> | ||
| + | <li class="amazingcarousel-item"> | ||
| + | <div class="amazingcarousel-item-container"> | ||
| + | <div class="amazingcarousel-image"><a href="images/blue bubbles-lightbox.jpg" title="blue bubbles" class="html5lightbox" data-group="amazingcarousel-0"><img src="images/blue bubbles.jpg" alt="blue bubbles" /></a></div> | ||
| + | <div class="amazingcarousel-title">blue bubbles</div> | ||
| + | <div class="amazingcarousel-description"></div> </div> | ||
| + | </li> | ||
| + | <li class="amazingcarousel-item"> | ||
| + | <div class="amazingcarousel-item-container"> | ||
| + | <div class="amazingcarousel-image"><a href="images/car-lightbox.jpg" title="car" class="html5lightbox" data-group="amazingcarousel-0"><img src="images/car.jpg" alt="car" /></a></div> | ||
| + | <div class="amazingcarousel-title">car</div> | ||
| + | <div class="amazingcarousel-description"></div> </div> | ||
| + | </li> | ||
| + | <li class="amazingcarousel-item"> | ||
| + | <div class="amazingcarousel-item-container"> | ||
| + | <div class="amazingcarousel-image"><a href="images/cool light-lightbox.jpg" class="html5lightbox" data-group="amazingcarousel-0"><img src="images/cool light.jpg" /></a></div> | ||
| + | <div class="amazingcarousel-title"></div> | ||
| + | <div class="amazingcarousel-description"></div> </div> | ||
| + | </li> | ||
| + | </ul> | ||
| + | <div class="amazingcarousel-prev"></div> | ||
| + | <div class="amazingcarousel-next"></div> | ||
| + | </div> | ||
| + | <div class="amazingcarousel-nav"></div> | ||
| + | <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Carousel</a></div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
<h1> INSERT MAIN HEADING HERE </h1> <br> <br> | <h1> INSERT MAIN HEADING HERE </h1> <br> <br> | ||
<p> First paragraph goes here. Check out <a href="http://www.web-source.net/html_codes_chart.htm"> this list </a> of HTML tags, or "elements", for help writing up your material in the desired fashion. | <p> First paragraph goes here. Check out <a href="http://www.web-source.net/html_codes_chart.htm"> this list </a> of HTML tags, or "elements", for help writing up your material in the desired fashion. | ||
Revision as of 23:49, 15 October 2014
-
blue bubbles -
car -
INSERT MAIN HEADING HERE
First paragraph goes here. Check out this list of HTML tags, or "elements", for help writing up your material in the desired fashion.
It can be easier to use a text editor like Sublime Text (with the HTML syntax) to write this up. Alternatively, for some more nuanced tips, learn about Dave Matthews and his fabulous medicinal properties.
