Difference between revisions of "Team:Shanghai United/Attributions"

Line 1: Line 1:
<html>
+
<html lang="en">
  
 
<head>
 
<head>
         <meta charset="utf-8">
+
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <title>非模块化方式使用layui</title>
+
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
         <title>Document</title>
 
         <link rel="stylesheet"
 
         <link rel="stylesheet"
 
                 href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&amp;ctype=text/css">
 
                 href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&amp;ctype=text/css">
Line 12: Line 13:
 
                 crossorigin="anonymous"></script>
 
                 crossorigin="anonymous"></script>
  
        <style type="text/css">
 
                #sideMenu,
 
                #top_title,
 
                .patrollink,
 
                #firstHeading,
 
                #home_logo,
 
                #sideMenu {
 
                        display: none;
 
                }
 
  
                #content {
+
</head>
                        padding: 0px;
+
<style type="text/css">
                        width: 100%;
+
        #sideMenu,
                        margin-top: -7px;
+
        #top_title,
                        margin-left: 0px;
+
        .patrollink,
                        border: none;
+
        #firstHeading,
                }
+
        #home_logo,
 +
        #sideMenu {
 +
                display: none;
 +
        }
  
                body,
+
        #content {
                html {
+
                padding: 0px;
                        background-color: white;
+
                width: 100%;
                        width: 100%;
+
                margin-top: -7px;
                        height: 100%;
+
                 margin-left: 0px;
                 }
+
                border: none;
 +
        }
  
                #bodyContent h1,
+
        body,
                #bodyContent h2,
+
        html {
                 #bodyContent h3,
+
                 background-color: white;
                 #bodyContent h4,
+
                 width: 100%;
                 #bodyContent h5 {
+
                 height: 100%;
                        margin-bottom: 0px;
+
        }
                }
+
  
                 #bodyContent a[href ^="https://"],
+
        #bodyContent h1,
                .link-https {
+
        #bodyContent h2,
                        padding-right: 0px;
+
        #bodyContent h3,
                }
+
        #bodyContent h4,
        </style>
+
        #bodyContent h5 {
        <title>Entprenuership</title>
+
                 margin-bottom: 0px;
</head>
+
        }
 +
 
 +
        #bodyContent a[href ^="https://"],
 +
        .link-https {
 +
                padding-right: 0px;
 +
        }
 +
</style>
 +
<style>
 +
        html {
 +
                width: 100%;
 +
                height: 100%;
 +
        }
 +
 
 +
        body {
 +
                min-width: 1920px;
 +
                overflow: scroll;
 +
                margin: 0 auto;
 +
        }
  
<style type="text/css">
 
 
         .layui-nav .layui-nav-item a {
 
         .layui-nav .layui-nav-item a {
 
                 color: black;
 
                 color: black;
 +
                font-size: 17px;
 
         }
 
         }
  
Line 88: Line 100:
  
 
<body>
 
<body>
 +
        <div style="height: 255px;width: 100%;display: flex;justify-content: space-around;">
 +
                <img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png"
 +
                        style="width: 173px; height: 89px;margin-right: 271px;margin-left: 120px;margin-top: 80px;display: block;" />
 +
                <ul class="layui-nav navbar navbar-fixed-top text-center" lay-filter=""
 +
                        style="background-color:white;height: 255px;line-height: 255px;">
  
        <div>
+
                         <li class="layui-nav-item" style="text-align: center;">
                <!--导航条固定部分-->
+
                                <a href="https://2021.igem.org/Team:Shanghai_United"
                <div style="height: 255px;width: 100%;display: flex;justify-content: space-around;">
+
                                        style="text-align: center;">Home</a>
                         <img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png"
+
                        </li>
                                style="width: 173px; height: 89px;margin-right: 271px;margin-left: 120px;margin-top: 80px;" />
+
                        <ul class="layui-nav navbar navbar-fixed-top text-center" lay-filter=""
+
                                style="background-color:white;height: 255px;line-height: 255px;">
+
                                <!-- <li class="layui-nav-item" style="text-align: center;">
+
                    <img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png"
+
                        style="width: 143px; height: 89px;margin-top: 20px;margin-right: 271px;margin-left: 120px;" />
+
                </li> -->
+
  
                                <li class="layui-nav-item" style="text-align: center;">
+
                        <li class="layui-nav-item" style="text-align: center;">
                                         <a href="https://2021.igem.org/Team:Shanghai_United"
+
                                <a href="javascript:;">Project</a>
                                                 style="text-align: center;">Home</a>
+
                                <dl class="layui-nav-child">
                                </li>
+
                                         <!-- 二级菜单 -->
 +
                                        <dd>
 +
                                                <a
 +
                                                        href="https://2021.igem.org/Team:Shanghai_United/Description">Description</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                 <a href="https://2021.igem.org/Team:Shanghai_United/Design">Design</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a href="https://2021.igem.org/Team:Shanghai_United/Proof">Proof
 +
                                                        of Concept</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a
 +
                                                        href="https://2021.igem.org/Team:Shanghai_United/Experiment">Experiments</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a
 +
                                                        href="https://2021.igem.org/Team:Shanghai_United/Notebook">Notebook</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a href="https://2021.igem.org/Team:Shanghai_United/Result">Result</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a href="https://2021.igem.org/Team:Shanghai_United/Safety">Safety</a>
 +
                                        </dd>
  
                                 <li class="layui-nav-item" style="text-align: center;">
+
                                 </dl>
                                        <a href="javascript:;">Project</a>
+
                        </li>
                                        <dl class="layui-nav-child">
+
                        <li class="layui-nav-item" style="text-align: center;">
                                                <!-- 二级菜单 -->
+
                                <a href="javascript:;">Parts</a>
                                                <dd>
+
                                <dl class="layui-nav-child">
                                                        <a
+
                                        <!-- 二级菜单 -->
                                                                href="https://2021.igem.org/Team:Shanghai_United/Description">Description</a>
+
                                        <dd>
                                                 </dd>
+
                                                 <a
                                                <dd>
+
                                                         href="https://2021.igem.org/Team:Shanghai_United/Basic Parts">Engineering</a>
                                                        <a href="https://2021.igem.org/Team:Shanghai_United/Proof">Proof
+
                                        </dd>
                                                                of Concept</a>
+
                                        <dd>
                                                </dd>
+
                                                 <a href="https://2021.igem.org/Team:Shanghai_United/Parts Collection">Parts
                                                <dd>
+
                                                         Collection</a>
                                                         <a
+
                                        </dd>
                                                                href="https://2021.igem.org/Team:Shanghai_United/Experiment">Experiments</a>
+
                                                </dd>
+
                                                <dd>
+
                                                        <a
+
                                                                href="https://2021.igem.org/Team:Shanghai_United/Notebook">Notebook</a>
+
                                                 </dd>
+
                                                <dd>
+
                                                        <a
+
                                                                href="https://2021.igem.org/Team:Shanghai_United/Result">Result</a>
+
                                                </dd>
+
                                                <dd>
+
                                                         <a
+
                                                                href="https://2021.igem.org/Team:Shanghai_United/Safety">Safety</a>
+
                                                </dd>
+
  
                                        </dl>
+
                                </dl>
                                </li>
+
                        </li>
                                <li class="layui-nav-item" style="text-align: center;">
+
                        <li class="layui-nav-item">
                                        <a href="javascript:;">Parts</a>
+
                                <a href="javascript:;">Human Practice</a>
                                        <dl class="layui-nav-child">
+
                                <dl class="layui-nav-child">
                                                <!-- 二级菜单 -->
+
                                        <!-- 二级菜单 -->
                                                <dd>
+
                                        <dd>
                                                        <a
+
                                                <a
                                                                href="https://2021.igem.org/Team:Shanghai_United/Basic Parts">Basic
+
                                                        href="https://2021.igem.org/Team:Shanghai_United/Fundraising">Fundraising</a>
                                                                Parts</a>
+
                                        </dd>
                                                </dd>
+
                                        <dd>
                                                <dd>
+
                                                <a
                                                        <a
+
                                                        href="https://2021.igem.org/Team:Shanghai_United/Communication">Communication</a>
                                                                href="https://2021.igem.org/Team:Shanghai_United/Composite Parts">Composite
+
                                        </dd>
                                                                Parts</a>
+
                                        <dd>
                                                </dd>
+
                                                <a
                                                <dd>
+
                                                        href="https://2021.igem.org/Team:Shanghai_United/Integrated_Human_Practice">Integrated Human Practice</a>
                                                        <a
+
                                        </dd>
                                                                href="https://2021.igem.org/Team:Shanghai_United/Parts Collection">Parts
+
                                </dl>
                                                                Collection</a>
+
                        </li>
                                                </dd>
+
                        <li class="layui-nav-item" style="text-align: center;">
 +
                                <a href="https://2021.igem.org/Team:Shanghai_United/Implementation">Implementation</a>
 +
                        </li>
  
                                        </dl>
+
                        <li class="layui-nav-item" style="text-align: center;">
                                </li>
+
                                <a
                                <li class="layui-nav-item">
+
                                        href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</a>
                                        <a href="javascript:;">Human Practice</a>
+
                        </li>
                                        <dl class="layui-nav-child">
+
                                                <!-- 二级菜单 -->
+
                                                <dd>
+
                                                        <a
+
                                                                href="https://2021.igem.org/Team:Shanghai_United/Fundraising">Fundraising</a>
+
                                                </dd>
+
                                        </dl>
+
                                </li>
+
                                <li class="layui-nav-item" style="text-align: center;">
+
                                        <a
+
                                                href="https://2021.igem.org/Team:Shanghai_United/Implementation">Implementation</a>
+
                                </li>
+
  
                                <li class="layui-nav-item" style="text-align: center;">
+
                        <li class="layui-nav-item" style="text-align: center;">
                                        <a
+
                                <a href="https://2021.igem.org/Team:Shanghai_United/Model">Model</a>
                                                href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</a>
+
                        </li>
                                </li>
+
  
                                <li class="layui-nav-item" style="text-align: center;">
 
                                        <a href="https://2021.igem.org/Team:Shanghai_United/Modeling">Modeling</a>
 
                                </li>
 
  
 +
                        <li class="layui-nav-item" style="text-align: center;">
 +
                                <a href="javascript:;">Team</a>
 +
                                <dl class="layui-nav-child">
 +
                                        <!-- 二级菜单 -->
 +
                                        <dd>
 +
                                                <a href="https://2021.igem.org/Team:Shanghai_United/Team">Team
 +
                                                        Member</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a
 +
                                                        href="https://2021.igem.org/Team:Shanghai_United/Collaborations">Collaborations</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a
 +
                                                        href="https://2021.igem.org/Team:Shanghai_United/Attributions">Attributions</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a
 +
                                                        href="https://2021.igem.org/Team:Shanghai_United/Partnership">Partnership</a>
 +
                                        </dd>
 +
                                </dl>
 +
                        </li>
 +
                </ul>
  
                                <li class="layui-nav-item" style="text-align: center;">
+
        </div>
                                        <a href="javascript:;">Team</a>
+
                                        <dl class="layui-nav-child">
+
                                                <!-- 二级菜单 -->
+
                                                <dd>
+
                                                        <a href="https://2021.igem.org/Team:Shanghai_United/Team">Team
+
                                                                Member</a>
+
                                                </dd>
+
                                                <dd>
+
                                                        <a
+
                                                                href="https://2021.igem.org/Team:Shanghai_United/Collaborations">Collaborations</a>
+
                                                </dd>
+
                                                <dd>
+
                                                        <a
+
                                                                href="https://2021.igem.org/Team:Shanghai_United/Attributions">Attributions</a>
+
                                                </dd>
+
  
                                        </dl>
+
        <!--banner-->
                                </li>
+
        <div style="width:100%;">
                        </ul>
+
                <img style="width:100%;" src="https://static.igem.org/mediawiki/2021/a/a5/T--Shanghai_United--Description00.png"></img>
 +
        </div>
  
                </div>
+
        <!--text-->
 
+
        <div style="width:100%;padding:10% 30%;">
                <div style="width:100%;">
+
            <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/3/3c/T--Shanghai_United--implementation01.jpg" style=""></img>
                        <img style="width:100%;" src="https://static.igem.org/mediawiki/2021/a/a5/T--Shanghai_United--Description00.png"></img>
+
                </div>
+
 
+
               
+
                <div style="width:80%;margin: 0 auto;">
+
                        <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/3/3c/T--Shanghai_United--implementation01.jpg" style=""></img>
+
 
                         <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/9/96/T--Shanghai_United--implementation02.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
 
                         <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/9/96/T--Shanghai_United--implementation02.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
 
                         <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/1/14/T--Shanghai_United--implementation03.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
 
                         <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/1/14/T--Shanghai_United--implementation03.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
 
                         <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/b/b1/T--Shanghai_United--implementation04.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
 
                         <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/b/b1/T--Shanghai_United--implementation04.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
 
                         <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/5/58/T--Shanghai_United--implementation05.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
 
                         <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/5/58/T--Shanghai_United--implementation05.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
                    </div>
+
        </div>
           
+
       
+
  
                <div style="background-color: #F9F9F9;">
+
        <!--bottom-->
                        <div style="width: 80%;height: 1080px;margin: 0 auto;padding: 10% 0;">
+
        <div style="background-color: #F9F9F9;">
                                <span
+
                <div style="width: 80%;height: 1080px;margin: 0 auto;padding: 10% 0;">
                                        style="font-size: 48px;display: block;padding-bottom: 200px;">CONTACT INFO</span>
+
                        <span style="font-size: 48px;display: block;padding-bottom: 200px;">CONTACT INFO</span>
                                <span
+
                        <span
                                        style="text-align: center;line-height: 90px;letter-spacing: 2px;font-size: 36px;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
+
                                style="text-align: center;line-height: 90px;letter-spacing: 2px;font-size: 36px;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
                                        Please scan the following QR codes to find more about us on
+
                                Please scan the following QR codes to find more about us on
                                </span>
+
                        </span>
                                <span
+
                        <span
                                        style="text-align: center;font-weight: bold;line-height: 40px;letter-spacing: 2px;font-size: 36px;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
+
                                style="text-align: center;font-weight: bold;line-height: 40px;letter-spacing: 2px;font-size: 36px;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
                                        Weibo、Bilibili、Wechat !
+
                                Weibo、Bilibili、Wechat !
                                </span>
+
                        </span>
                                <img style="width:810px;height: 345px;margin: 100px auto;display: block;" src="https://static.igem.org/mediawiki/2021/1/1d/T--Shanghai_United--homepage06.jpg">
+
                        <img style="width:810px;height: 345px;margin: 100px auto;display: block;"
                        </div>
+
                                src="https://static.igem.org/mediawiki/2021/1/1d/T--Shanghai_United--homepage06.jpg">
 
                 </div>
 
                 </div>
 +
        </div>
  
                <script
 
                        src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
 
                <script>
 
                        //由于模块都一次性加载,因此不用执行 layui.use() 来加载对应模块,直接使用即可:
 
                        ;
 
                        ! function () {
 
                                var layer = layui.layer,
 
                                        form = layui.form;
 
                        }();
 
 
                        layui.use('carousel', function () {
 
                                var carousel = layui.carousel;
 
                                //建造实例
 
                                carousel.render({
 
                                        elem: '#test1'
 
                                        , width: '100%' //设置容器宽度
 
                                        , arrow: 'always' //始终显示箭头
 
                                        //,anim: 'updown' //切换动画方式
 
                                });
 
                        });
 
                </script>
 
 
</body>
 
</body>
 +
<script src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
 +
<script>
 +
        //由于模块都一次性加载,因此不用执行 layui.use() 来加载对应模块,直接使用即可:
 +
        ;
 +
        ! function () {
 +
                var layer = layui.layer,
 +
                        form = layui.form;
 +
        }();
 +
 +
        layui.use('carousel', function () {
 +
                var carousel = layui.carousel;
 +
                //建造实例
 +
                carousel.render({
 +
                        elem: '#test1'
 +
                        , width: '100%' //设置容器宽度
 +
                        , arrow: 'always' //始终显示箭头
 +
                        //,anim: 'updown' //切换动画方式
 +
                });
 +
        });
 +
</script>
  
 
</html>
 
</html>

Revision as of 12:52, 26 September 2021

Document

CONTACT INFO Please scan the following QR codes to find more about us on Weibo、Bilibili、Wechat !