Team:Korea U Seoul/team/koreauniv content

<html>
    <head>
        <style>
            .profile_title{
                width: 100%;
                margin-top : 50px;
                margin-bottom: 20px;
                overflow: auto;
            }
                .profile_title > .title {color: #8b0027; font-weight: bold; font-size: 15pt; margin-top: 10px;}
                .profile_title > .left_line{float: left; width: 20%; background-color: #8B0029; height: 5px;}
                .profile_title > .right_line{float: left; width: 80%; background-color: #eb89a5; height: 2px;}
            .profile_content{width: 30%;margin:10px; overflow: auto; float: left; position: relative;}
                .profile_content > .left {float: left; width: 200px;; overflow: auto; position: absolute; top: 100px;}
                .profile_content > .left > img {border-radius: 5px; width: 100%;height: 200px}
                .profile_content > .right{float: left; width: 100%; overflow: auto; padding-left: 20px; border: none; display:none}
                .hoverContent > h3, .hoverContent > h4{
                    text-align: center;
                }
                .hoverContent > h3 {bottom:0;font-size: 12pt; color: #FFFFFF; font-weight: bold; text-decoration: none; background-color: #8b0028;}
                .hoverContent > h4 {font-size: 10pt; color: #FFFFFF; font-weight: bold;}
                .hoverContent > h5 {font-size: 10pt; color: #FFFFFF; padding: 9px; position: absolute; top: 60px;}
                
            .gridWrapper_4 > .gridContent{
                position: relative;
                width: 23%;
                float: left;
                margin-right: 10px;
                cursor: pointer;
                margin-bottom: 40px;
            }
                .gridWrapper_4 > .gridContent > img {width: 100%; height: 270px; border-radius: 10px;}
                .gridWrapper_4 > .gridContent > .hoverContent{
                    border-radius: 10px;
                    display:none;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top:0;
                    left:0;
                    background-image: url('https://static.igem.org/mediawiki/2013/b/b9/Back.png');
                    cursor: pointer;
                    overflow: auto;
                }
        </style>
    </head>
    <body style="">
        <div class="content_wrapper" style="">
            <div class="page_desc_header">
                
            </div>
            <!-- Instructor -->
            <div class="title">
                <div class="title_">Instructor</div>
                <div class="left_line"></div><div class="right_line"></div>
            </div>
            <div class="gridWrapper_4">
                <div class="gridContent">
                    <img src="https://static.igem.org/mediawiki/2013/5/54/P_choi.jpg">
                    <div class="hoverContent">
                        <h3>In-Geol Choi, Ph.D</h3>
                        <h4>Professor</h4>
                        <h5>Principal investigator.<br />igchoi@korea.ac.kr</h5>
                    </div>
                </div>
                <div class="gridContent">
                    <img src="https://static.igem.org/mediawiki/2013/e/e4/404624_324738600957207_981497405_n.jpg">
                    <div class="hoverContent">
                        <h3>Kyengwoo Jang</h3>
                        <h5>Hello I'm kyengwoo Jang. My major is biotechnology. This is my second participation for iGEM Competition. See you at MIT.</h5>
                    </div>                   
                </div>
                <div class="gridContent">
                    <img src="https://static.igem.org/mediawiki/2014/d/d4/Dhm.jpg"> 
                    <div class="hoverContent">
                        <h3>Dongha Kim</h3>
                        <h5>Hello Everyone!!! My name is Dong-Ha Kim, An advisor of Korea_U_Seoul Team. In Korea_U_Seoul Team, I advise our team members to make better Wiki and Results of Human Practice. Thank you.</h5>                
                    </div>
                </div>
                <div class="gridContent">
                    <img src="https://static.igem.org/mediawiki/2013/2/20/Koreauniv_logo.png">
                    <div class="hoverContent">
                        <h3>Korea University</h3>
                    </div>
                </div>
            </div>
            <!-- Team members -->
            <div class="title">
                <div class="title_">Team members</div>
                <div class="left_line"></div><div class="right_line"></div>
            </div>
            <div class="gridWrapper_4">
                <!-- Line1 -->
                <div class="gridContent">
                    <img src="https://static.igem.org/mediawiki/2013/f/fe/Yms_.jpg">  
                    <div class="hoverContent">
                        <h3>Minseob Yoo</h3>  
                        <h5>Hi???Hi???!?!?!?!?! My name is Jade Minseob Yoo! I'm not just senior in Korea University. I'm crazy cruel biotechnology major student. I can't ignore the normal, boring things. My final goal is to be God. How? I'll make new living things on my hands!!! It will be fun isn't it? I expect to make human on my hand in not so distant future. I ususally do the experiment and fill in the Wiki page. See ya</h5>       
                    </div>         
                </div>
                <div class="gridContent">
                    <img src="https://static.igem.org/mediawiki/2013/c/c3/Hjy_.jpg">  
                    <div class="hoverContent">
                        <h3>Juyoung Han</h3>  
                        <h5>Hello! My name is Ju young, Han. I'm a freshman in Korea University, department of lifescience. I'm an accountant, and I also take part in writing out reports for sponsorship. This is the first time participating in iGEM contest, so I'm very excited. I want to share knowledge about synthetic biology and learn many things from you. Thank you :)</h5>       
                    </div>         
                </div>
                <div class="gridContent">
                    <img src="https://static.igem.org/mediawiki/2013/d/d7/Chy_.jpg">  
                    <div class="hoverContent">
                        <h3>Hyeyeong Choi</h3>  
                        <h5>Hello, my name is Hye yeong Choi. I am sophomore, majoring in life science in Korea University. This is my first time participating in the i-gem competition. I mainly have taken parts in human practice. Also, I’ll be the presenter of the team at 2013 i-gem jamboree in Hongkong. I want to be the person who strives for human welfare by studing fields of cell biology.I hope that the experiments could contribute to society a lot</h5>       
                    </div>         
                </div>
                <div class="gridContent">
                    <img src="https://static.igem.org/mediawiki/2013/8/8c/Pjh_.jpg">  
                    <div class="hoverContent">
                        <h3>Jihee Park</h3>  
                        <h5>Hello! Nice to meet you. My name is Jihee Park. I’m in the second year of Korea University and majoring in division of life science. Concerning my personality, I’m type of person who is hardworking and do my best for my responsibility. Also, I love to meet many different person and look forward to talking with you about synthetic biology and something else. I try to do many things for Korea.U.Seoul team. I helped our experiment and participated in Human Practice, helping many children to feel interest of synthetic biology. Also, I am my team designer for wiki and the others. Finally, I’ll be one of presenters of my team at 2013 igem jamboree in Hongkong. Thanks! :)</h5>       
                    </div>         
                </div>
                <!-- Line 2-->
                <div class="gridContent">
                    <img src="https://static.igem.org/mediawiki/2013/2/20/Koreauniv_logo.png">
                    <div class="hoverContent">
                        <h3>Kyujin Jeong</h3>
                    </div>
                </div>
                <div class="gridContent">
                    <img src="https://static.igem.org/mediawiki/2013/2/20/Koreauniv_logo.png">
                    <div class="hoverContent">
                        <h3>Eugenie Choi</h3>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script>
        $(".gridContent").mouseover(function(){ 
            $(this).children(".hoverContent").fadeIn();
        });
        $(".gridContent").mouseleave(function(){ 
            $(this).children(".hoverContent").fadeOut();
        });
    </script>
</html>