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

Line 2: Line 2:
  
 
<head>
 
<head>
−
    <meta charset="utf-8">
+
        <meta charset="utf-8">
−
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
−
    <title>非模块化方式使用layui</title>
+
        <title>非模块化方式使用layui</title>
−
    <link rel="stylesheet" href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&amp;ctype=text/css">
+
        <link rel="stylesheet"
−
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
+
                href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&amp;ctype=text/css">
−
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
+
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
−
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
+
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
−
        crossorigin="anonymous"></script>
+
                integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
 +
                crossorigin="anonymous"></script>
  
−
    <style type="text/css">
+
        <style type="text/css">
−
        #sideMenu,
+
                #sideMenu,
−
        #top_title,
+
                #top_title,
−
        .patrollink,
+
                .patrollink,
−
        #firstHeading,
+
                #firstHeading,
−
        #home_logo,
+
                #home_logo,
−
        #sideMenu {
+
                #sideMenu {
−
            display: none;
+
                        display: none;
−
        }
+
                }
  
−
        #content {
+
                #content {
−
            padding: 0px;
+
                        padding: 0px;
−
            width: 100%;
+
                        width: 100%;
−
            margin-top: -7px;
+
                        margin-top: -7px;
−
            margin-left: 0px;
+
                        margin-left: 0px;
−
            border: none;
+
                        border: none;
−
        }
+
                }
 +
 
 +
                body,
 +
                html {
 +
                        background-color: white;
 +
                        width: 100%;
 +
                        height: 100%;
 +
                }
 +
 
 +
                #bodyContent h1,
 +
                #bodyContent h2,
 +
                #bodyContent h3,
 +
                #bodyContent h4,
 +
                #bodyContent h5 {
 +
                        margin-bottom: 0px;
 +
                }
  
−
        body,
+
                #bodyContent a[href ^="https://"],
−
        html {
+
                .link-https {
−
            background-color: white;
+
                        padding-right: 0px;
−
            width: 100%;
+
                }
−
            height: 100%;
+
        </style>
 +
        <title>Entprenuership</title>
 +
</head>
 +
 
 +
<style type="text/css">
 +
        .layui-nav .layui-nav-item a {
 +
                color: black;
 
         }
 
         }
  
−
         #bodyContent h1,
+
         .layui-nav .layui-nav-item a:hover {
−
        #bodyContent h2,
+
                color: black;
−
        #bodyContent h3,
+
                text-decoration: none;
−
        #bodyContent h4,
+
−
        #bodyContent h5 {
+
−
            margin-bottom: 0px;
+
 
         }
 
         }
  
 
         #bodyContent a[href ^="https://"],
 
         #bodyContent a[href ^="https://"],
 
         .link-https {
 
         .link-https {
−
            padding-right: 0px;
+
                padding-right: 35px;
 
         }
 
         }
−
    </style>
 
−
    <title>Entprenuership</title>
 
−
</head>
 
  
−
<style type="text/css">
+
        .layui-nav * {
−
    .layui-nav .layui-nav-item a {
+
                font-size: 18px;
−
        color: black;
+
        }
−
    }
+
  
−
    .layui-nav .layui-nav-item a:hover {
+
        .carousel-indicators {
−
        color: black;
+
−
        text-decoration: none;
+
−
    }
+
  
−
    #bodyContent a[href ^="https://"],
+
                width: 30%;
−
    .link-https {
+
                left: 33%;
−
        padding-right: 35px;
+
        }
−
    }
+
  
−
    .layui-nav * {
+
        .layui-carousel:hover .layui-carousel-arrow {
−
        font-size: 18px;
+
                display: none;
−
    }
+
        }
  
−
    .carousel-indicators {
+
        .layui-carousel {
−
 
+
                height: 1080px !important;
−
        width: 30%;
+
         }
−
         left: 33%;
+
−
    }
+
 
</style>
 
</style>
  
 
<body>
 
<body>
  
−
    <div>
+
        <div>
−
        <!--导航条固定部分-->
+
                <!--导航条固定部分-->
−
        <div style="height: 255px;width: 100%;">
+
                <div style="height: 255px;width: 100%;display: flex;justify-content: space-around;">
−
            <!-- <div style="text-align: center;">
+
                        <img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png"
−
<img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png" style="width: 143px; height: 89px;margin-top: 20px;" />
+
                                style="width: 173px; height: 89px;margin-right: 271px;margin-left: 120px;margin-top: 80px;" />
−
</div> -->
+
                        <ul class="layui-nav navbar navbar-fixed-top text-center" lay-filter=""
−
 
+
                                style="background-color:white;height: 255px;line-height: 255px;">
−
            <!-- <hr /> -->
+
                                <!-- <li class="layui-nav-item" style="text-align: center;">
−
 
+
−
            <ul class="layui-nav navbar navbar-fixed-top text-center" lay-filter="" style="background-color:white">
+
−
                <li class="layui-nav-item" style="text-align: center;">
+
 
                     <img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png"
 
                     <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;" />
 
                         style="width: 143px; height: 89px;margin-top: 20px;margin-right: 271px;margin-left: 120px;" />
−
                 </li>
+
                 </li> -->
−
 
+
−
                <li class="layui-nav-item" style="text-align: center;">
+
−
                    <a href="https://2021.igem.org/Team:Shanghai_United" style="text-align: center;">Home</a>
+
−
                </li>
+
−
 
+
−
                <li class="layui-nav-item" style="text-align: center;">
+
−
                    <a href="javascript:;">Project</a>
+
−
                    <dl class="layui-nav-child">
+
−
                        <!-- 二级菜单 -->
+
−
                        <dd>
+
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Description">Description</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>
+
−
 
+
−
                    </dl>
+
−
                </li>
+
−
                <li class="layui-nav-item" style="text-align: center;">
+
−
                    <a href="javascript:;">Parts</a>
+
−
                    <dl class="layui-nav-child">
+
−
                        <!-- 二级菜单 -->
+
−
                        <dd>
+
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Basic Parts">Basic Parts</a>
+
−
                        </dd>
+
−
                        <dd>
+
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Composite Parts">Composite Parts</a>
+
−
                        </dd>
+
−
                        <dd>
+
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Parts Collection">Parts Collection</a>
+
−
                        </dd>
+
  
−
                    </dl>
+
                                <li class="layui-nav-item" style="text-align: center;">
−
                </li>
+
                                        <a href="https://2021.igem.org/Team:Shanghai_United"
−
                <li class="layui-nav-item">
+
                                                style="text-align: center;">Home</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 href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</a>
+
                                        <a href="javascript:;">Project</a>
−
                </li>
+
                                        <dl class="layui-nav-child">
 +
                                                <!-- 二级菜单 -->
 +
                                                <dd>
 +
                                                        <a
 +
                                                                href="https://2021.igem.org/Team:Shanghai_United/Description">Description</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="https://2021.igem.org/Team:Shanghai_United/Modeling">Modeling</a>
+
                                </li>
−
                </li>
+
                                <li class="layui-nav-item" style="text-align: center;">
 +
                                        <a href="javascript:;">Parts</a>
 +
                                        <dl class="layui-nav-child">
 +
                                                <!-- 二级菜单 -->
 +
                                                <dd>
 +
                                                        <a
 +
                                                                href="https://2021.igem.org/Team:Shanghai_United/Basic Parts">Basic
 +
                                                                Parts</a>
 +
                                                </dd>
 +
                                                <dd>
 +
                                                        <a
 +
                                                                href="https://2021.igem.org/Team:Shanghai_United/Composite Parts">Composite
 +
                                                                Parts</a>
 +
                                                </dd>
 +
                                                <dd>
 +
                                                        <a
 +
                                                                href="https://2021.igem.org/Team:Shanghai_United/Parts Collection">Parts
 +
                                                                Collection</a>
 +
                                                </dd>
  
 +
                                        </dl>
 +
                                </li>
 +
                                <li class="layui-nav-item">
 +
                                        <a href="javascript:;">Human Practice</a>
 +
                                        <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 href="javascript:;">Team</a>
+
                                        <a
−
                    <dl class="layui-nav-child">
+
                                                href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</a>
−
                        <!-- 二级菜单 -->
+
                                </li>
−
                        <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>
+
                                <li class="layui-nav-item" style="text-align: center;">
−
                </li>
+
                                        <a href="https://2021.igem.org/Team:Shanghai_United/Modeling">Modeling</a>
−
            </ul>
+
                                </li>
  
−
        </div>
 
−
        <!--导航条固定部分结束-->
 
  
−
        <div style="width:100%;">
+
                                <li class="layui-nav-item" style="text-align: center;">
−
            <img style="width:100%;"
+
                                        <a href="javascript:;">Team</a>
−
                src="https://static.igem.org/mediawiki/2021/a/a5/T--Shanghai_United--Description00.png"></img>
+
                                        <dl class="layui-nav-child">
−
        </div>
+
                                                <!-- 二级菜单 -->
 +
                                                <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>
  
−
        <div style="width:80%;margin: 0 auto;">
+
                                        </dl>
−
            <img src="https://static.igem.org/mediawiki/2021/3/3c/T--Shanghai_United--implementation01.jpg" style="margin:30px auto;width:70%;text-align:center;"></img>
+
                                </li>
−
            <img src="https://static.igem.org/mediawiki/2021/9/96/T--Shanghai_United--implementation02.jpg" style="margin:30px auto;width:70%;text-align:center;"></img>
+
                        </ul>
−
            <img src="https://static.igem.org/mediawiki/2021/1/14/T--Shanghai_United--implementation03.jpg" style="margin:30px auto;width:70%;text-align:center;"></img>
+
−
            <img src="https://static.igem.org/mediawiki/2021/b/b1/T--Shanghai_United--implementation04.jpg" style="margin:30px auto;width:70%;text-align:center;"></img>
+
−
            <img src="https://static.igem.org/mediawiki/2021/5/58/T--Shanghai_United--implementation05.jpg" style="margin:30px auto;width:70%;text-align:center;"></img>
+
−
        </div>
+
  
 +
                </div>
  
−
        <!--底部栏-->
+
                <div style="width:100%;">
−
        <div style="width: 100%;padding:5%;">
+
                        <img style="width:100%;" src="https://static.igem.org/mediawiki/2021/a/a5/T--Shanghai_United--Description00.png"></img>
 +
                </div>
  
−
            <span style="font-family: Athelas; font-size: 48pt; height:340px;line-height: 340px;">
+
               
−
                CONTACT INFO
+
                <div style="width:80%;margin: 0 auto;">
−
            </span>
+
                        <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>
−
            <br />
+
                        <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>
−
            <section style="font-family: Athelas; font-size: 36pt;text-align: center;margin-bottom: 40px;">
+
                        <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>
−
                Please scan the following QR codes to find more about us on
+
                        <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>
−
            </section>
+
                        <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>
−
            <br />
+
                    </div>
−
            <section
+
           
−
                style="font-family: Athelas; font-size: 36pt; font-weight: bold;text-align: center;margin-bottom: 107px;">
+
       
−
                Weibo、Bilibili、 Wechat !
+
−
            </section>
+
−
            <img style="display:block;width: 810px;height: 345px;margin: 0 auto;"
+
−
                src="https://static.igem.org/mediawiki/2021/1/1d/T--Shanghai_United--homepage06.jpg"></img>
+
−
        </div>
+
  
−
        <!--底部栏结束-->
+
                <div style="background-color: #F9F9F9;">
 +
                        <div style="width: 80%;height: 1080px;margin: 0 auto;padding: 10% 0;">
 +
                                <span
 +
                                        style="font-size: 48px;display: block;padding-bottom: 200px;">CONTACT INFO</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;">
 +
                                        Please scan the following QR codes to find more about us on
 +
                                </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;">
 +
                                        Weibo、Bilibili、Wechat !
 +
                                </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">
 +
                        </div>
 +
                </div>
  
−
        <script
+
                <script
−
            src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
+
                        src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
−
        <script>
+
                <script>
−
            //由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
+
                        //由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
−
            ;
+
                        ;
−
            ! function () {
+
                        ! function () {
−
                var layer = layui.layer,
+
                                var layer = layui.layer,
−
                    form = layui.form;
+
                                        form = layui.form;
−
            }();
+
                        }();
  
−
        </script>
+
                        layui.use('carousel', function () {
 +
                                var carousel = layui.carousel;
 +
                                //建造实例
 +
                                carousel.render({
 +
                                        elem: '#test1'
 +
                                        , width: '100%' //设置容器宽度
 +
                                        , arrow: 'always' //始终显示箭头
 +
                                        //,anim: 'updown' //切换动画方式
 +
                                });
 +
                        });
 +
                </script>
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 13:13, 22 September 2021

非模块化方式使用layui Entprenuership

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