Team:SDU-Denmark/Media/photogallery

From 2012.igem.org

(Difference between revisions)
 
(44 intermediate revisions not shown)
Line 9: Line 9:
<link rel="shortcut icon" href="favicon.ico" />
<link rel="shortcut icon" href="favicon.ico" />
-
<!-- //////////// STYLESSHEETS ?action=raw&ctype=text/css //////////// -->  
+
<!-- //////////// STYLESSHEETS //////////// -->
-
<!-- :......:STYLE.....: -->
+
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:SDU-Denmark/style?action=raw&amp;ctype=text/css">
-
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:SDU-Denmark/style?action=raw&ctype=text/css">
+
-
<!-- :......:NIVO SLIDER.....: -->
+
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:SDU-Denmark/imgbox?action=raw&ctype=text/css">
-
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:SDU-Denmark/nivo-slider.css?action=raw&amp;ctype=text/css" media="screen" />
+
-
<!-- :......:PIROBOX.....: -->
 
-
<link rel="stylesheet" type="text/css"  href="https://2012.igem.org/Team:SDU-Denmark/pirobox_lightbox?action=raw&ctype=text/css"  />
 
-
<!-- //////////// SCRIPTS ?action=raw&ctype=text/javascript //////////// -->
+
<!-- //////////// SCRIPTS //////////// -->
-
<!-- :......:jquery [DEACTIVATED].....: -->
+
-
<!--<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.min.js?action=raw&ctype=text/javascript"></script> -->
+
-
<!-- :......:NIVO.....: -->
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
-
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.nivo.slider.pack.js?action=raw&ctype=text/javascript" ></script>
+
-
<!-- :......:JS EASING.....: -->
+
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.imgbox.pack?action=raw&ctype=text/javascript"></script>
-
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script>  
+
 +
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/smoothscroll.js?action=raw&amp;ctype=text/javascript"></script>
-
<!-- Need these two for gallery -->
+
<!--<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.min.js?action=raw&amp;ctype=text/javascript"></script> -->
-
<!-- :......:PIROBOX.....: -->
 
-
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/pirobox.min.js?action=raw&ctype=text/javascript">
 
-
</script>
 
-
<!-- :......:SLIDING LABS.....: -->
+
<!--
-
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.slidinglabels.js?action=raw&ctype=text/javascript">
+
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.easing.1.3.js?action=raw&amp;ctype=text/javascript"></script> -->
-
</script>
+
-
 
+
-
<!-- //gallery scripts-->
+
-
 
+
-
<script type="text/javascript">
+
-
$(document).ready(function() {
+
-
$().piroBox({
+
-
my_speed: 400, //animation speed
+
-
bg_alpha: 0.6, //background opacity
+
-
slideShow : true, // true == slideshow on, false == slideshow off
+
-
slideSpeed : 4, //slideshow duration in seconds(3 to 6 Recommended)
+
-
close_all : '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox
+
-
 
+
-
});
+
-
});
+
-
</script>
+
Line 70: Line 44:
     $window1.scroll(function() {
     $window1.scroll(function() {
-
         if ($window1.scrollTop() > offset.top ) {
+
         if ($window1.scrollTop() > offset.top ) {
             $sidebar.stop().animate({
             $sidebar.stop().animate({
                 marginTop: $window1.scrollTop() - (offset.top + topPadding - 20 )
                 marginTop: $window1.scrollTop() - (offset.top + topPadding - 20 )
Line 84: Line 58:
</script>
</script>
-
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/smoothscroll.js?action=raw&amp;ctype=text/javascript"></script>
 
-
<!-- //////////// Settings for Nivo Slider //////////// -->
 
-
<script type="text/javascript">
 
-
$(window).load(function() {
 
-
$('#slider').nivoSlider({
 
-
effect:'random',
 
-
slices:15,
 
-
animSpeed:500,
 
-
pauseTime:6000,
 
-
startSlide:0, //Set starting Slide (0 index)
 
-
directionNav:true, //Next &amp; Prev
 
-
directionNavHide:true, //Only show on hover
 
-
controlNav:true, //1,2,3...
 
-
controlNavThumbs:false, //Use thumbnails for Control Nav
 
-
controlNavThumbsSearch: '.jpg', //Replace this with...
 
-
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
 
-
keyboardNav:true, //Use left &amp; right arrows
 
-
pauseOnHover:true, //Stop animation while hovering
 
-
manualAdvance:false, //Force manual transitions
 
-
captionOpacity:0.8, //Universal caption opacity
 
-
beforeChange: function(){},
 
-
afterChange: function(){},
 
-
slideshowEnd: function(){} //Triggers after all slides have been shown
 
-
});
 
-
});
 
-
</script>
 
-
 
-
<script type="text/javascript">
 
-
    $(document).ready(function () {
 
-
 
-
            // transition effect
 
-
            style = 'easeOutBounce';
 
-
 
-
            // if the mouse hover the image
 
-
            $('.photo').hover(
 
-
                    function() {
 
-
                            //display heading and caption
 
-
                            $(this).children('div:first').stop(false,true).animate({top:0},{duration:600, easing: style});
 
-
                            $(this).children('div:last').stop(false,true).animate({bottom:0},{duration:600, easing: style});
 
-
                    },
 
-
 
-
                    function() {
 
-
                            //hide heading and caption
 
-
                            $(this).children('div:first').stop(false,true).animate({top:-50},{duration:600, easing: style});
 
-
                            $(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:600, easing: style});
 
-
                    }
 
-
            );
 
-
 
-
    });
 
-
</script>
 
-
 
-
<script type="text/javascript">
 
-
$(function(){
 
-
 
-
$('#contactform').slidinglabels({
 
-
 
-
/* these are all optional */
 
-
topPosition  : '8px',  // how far down you want each label to start
 
-
leftPosition : '8px',  // how far left you want each label to start
 
-
axis        : 'x',    // can take 'x' or 'y' for slide direction
 
-
speed        : 'fast'  // can take 'fast', 'slow', or a numeric value
 
-
 
-
});
 
-
 
-
});
 
-
</script>
 
<!-- script for fixed background-->
<!-- script for fixed background-->
Line 181: Line 89:
</script>
</script>
-
<style>
+
<!--:::::::::::::Specific for Gallery:::::::::::::::::::-->
-
/*::::::::: PORTFOLIO :::::::::*/
+
<style type="text/css">
-
/*--------- Captions ---------*/
 
-
#portfolio {
+
#images a img {
-
width: 766px;
+
border: 1px solid #000000;
-
height: auto;
+
margin: 6px;
-
}
+
vertical-align: top;
 +
}
-
.photo {
+
#credit {
-
    position:relative;
+
clear: both;
-
    overflow:hidden;
+
margin-top: 50px;
-
    border:5px solid #FFF;
+
padding-top: 20px;
-
    width:215px;
+
font-size: 10px;
-
    height:120px;
+
-
    top: 0;
+
-
    text-align: left;
+
-
    cursor: default;
+
-
}
+
-
.photo .heading, .photo .imagecaption {
+
font-family: Verdana;
-
        position:absolute;
+
}
-
        background:#000;
+
</style>
-
        height:40px;
+
-
        width:215px;
+
-
        opacity:0.9;
+
-
}
+
-
.photo .heading {  
+
<script type="text/javascript">
-
        top:-50px;
+
$(document).ready(function() {
-
        font-size: 15px;
+
$("#example1-1").imgbox();
-
}
+
-
.photo .imagecaption {
+
$("#example4-1").imgbox();
-
        bottom:-50px;
+
$("#example4-2").imgbox();
-
        left:0px;
+
$("#example4-3").imgbox();
-
}
+
$("#example4-4").imgbox();
 +
$("#example4-5").imgbox();
 +
$("#example4-6").imgbox();
 +
$("#example4-7").imgbox();
 +
$("#example4-8").imgbox();
 +
$("#example4-9").imgbox();
 +
$("#example4-10").imgbox();
 +
$("#example4-11").imgbox();
 +
$("#example4-12").imgbox();
 +
$("#example4-13").imgbox();
 +
$("#example4-14").imgbox();
 +
$("#example4-15").imgbox();
 +
$("#example4-16").imgbox();
 +
$("#example4-17").imgbox();
 +
$("#example4-18").imgbox();
 +
$("#example4-19").imgbox();
 +
$("#example4-20").imgbox();
 +
$("#example4-21").imgbox();
 +
$("#example4-22").imgbox();
 +
$("#example4-23").imgbox();
 +
$("#example4-24").imgbox();
 +
                        $("#example4-25").imgbox();
 +
$("#example4-26").imgbox();
 +
$("#example4-27").imgbox();
 +
$("#example4-28").imgbox();
 +
$("#example4-29").imgbox();
 +
$("#example4-30").imgbox();
 +
$("#example4-32").imgbox();
 +
$("#example4-33").imgbox();
 +
$("#example4-34").imgbox();
 +
$("#example4-35").imgbox();
 +
$("#example4-36").imgbox();
 +
$("#example4-37").imgbox();
 +
$("#example4-38").imgbox();
 +
$("#example4-39").imgbox();
 +
$("#example4-40").imgbox();
 +
$("#example4-41").imgbox();
 +
$("#example4-42").imgbox();
 +
$("#example4-43").imgbox();
 +
$("#example4-44").imgbox();
 +
                        $("#example4-45").imgbox();
 +
$("#example4-46").imgbox();
 +
$("#example4-47").imgbox();
 +
$("#example4-48").imgbox();
 +
$("#example4-49").imgbox();
 +
$("#example4-50").imgbox();
 +
$("#example4-51").imgbox();
 +
$("#example4-52").imgbox();
 +
$("#example4-53").imgbox();
 +
$("#example4-54").imgbox();
 +
$("#example4-55").imgbox();
 +
$("#example4-56").imgbox();
 +
$("#example4-57").imgbox();
 +
$("#example4-58").imgbox();
-
.photo .heading span {
+
-
        color:#456c55;
+
-
        top:-50px;
+
-
        font-weight:bold;
+
-
        display:block;
+
-
        padding:10px 0 0 10px;
+
-
}
+
-
.photo .imagecaption span{
 
-
        color:#999;
 
-
        font-size:11px;
 
-
        display:block;
 
-
        padding:13px 32px 0 10px;
 
-
        float: left;
 
-
}
 
-
.photocaption {
 
-
    width: 203px;
 
-
    height: auto;
 
-
    font-size: 11px;
 
-
    color: #777777;
 
-
    text-align: left;
 
-
    background: #111111;
 
-
    padding: 10px;
 
-
    position: relative;
 
-
    bottom: 0;
 
-
    float: left;
 
-
    border: 1px solid #191919;
 
-
    border-top: 0;
 
-
}
 
-
.photowrapper {
+
$("#example1-2").imgbox({
-
    width: 225px;
+
    'zoomOpacity' : true,
-
    height: auto;
+
'alignment' : 'center'
-
    background: #000000;
+
});
-
    float: left;
+
-
    margin: 0 20px 20px 0;
+
-
    position: relative;
+
-
}
+
-
.latest {
 
-
    width: 60px;
 
-
    height: 60px;
 
-
    position: absolute;
 
-
    top: -2px;
 
-
    right: -1px;
 
-
    background: url(../images/portfolio/latest.png) no-repeat;
 
-
    z-index: 100;
 
-
}
 
-
.featured {
+
$("#example1-3").imgbox({
-
    width: 60px;
+
'speedIn' : 0,
-
    height: 60px;
+
'speedOut' : 0
-
    position: absolute;
+
});
-
    top: -2px;
+
-
    right: -1px;
+
-
    background: url(../images/portfolio/featured.png) no-repeat;
+
-
    z-index: 100;
+
-
}
+
-
.mini {
+
$("#example2-1, #example2-2").imgbox({
-
    width: 15px;
+
'speedIn' : 0,
-
    height: 13px;
+
'speedOut' : 0,
-
    float: left;
+
'alignment' : 'center',
-
    font-family: Arial;
+
'overlayShow' : true,
-
    margin-right: 18px;
+
'allowMultiple' : true
-
    margin-top: 9px;
+
});
-
    text-align: center;
+
});
-
    font-size:10px;
+
</script>
-
}
+
<!--:::::::::::::/Specific for Gallery:::::::::::::::::::-->
-
.mini a {
 
-
    width: 15px !important;
 
-
    height: 13px !important;
 
-
    padding: 3px;
 
-
    display: block;
 
-
    background: #000000;
 
-
    border: 1px solid #222222;
 
-
    text-decoration: none;
 
-
    color: #FFFFFF;
 
-
}
 
-
.mini a:hover {
 
-
    background: #FFFFFF;
 
-
    border: 1px solid #FFFFFF;
 
-
    text-decoration: none;
 
-
    color: #000000;
 
-
}
 
-
</style>
 
</head>
</head>
Line 317: Line 206:
<!-- //////////background image/////////// -->
<!-- //////////background image/////////// -->
-
<img src="https://static.igem.org/mediawiki/2012/6/6c/Body_bg13.jpg" id="bg" alt="courtesy of NIAID">
+
<img src="https://static.igem.org/mediawiki/2012/6/6c/Body_bg13.jpg" id="bg" alt="by courtesy of NIAID">
<!-- //////////// Container *Holds Left and Right Colums Together* //////////// -->
<!-- //////////// Container *Holds Left and Right Colums Together* //////////// -->
Line 323: Line 212:
<!-- ////////////HEADER\\\\\\\\\\ -->
<!-- ////////////HEADER\\\\\\\\\\ -->
-
<div class="header" id="TopHeader">
+
<div class="header" id="TopHeader">
 +
 
</div>
</div>
      
      
     <!-- //////////// SideNavbar *Everything in Left-Hand Column* //////////// -->
     <!-- //////////// SideNavbar *Everything in Left-Hand Column* //////////// -->
     <div id="sidenav" >
     <div id="sidenav" >
-
     <!--<img src="images/logo.gif" alt="" class="logo" />/ -->
+
    
          
          
-
        <!-- //////////// MAIN NAVIGATION //////////// -->
+
   
<!--\\\\ ACCORDION MENU ////-->
<!--\\\\ ACCORDION MENU ////-->
-
<iframe src="https://2012.igem.org/Team:SDU-Denmark/menu" frameborder="0" height="500" width="200" scrolling="no"  ALLOWTRANSPARENCY="true">
+
 
 +
<iframe src="https://2012.igem.org/Team:SDU-Denmark/menu" frameborder="0" height="1000" width="200" scrolling="no"  ALLOWTRANSPARENCY="true">
   <p>Your browser does not support iframes.</p>
   <p>Your browser does not support iframes.</p>
</iframe>
</iframe>
 +
<!--\\\\ACCORDION MENU////-->
<!--\\\\ACCORDION MENU////-->
-
     </div><!-- //sidenav -->
+
     </div>
 +
<!-- //sidenav -->
<!-- //////////// Sidenav Footer //////////// -->
<!-- //////////// Sidenav Footer //////////// -->
Line 355: Line 248:
     <div id="contenta">
     <div id="contenta">
-
<!-- //////////// Anchor used to scroll to PORTFOLIO //////////// -->
+
 
-
    <a name="portfolio"></a>
+
 
-
           
+
<!-- /// velkomst ////-->
-
            <h1>Gallery</h1>
+
</br>
-
           
+
</br>
-
            <div id="portfolio">
+
<h1>Photo gallery</h1>
-
                <div class="photowrapper">
+
 
-
                    <div class="latest"></div><!-- //latest -->
+
<table>
-
                    <div class="photo">
+
<tr>
-
                    <div class="heading"><span>Project Title</span></div>
+
-
                    <img src="https://static.igem.org/mediawiki/2012/e/ee/Testthumbsdu.jpg" alt="" />
+
<td><a href="https://2012.igem.org/Team:SDU-Denmark/Media/photogallery/Bielefeld">Bielefeld</a></td>
-
                    <div class="imagecaption">
+
 
-
                    <span>Screenshots:</span>
+
<td><a href="https://2012.igem.org/Team:SDU-Denmark/Media/photogallery/Scanmeet">Scandinavia Meet-up</a></td>
-
                    <div class="mini"><a href="https://static.igem.org/mediawiki/2012/1/1f/TeamSDU01.jpg" class="pirobox_work01" title="Project Title">01</a></div>
+
 
-
                    <div class="mini"><a href="https://static.igem.org/mediawiki/2012/4/4f/TeamSDU02.jpg" class="pirobox_work01" title="Project Title">02</a></div>
+
<td><a href="https://2012.igem.org/Team:SDU-Denmark/Media/photogallery/Lab">Lab Snaps </a></td>
-
                    <div class="mini"><a href="https://static.igem.org/mediawiki/2012/1/17/TeamSDU03.jpg" class="pirobox_work01" title="Project Title">03</a></div>
+
 
-
                    </div><!-- //imagecaption -->
+
<td><a href="https://2012.igem.org/Team:SDU-Denmark/Media/photogallery/SSF">Study Start Fair</a></td>
-
                    </div><!-- //photo -->
+
 
-
                    <div class="photocaption">
+
 
-
                    Project Title
+
</tr>
-
                    </div><!-- //photocaption -->
+
 
-
                </div><!-- //photowrapper -->
+
 
-
               
+
</table>
-
                <div class="photowrapper">
+
 
-
                    <div class="latest"></div><!-- //latest -->
+
</br>
-
                    <div class="photo">
+
 
-
                    <div class="heading"><span>Project Title</span></div>
+
 
-
                    <img src="https://static.igem.org/mediawiki/2012/e/ee/Testthumbsdu.jpg" alt="" />
+
<a id="example4-1" title=""
-
                    <div class="imagecaption">
+
href="
-
                    <span>Screenshots:</span>
+
https://static.igem.org/mediawiki/igem.org/d/d9/SDUteamfoto01.jpg
-
                    <div class="mini"><a href="images/portfolio/sample_project/01.jpg" class="pirobox_work02" title="Project Title">01</a></div>
+
"><img alt=""src="
-
                    <div class="mini"><a href="images/portfolio/sample_project/02.jpg" class="pirobox_work02" title="Project Title">02</a></div>
+
https://static.igem.org/mediawiki/igem.org/d/d9/SDUteamfoto01.jpg
-
                    <div class="mini"><a href="images/portfolio/sample_project/03.jpg" class="pirobox_work02" title="Project Title">03</a></div>
+
" width="210px" /></a>
-
                    </div><!-- //imagecaption -->
+
 
-
                    </div><!-- //photo -->
+
 
-
                    <div class="photocaption">
+
<a id="example4-2" title=""
-
                    Project Title
+
href="
-
                    </div><!-- //photocaption -->
+
https://static.igem.org/mediawiki/igem.org/9/91/SDUteamfoto2012-02.jpg
-
                </div><!-- //photowrapper -->
+
"><img alt=""src="
-
               
+
https://static.igem.org/mediawiki/igem.org/9/91/SDUteamfoto2012-02.jpg
-
                <div class="photowrapper">
+
" width="210px" /></a>
-
                    <div class="latest"></div><!-- //latest -->
+
 
-
                    <div class="photo">
+
 
-
                    <div class="heading"><span>Project Title</span></div>
+
<a id="example4-3" title=""
-
                    <img src="https://static.igem.org/mediawiki/2012/e/ee/Testthumbsdu.jpg" alt="" />
+
href="
-
                    <div class="imagecaption">
+
https://static.igem.org/mediawiki/igem.org/3/36/SDUteamfoto2012-03.jpg
-
                    <span>Screenshots:</span>
+
"><img alt=""src="
-
                    <div class="mini"><a href="images/portfolio/sample_project/01.jpg" class="pirobox_work03" title="Project Title">01</a></div>
+
https://static.igem.org/mediawiki/igem.org/3/36/SDUteamfoto2012-03.jpg
-
                    <div class="mini"><a href="images/portfolio/sample_project/02.jpg" class="pirobox_work03" title="Project Title">02</a></div>
+
" width="210px" /></a>
-
                    <div class="mini"><a href="images/portfolio/sample_project/03.jpg" class="pirobox_work03" title="Project Title">03</a></div>
+
 
-
                    </div><!-- //imagecaption -->
+
 
-
                    </div><!-- //photo -->
+
<a id="example4-4" title=""
-
                    <div class="photocaption">
+
href="
-
                    Project Title
+
https://static.igem.org/mediawiki/igem.org/f/fe/SDUteamfoto2012-04.jpg
-
                    </div><!-- //photocaption -->
+
"><img alt=""src="
-
                </div><!-- //photowrapper -->
+
https://static.igem.org/mediawiki/igem.org/f/fe/SDUteamfoto2012-04.jpg
-
               
+
" width="210px" /></a>
-
                <div class="photowrapper">
+
 
-
                    <div class="featured"></div><!-- //featured -->
+
 
-
                    <div class="photo">
+
<a id="example4-5" title=""
-
                    <div class="heading"><span>Project Title</span></div>
+
href="
-
                    <img src="https://static.igem.org/mediawiki/2012/e/ee/Testthumbsdu.jpg" alt="" />
+
https://static.igem.org/mediawiki/igem.org/4/41/SDUteamfoto2012-05.jpg
-
                    <div class="imagecaption">
+
"><img alt=""src="
-
                    <span>Screenshots:</span>
+
https://static.igem.org/mediawiki/igem.org/4/41/SDUteamfoto2012-05.jpg
-
                    <div class="mini"><a href="images/portfolio/sample_project/01.jpg" class="pirobox_work04" title="Project Title">01</a></div>
+
" width="210px" /></a>
-
                    <div class="mini"><a href="images/portfolio/sample_project/02.jpg" class="pirobox_work04" title="Project Title">02</a></div>
+
 
-
                    <div class="mini"><a href="images/portfolio/sample_project/03.jpg" class="pirobox_work04" title="Project Title">03</a></div>
+
 
-
                    </div><!-- //imagecaption -->
+
<a id="example4-6" title=""
-
                    </div><!-- //photo -->
+
href="
-
                    <div class="photocaption">
+
https://static.igem.org/mediawiki/igem.org/2/2e/SDUteamfoto2012-06.jpg
-
                    Project Title
+
"><img alt=""src="
-
                    </div><!-- //photocaption -->
+
https://static.igem.org/mediawiki/igem.org/2/2e/SDUteamfoto2012-06.jpg
-
                </div><!-- //photowrapper -->
+
" width="210px" /></a>
-
               
+
 
-
                <div class="photowrapper">
+
 
-
                    <div class="featured"></div><!-- //featured -->
+
<a id="example4-7" title=""
-
                    <div class="photo">
+
href="
-
                    <div class="heading"><span>Project Title</span></div>
+
https://static.igem.org/mediawiki/igem.org/4/44/SDUteamfoto2012-07.jpg
-
                    <img src="https://static.igem.org/mediawiki/2012/e/ee/Testthumbsdu.jpgg" alt="" />
+
"><img alt=""src="
-
                    <div class="imagecaption">
+
https://static.igem.org/mediawiki/igem.org/4/44/SDUteamfoto2012-07.jpg
-
                    <span>Screenshots:</span>
+
" width="210px" /></a>
-
                    <div class="mini"><a href="images/portfolio/sample_project/01.jpg" class="pirobox_work05" title="Project Title">01</a></div>
+
 
-
                    <div class="mini"><a href="images/portfolio/sample_project/02.jpg" class="pirobox_work05" title="Project Title">02</a></div>
+
 
-
                    <div class="mini"><a href="images/portfolio/sample_project/03.jpg" class="pirobox_work05" title="Project Title">03</a></div>
+
<a id="example4-8" title=""
-
                    </div><!-- //imagecaption -->
+
href="
-
                    </div><!-- //photo -->
+
https://static.igem.org/mediawiki/igem.org/c/c3/SDUteamfoto2012-08.jpg
-
                    <div class="photocaption">
+
"><img alt=""src="
-
                    Project Title
+
https://static.igem.org/mediawiki/igem.org/c/c3/SDUteamfoto2012-08.jpg
-
                    </div><!-- //photocaption -->
+
" width="210px" /></a>
-
                </div><!-- //photowrapper -->
+
 
-
               
+
 
-
                <div class="photowrapper">
+
<a id="example4-9" title=""
-
                    <div class="featured"></div><!-- //featured -->
+
href="
-
                    <div class="photo">
+
https://static.igem.org/mediawiki/igem.org/e/e3/SDUteamfoto2012-09.jpg
-
                    <div class="heading"><span>Project Title</span></div>
+
"><img alt=""src="
-
                    <img src="https://static.igem.org/mediawiki/2012/e/ee/Testthumbsdu.jpg" alt="" />
+
https://static.igem.org/mediawiki/igem.org/e/e3/SDUteamfoto2012-09.jpg
-
                    <div class="imagecaption">
+
" width="210px" /></a>
-
                    <span>Screenshots:</span>
+
 
-
                    <div class="mini"><a href="images/portfolio/sample_project/01.jpg" class="pirobox_work06" title="Project Title">01</a></div>
+
 
-
                    <div class="mini"><a href="images/portfolio/sample_project/02.jpg" class="pirobox_work06" title="Project Title">02</a></div>
+
<a id="example4-10" title=""
-
                    <div class="mini"><a href="images/portfolio/sample_project/03.jpg" class="pirobox_work06" title="Project Title">03</a></div>
+
href="
-
                    </div><!-- //imagecaption -->
+
https://static.igem.org/mediawiki/igem.org/6/61/SDUteamfoto2012-10.jpg
-
                    </div><!-- //photo -->
+
"><img alt=""src="
-
                    <div class="photocaption">
+
https://static.igem.org/mediawiki/igem.org/6/61/SDUteamfoto2012-10.jpg
-
                    Project Title
+
" width="210px" /></a>
-
                    </div><!-- //photocaption -->
+
 
-
                </div><!-- //photowrapper -->
+
 
-
               
+
<a id="example4-11" title=""
-
                <div class="photowrapper">
+
href="
-
                    <div class="latest"></div><!-- //latest -->
+
https://static.igem.org/mediawiki/igem.org/1/18/SDUteamfoto2012-11.jpg
-
                    <div class="photo">
+
"><img alt=""src="
-
                    <div class="heading"><span>Project Title</span></div>
+
https://static.igem.org/mediawiki/igem.org/1/18/SDUteamfoto2012-11.jpg
-
                    <img src="https://static.igem.org/mediawiki/2012/e/ee/Testthumbsdu.jpg" alt="" />
+
" width="210px" /></a>
-
                    <div class="imagecaption">
+
 
-
                    <span>Screenshots:</span>
+
 
-
                    <div class="mini"><a href="images/portfolio/sample_project/01.jpg" class="pirobox_work07" title="Project Title">01</a></div>
+
<a id="example4-12" title=""
-
                    <div class="mini"><a href="images/portfolio/sample_project/02.jpg" class="pirobox_work07" title="Project Title">02</a></div>
+
href="
-
                    <div class="mini"><a href="images/portfolio/sample_project/03.jpg" class="pirobox_work07" title="Project Title">03</a></div>
+
https://static.igem.org/mediawiki/igem.org/5/5a/SDUteamfoto2012-12.jpg
-
                    </div><!-- //imagecaption -->
+
"><img alt=""src="
-
                    </div><!-- //photo -->
+
https://static.igem.org/mediawiki/igem.org/5/5a/SDUteamfoto2012-12.jpg
-
                    <div class="photocaption">
+
" width="210px" /></a>
-
                    Project Title
+
 
-
                    </div><!-- //photocaption -->
+
 
-
                </div><!-- //photowrapper -->
+
<a id="example4-13" title=""
-
               
+
href="
-
                <div class="photowrapper">
+
https://static.igem.org/mediawiki/igem.org/b/bb/SDUteamfoto2012-13.jpg
-
                    <div class="latest"></div><!-- //latest -->
+
"><img alt=""src="
-
                    <div class="photo">
+
https://static.igem.org/mediawiki/igem.org/b/bb/SDUteamfoto2012-13.jpg
-
                    <div class="heading"><span>Project Title</span></div>
+
" width="210px" /></a>
-
                    <img src="https://static.igem.org/mediawiki/2012/e/ee/Testthumbsdu.jpg" alt="" />
+
 
-
                    <div class="imagecaption">
+
 
-
                    <span>Screenshots:</span>
+
<a id="example4-14" title=""
-
                    <div class="mini"><a href="images/portfolio/sample_project/01.jpg" class="pirobox_work08" title="Project Title">01</a></div>
+
href="
-
                    <div class="mini"><a href="images/portfolio/sample_project/02.jpg" class="pirobox_work08" title="Project Title">02</a></div>
+
https://static.igem.org/mediawiki/igem.org/6/68/SDUteamfoto2012-14.jpg
-
                    <div class="mini"><a href="images/portfolio/sample_project/03.jpg" class="pirobox_work08" title="Project Title">03</a></div>
+
"><img alt=""src="
-
                    </div><!-- //imagecaption -->
+
https://static.igem.org/mediawiki/igem.org/6/68/SDUteamfoto2012-14.jpg
-
                    </div><!-- //photo -->
+
" width="210px" /></a>
-
                    <div class="photocaption">
+
 
-
                    Project Title
+
 
-
                    </div><!-- //photocaption -->
+
<a id="example4-15" title=""
-
                </div><!-- //photowrapper -->
+
href="
-
               
+
https://static.igem.org/mediawiki/igem.org/6/6b/SDUteamfoto2012-15.jpg
-
                <div class="photowrapper">
+
"><img alt=""src="
-
                    <div class="latest"></div><!-- //latest -->
+
https://static.igem.org/mediawiki/igem.org/6/6b/SDUteamfoto2012-15.jpg
-
                    <div class="photo">
+
" width="210px" /></a>
-
                    <div class="heading"><span>Project Title</span></div>
+
 
-
                    <img src="https://static.igem.org/mediawiki/2012/e/ee/Testthumbsdu.jpg" alt="" />
+
 
-
                    <div class="imagecaption">
+
<a id="example4-16" title=""
-
                    <span>Screenshots:</span>
+
href="
-
                    <div class="mini"><a href="images/portfolio/sample_project/01.jpg" class="pirobox_work09" title="Project Title">01</a></div>
+
https://static.igem.org/mediawiki/igem.org/4/41/SDUteamfoto2012-16.jpg
-
                    <div class="mini"><a href="images/portfolio/sample_project/02.jpg" class="pirobox_work09" title="Project Title">02</a></div>
+
"><img alt=""src="
-
                    <div class="mini"><a href="images/portfolio/sample_project/03.jpg" class="pirobox_work09" title="Project Title">03</a></div>
+
https://static.igem.org/mediawiki/igem.org/4/41/SDUteamfoto2012-16.jpg
-
                    </div><!-- //imagecaption -->
+
" width="210px" /></a>
-
                    </div><!-- //photo -->
+
 
-
                    <div class="photocaption">
+
 
-
                    Project Title
+
<a id="example4-17" title=""
-
                    </div><!-- //photocaption -->
+
href="
-
                </div><!-- //photowrapper -->
+
https://static.igem.org/mediawiki/igem.org/3/36/SDUteamfoto2012-17.jpg
-
               
+
"><img alt=""src="
-
            </div><!-- //portfolio -->
+
https://static.igem.org/mediawiki/igem.org/3/36/SDUteamfoto2012-17.jpg
-
           
+
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-18" title=""
 +
href="
 +
https://static.igem.org/mediawiki/igem.org/2/28/SDUteamfoto2012-18.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/igem.org/2/28/SDUteamfoto2012-18.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-19" title=""
 +
href="
 +
https://static.igem.org/mediawiki/igem.org/8/8e/SDUteamfoto2012-19.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/igem.org/8/8e/SDUteamfoto2012-19.jpg
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-20" title="The team on deadline Night!"
 +
href="
 +
https://static.igem.org/mediawiki/igem.org/6/63/SDUiGEMWIKIFREEZE2012.png
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/igem.org/6/63/SDUiGEMWIKIFREEZE2012.png
 +
" width="210px" /></a>
 +
 
 +
<a id="example4-21" title="The team on deadline Night!"
 +
href="
 +
https://static.igem.org/mediawiki/igem.org/4/45/SDU2012_Gel_Photo_man.png
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/igem.org/4/45/SDU2012_Gel_Photo_man.png
 +
" width="210px" /></a>
 +
 
 +
 
 +
<a id="example4-22" title="Wiki DONE!!!!"
 +
href="
 +
https://static.igem.org/mediawiki/igem.org/6/61/SDU2012DONE.jpg
 +
"><img alt=""src="
 +
https://static.igem.org/mediawiki/igem.org/6/61/SDU2012DONE.jpg
 +
" width="210px" /></a>
 +
 
 +
</div>
 +
 
 +
 +
<div id="credit">
 +
 +
</div>
 
 
<!--
<!--
Line 523: Line 462:
              
              
             <h2>Welcome to My Online Portfolio, Have a Look Around.</h2>
             <h2>Welcome to My Online Portfolio, Have a Look Around.</h2>
-
             <p></p>
+
             <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
            <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
 +
           
 +
            <h2>Opto tego, distineo luptatum</h2>
 +
            <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
            <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
</div>
</div>
<div id="contentcolumleft">
<div id="contentcolumleft">
<h2>This is a test</h2>
<h2>This is a test</h2>
-
<p> </p>
+
<p> and now to put some text in </p>
 +
<p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
 +
<p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
<h2>Opto tego, distineo luptatum</h2>
<h2>Opto tego, distineo luptatum</h2>
-
<p></p>
+
<p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
-
+
<p>Opto tego, distineo lupt

Latest revision as of 03:58, 27 September 2012

iGEM TEAM ::: SDU-DENMARK by courtesy of NIAID

Retrieved from "http://2012.igem.org/Team:SDU-Denmark/Media/photogallery"