Difference between revisions of "Team:Lethbridge/Description"

Line 14: Line 14:
 
/*VISIBLE CONTENT STYLING BEGINS HERE*/
 
/*VISIBLE CONTENT STYLING BEGINS HERE*/
 
body {padding-top: 3.89em; background-color:#F2F2F2;}
 
body {padding-top: 3.89em; background-color:#F2F2F2;}
 +
.userWrapper {margin-left: 7%; margin-right: 7%;}
 +
.segmentHeader {font-size: 4vw; overflow: hidden; text-align: center;}
 +
.segmentHeader:before, .segmentHeader:after {background-color: black; content: ""; display: inline-block; height: 3px; position: relative; vertical-align: middle; width: 50%;}
 +
.segmentHeader:before {margin-left: -50%; right- 0.5 em;}
 +
.segmentHeader:after {left: 0,5em; margin-right: -50%;}
 +
.segmentDiv {margin-left: 5%; margin-right: 5%;}
 +
.pageText {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; padding: 20px; font-weight: normal;}
 +
 +
/* BALLOON CSS STARTS */
 +
#balloonContainer {margin-left: 10%; margin-right: 10%; text-align:center}
 +
.designBalloon {display: inline-block; margin: 0 1em; flex-grow: 1; width: 25% - 2em;}
 +
.designApp img:last-child{display:none}
 +
.designApp:hover img:first-child{display:none}
 +
.designApp:hover img:last-child{display:inline-block}
 +
/* BALLOON CSS ENDS */
 +
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
 
<div><img src="https://static.igem.org/mediawiki/2017/4/4c/Banner_PRdescription.png"  class="center fit"></div>
 
<div><img src="https://static.igem.org/mediawiki/2017/4/4c/Banner_PRdescription.png"  class="center fit"></div>
 +
 +
--- Application Section ---
 +
 +
 +
<div id="balloonContainer">
 +
    <div class="designBalloon">
 +
<!--<p>-->
 +
            <button class="btn-link" data-balloon-length="large" data-balloon="The opportunity to engage the public on both the high school and collegiate iGEM projects at the shine on festival was wonderful. Not only did the public seem interested in our work but also the support from the community was high. We had a great time interacting with people of all ages, teaching them about synthetic biology and the basics of our projects. The people we talked to seemed to accept our projects well considering the issues concerning genetic engineering." data-balloon-pos="up">
 +
            <a class="designApp" href="#Financial" >
 +
            <img src="https://static.igem.org/mediawiki/2017/7/7b/ChrisIsaacAlt.jpg" height="190"/>
 +
            <img src="https://static.igem.org/mediawiki/2017/b/bb/ChelsiHarveyAlt.jpg" height="190" />
 +
            </a>
 +
            </button>
 +
    </div>
 +
 +
    <div class="designBalloon">
 +
            <button class="btn-link" data-balloon-length="large" data-balloon="The opportunity to engage the public on both the high school and collegiate iGEM projects at the shine on festival was wonderful. Not only did the public seem interested in our work but also the support from the community was high. We had a great time interacting with people of all ages, teaching them about synthetic biology and the basics of our projects. The people we talked to seemed to accept our projects well considering the issues concerning genetic engineering." data-balloon-pos="up">
 +
            <a class="designApp" href="#Health">
 +
            <img src="https://static.igem.org/mediawiki/2017/7/7b/ChrisIsaacAlt.jpg" height="190"/>
 +
            <img src="https://static.igem.org/mediawiki/2017/b/bb/ChelsiHarveyAlt.jpg" height="190" />
 +
            </a>
 +
            </button>
 +
        </div>
 +
       
 +
    <div class="designBalloon">
 +
            <button class="btn-link" data-balloon-length="large" data-balloon="The opportunity to engage the public on both the high school and collegiate iGEM projects at the shine on festival was wonderful. Not only did the public seem interested in our work but also the support from the community was high. We had a great time interacting with people of all ages, teaching them about synthetic biology and the basics of our projects. The people we talked to seemed to accept our projects well considering the issues concerning genetic engineering." data-balloon-pos="up">
 +
            <a class="designApp" href="#Staple">
 +
            <img src="https://static.igem.org/mediawiki/2017/7/7b/ChrisIsaacAlt.jpg" height="190"/>
 +
            <img src="https://static.igem.org/mediawiki/2017/b/bb/ChelsiHarveyAlt.jpg" height="190" />
 +
            </a>
 +
            </button>
 +
    </div>
 +
 +
    <div class="designBalloon">
 +
            <button class="btn-link" data-balloon-length="large" data-balloon=" The opportunity to engage the public on both the high school and collegiate iGEM projects at the shine on festival was wonderful. Not only did the public seem interested in our work but also the support from the community was high. We had a great time interacting with people of all ages, teaching them about synthetic biology and the basics of our projects. The people we talked to seemed to accept our projects well considering the issues concerning genetic engineering." data-balloon-pos="up"> 
 +
            <a class="designApp" href="#Indu">
 +
            <img src="https://static.igem.org/mediawiki/2017/7/7b/ChrisIsaacAlt.jpg" height="190"/>
 +
            <img src="https://static.igem.org/mediawiki/2017/b/bb/ChelsiHarveyAlt.jpg" height="190" />
 +
            </a>
 +
            </button>
 +
    </div>
 +
 +
    <div class="designBalloon">
 +
            <button class="btn-link" data-balloon-length="large" data-balloon=" The opportunity to engage the public on both the high school and collegiate iGEM projects at the shine on festival was wonderful. Not only did the public seem interested in our work but also the support from the community was high. We had a great time interacting with people of all ages, teaching them about synthetic biology and the basics of our projects. The people we talked to seemed to accept our projects well considering the issues concerning genetic engineering." data-balloon-pos="up">
 +
            <a class="designApp" href="#Dis">
 +
            <img src="https://static.igem.org/mediawiki/2017/7/7b/ChrisIsaacAlt.jpg" height="190"/>
 +
            <img src="https://static.igem.org/mediawiki/2017/b/bb/ChelsiHarveyAlt.jpg" height="190" />
 +
            </a>
 +
            </button>
 +
    </div>
 +
 +
    <div class="designBalloon">
 +
            <button class="btn-link" data-balloon-length="large" data-balloon=" The opportunity to engage the public on both the high school and collegiate iGEM projects at the shine on festival was wonderful. Not only did the public seem interested in our work but also the support from the community was high. We had a great time interacting with people of all ages, teaching them about synthetic biology and the basics of our projects. The people we talked to seemed to accept our projects well considering the issues concerning genetic engineering." data-balloon-pos="up">
 +
            <a class="designApp" href="#Energy">
 +
            <img src="https://static.igem.org/mediawiki/2017/7/7b/ChrisIsaacAlt.jpg" height="190"/>
 +
            <img src="https://static.igem.org/mediawiki/2017/b/bb/ChelsiHarveyAlt.jpg" height="190" />
 +
            </a>
 +
            </button>
 +
    </div>
 +
 +
    <div class="designBalloon">
 +
            <button class="btn-link" data-balloon-length="large" data-balloon="The opportunity to engage the public on both the high school and collegiate iGEM projects at the shine on festival was wonderful. Not only did the public seem interested in our work but also the support from the community was high. We had a great time interacting with people of all ages, teaching them about synthetic biology and the basics of our projects. The people we talked to seemed to accept our projects well considering the issues concerning genetic engineering." data-balloon-pos="up">
 +
            <a class="designApp" href="#Materials">
 +
            <img src="https://static.igem.org/mediawiki/2017/7/7b/ChrisIsaacAlt.jpg" height="190"/>
 +
            <img src="https://static.igem.org/mediawiki/2017/b/bb/ChelsiHarveyAlt.jpg" height="190" />
 +
            </a>
 +
            </button>
 +
    </div>
 +
 +
    <div class="designBalloon">
 +
            <button class="btn-link" data-balloon-length="large" data-balloon="The opportunity to engage the public on both the high school and collegiate iGEM projects at the shine on festival was wonderful. Not only did the public seem interested in our work but also the support from the community was high. We had a great time interacting with people of all ages, teaching them about synthetic biology and the basics of our projects. The people we talked to seemed to accept our projects well considering the issues concerning genetic engineering." data-balloon-pos="up">
 +
            <a class="designApp" href="#Utility">
 +
            <img src="https://static.igem.org/mediawiki/2017/7/7b/ChrisIsaacAlt.jpg" height="190"/>
 +
            <img src="https://static.igem.org/mediawiki/2017/b/bb/ChelsiHarveyAlt.jpg" height="190" />
 +
            </a>
 +
            </button>
 +
    </div>
 +
</div>
 +
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 00:07, 26 October 2017

--- Application Section ---