Difference between revisions of "Team:SYSU-MEDICINE"

Line 103: Line 103:
 
         }
 
         }
 
         /*video container*/
 
         /*video container*/
−
         .jumbotron {
+
         #jumbo-video.jumbotron {
 
             background-color: #f2f2f2;
 
             background-color: #f2f2f2;
 
             padding-top: 0;
 
             padding-top: 0;
Line 150: Line 150:
 
             line-height: 1.3em;
 
             line-height: 1.3em;
 
             margin-top: -20px;
 
             margin-top: -20px;
 +
        }
 +
        #jumbo-footer.jumbotron {
 +
            padding-top: 20px;
 +
            padding-bottom: 30px;
 +
            margin-bottom: 0;
 +
        }
 +
        #jumbo-footer.jumbotron>.container {
 +
            width: 1300px;
 +
        }
 +
        #jumbo-footer.jumbotron>.container>.col-md-4{
 +
            padding-left:10px;
 +
            padding-right:10px;
 +
            height: 250px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container{
 +
            width: 1170px;
 +
            margin: 20px auto;
 +
            font-size: 18px;
 +
            color: #888;
 +
            /*font-weight: bold;*/
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .line{
 +
            height: 2px;
 +
            background-color: #bbb;
 +
            width: 100%;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact {
 +
            margin-top: 20px;
 +
            margin-left: 10px;
 +
            height: 140px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .title{
 +
            font-weight: bold;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul{
 +
            list-style: none;
 +
            padding-left: 0;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul.float-contact {
 +
            float:left;
 +
            width: 400px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul li {
 +
            margin-top: 5px;
 +
            margin-bottom: 5px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul li a img{
 +
            width: 30px;
 +
            height: 30px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul li a {
 +
            color: #888;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul li a:hover, #jumbo-footer.jumbotron>.footer-container .contact ul li a:active {
 +
            color: #888;
 +
            text-decoration: none;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact .float-contact-right {
 +
            float:right;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .copyright{
 +
            margin-top: 5px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .copyright .text {
 +
            font-size: 16px;
 +
            float: left;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .copyright .icon{
 +
            float: right;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .copyright .icon img {
 +
            width: 25px;
 +
            height: 25px;
 
         }
 
         }
 
     </style>
 
     </style>
Line 272: Line 345:
 
         </a>
 
         </a>
 
     </div>
 
     </div>
−
     <div class="jumbotron">
+
     <div id="jumbo-video" class="jumbotron">
 
         <div class="video-container">
 
         <div class="video-container">
 
             <div class="video">
 
             <div class="video">
Line 292: Line 365:
 
                         SYSU-MEDICINE decide to engineer a set of MSCs (homo sapiens) with higher accuracy and we hope that our project can pave the way for future MSCs clinical application.
 
                         SYSU-MEDICINE decide to engineer a set of MSCs (homo sapiens) with higher accuracy and we hope that our project can pave the way for future MSCs clinical application.
 
                     </p>
 
                     </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <!--content-->
 +
    <div style="height: 600px">
 +
 +
    </div>
 +
    <!--footer-->
 +
    <div class="jumbotron" id="jumbo-footer">
 +
        <div class="container">
 +
            <div class="col-md-4">
 +
                <div style="height: 100%;background-color: #bbb"></div>
 +
            </div>
 +
            <div class="col-md-4">
 +
                <div style="height: 100%;background-color: #bbb"></div>
 +
            </div>
 +
            <div class="col-md-4">
 +
                <div style="height: 100%;background-color: #bbb"></div>
 +
            </div>
 +
        </div>
 +
        <div class="footer-container">
 +
            <div class="title">
 +
                Contact us
 +
            </div>
 +
            <div class="line"></div>
 +
            <div class="contact">
 +
                <ul class="float-contact">
 +
                    <li>
 +
                        <a href="#">
 +
                            <img src="https://static.igem.org/mediawiki/2016/0/06/T--SYSU-MEDICINE--weibo.png">
 +
                            iGEMxSYSU-MEDICINE
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">
 +
                            <img style="height: 27px; width: 27px" src="https://static.igem.org/mediawiki/2016/a/a1/T--SYSU-MEDICINE--facebook.png">
 +
                            IGEM SYSU-Medicine
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">
 +
                            <img src="https://static.igem.org/mediawiki/2016/4/43/T--SYSU-MEDICINE--email.png">
 +
                            SYSU_MEDICINE@163.com
 +
                        </a>
 +
                    </li>
 +
                </ul>
 +
                <ul class="float-contact">
 +
                    <li>
 +
                        <a href="#">
 +
                            <img src="https://static.igem.org/mediawiki/2016/6/6e/T--SYSU-MEDICINE--wechat.png">
 +
                            SYSU-MEDICINE
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">
 +
                            <img src="https://static.igem.org/mediawiki/2016/1/1c/T--SYSU-MEDICINE--twitter.png">
 +
                            iGEM SYSU-MEDICINE
 +
                        </a>
 +
                    </li>
 +
 +
                </ul>
 +
                <div class="float-contact-right">
 +
                    <img style="width: 140px" src="https://2016.igem.org/wiki/skins/Igem/images/IGEM_white_letters.png">
 +
                    <img style="height: 100px" src="https://static.igem.org/mediawiki/2016/d/df/T--SYSU-MEDICINE--SYSU-MEDICINE.png">
 +
                </div>
 +
            </div>
 +
            <div class="line"></div>
 +
            <div class="copyright">
 +
                <div class="text">
 +
                    &copy; 2016 SYSU-MEDICINE. All Rights Reserved.
 +
                </div>
 +
                <div class="icon" >
 +
                    <img src="https://static.igem.org/mediawiki/2016/f/f5/T--SYSU-MEDICINE--china_2x.png">
 +
                    <img src="https://static.igem.org/mediawiki/2016/a/a9/T--SYSU-MEDICINE--SYSU.png">
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>

Revision as of 11:41, 5 October 2016

MSCavalry

-----MSCs of
next generation

Inflammatory diseases are an increasing cause of disability and even fatality. Currently, apart from common treatments, MSCs therapy is a promising candidate for curing inflammatory diseases. However, intravascular injected MSCs are criticized for its low homing efficiency and ambiguous distribution in human body.

This year, MSCavalry: MSCs of next generation is coming. SYSU-MEDICINE decide to engineer a set of MSCs (homo sapiens) with higher accuracy and we hope that our project can pave the way for future MSCs clinical application.