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

 
(8 intermediate revisions by the same user not shown)
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">
−
    <link rel="stylesheet" href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&amp;ctype=text/css">
+
        <title>Document</title>
−
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
+
        <link rel="stylesheet"
−
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
+
                href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&amp;ctype=text/css">
−
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
+
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
−
        crossorigin="anonymous"></script>
+
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
 +
                integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
 +
                crossorigin="anonymous"></script>
  
−
    <style type="text/css">
+
 
 +
</head>
 +
<style type="text/css">
 
         #sideMenu,
 
         #sideMenu,
 
         #top_title,
 
         #top_title,
Line 18: Line 22:
 
         #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,
 
         body,
 
         html {
 
         html {
−
            background-color: white;
+
                background-color: white;
−
            width: 100%;
+
                width: 100%;
−
            height: 100%;
+
                height: 100%;
 
         }
 
         }
  
Line 41: Line 45:
 
         #bodyContent h4,
 
         #bodyContent h4,
 
         #bodyContent h5 {
 
         #bodyContent h5 {
−
            margin-bottom: 0px;
+
                margin-bottom: 0px;
 
         }
 
         }
  
 
         #bodyContent a[href ^="https://"],
 
         #bodyContent a[href ^="https://"],
 
         .link-https {
 
         .link-https {
−
            padding-right: 0px;
+
                padding-right: 0px;
 +
        }
 +
</style>
 +
<style>
 +
        html {
 +
                width: 100%;
 +
                height: 100%;
 
         }
 
         }
−
    </style>
 
−
    <title>Entprenuership</title>
 
−
</head>
 
  
−
<style type="text/css">
+
        body {
−
    .layui-nav .layui-nav-item a {
+
                min-width: 1920px;
−
        color: black;
+
                overflow: scroll;
−
    }
+
                margin: 0 auto;
 +
        }
  
−
    .layui-nav .layui-nav-item a:hover {
+
        .layui-nav .layui-nav-item a {
−
        color: black;
+
                color: black;
−
        text-decoration: none;
+
                font-size: 17px;
−
    }
+
        }
  
−
    #bodyContent a[href ^="https://"],
+
        .layui-nav .layui-nav-item a:hover {
−
    .link-https {
+
                color: black;
−
        padding-right: 35px;
+
                text-decoration: none;
−
    }
+
        }
  
−
    .layui-nav * {
+
        #bodyContent a[href ^="https://"],
−
        font-size: 18px;
+
        .link-https {
−
    }
+
                padding-right: 35px;
 +
        }
  
−
    .carousel-indicators {
+
        .layui-nav * {
 +
                font-size: 18px;
 +
        }
  
−
         width: 30%;
+
         .carousel-indicators {
−
        left: 33%;
+
−
    }
+
−
</style>
+
  
−
<body>
+
                width: 30%;
 +
                left: 33%;
 +
        }
  
−
    <div>
+
         .layui-carousel:hover .layui-carousel-arrow {
−
         <!--导航条固定部分-->
+
                display: none;
−
        <div style="height: 255px;width: 100%;">
+
        }
−
            <!-- <div 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;" />
+
−
</div> -->
+
  
−
            <!-- <hr /> -->
+
        .layui-carousel {
 +
                height: 1080px !important;
 +
        }
 +
</style>
  
−
            <ul class="layui-nav navbar navbar-fixed-top text-center" lay-filter="" style="background-color:white">
+
<body>
−
                <li class="layui-nav-item" style="text-align: center;">
+
  <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"
+
    <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: 173px; height: 89px;margin-right: 271px;margin-left: 120px;margin-top: 80px;display: block;" />
−
                </li>
+
    <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;">
+
            <li class="layui-nav-item" style="text-align: center;">
−
                     <a href="https://2021.igem.org/Team:Shanghai_United" style="text-align: center;">Home</a>
+
                     <a href="https://2021.igem.org/Team:Shanghai_United"
−
                </li>
+
                            style="text-align: center;">Home</a>
 +
            </li>
  
−
                <li class="layui-nav-item" style="text-align: center;">
+
            <li class="layui-nav-item" style="text-align: center;">
 
                     <a href="javascript:;">Project</a>
 
                     <a href="javascript:;">Project</a>
 
                     <dl class="layui-nav-child">
 
                     <dl class="layui-nav-child">
−
                        <!-- 二级菜单 -->
+
                            <!-- 二级菜单 -->
−
                        <dd>
+
                            <dd>
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Description">Description</a>
+
                                    <a
−
                        </dd>
+
                                            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/Proof_Of_Concept">Proof
−
                        <dd>
+
                                            of Concept</a>
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Experiment">Experiments</a>
+
                            </dd>
−
                        </dd>
+
                            <dd>
−
                        <dd>
+
                                    <a
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Notebook">Notebook</a>
+
                                            href="https://2021.igem.org/Team:Shanghai_United/Experiments">Experiments</a>
−
                        </dd>
+
                            </dd>
−
                        <dd>
+
                            <dd>
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Result">Result</a>
+
                                    <a
−
                        </dd>
+
                                            href="https://2021.igem.org/Team:Shanghai_United/Notebook">Notebook</a>
−
                        <dd>
+
                            </dd>
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Safety">Safety</a>
+
                            <dd>
−
                        </dd>
+
                                    <a href="https://2021.igem.org/Team:Shanghai_United/Results">Results</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" style="text-align: center;">
 
                     <a href="javascript:;">Parts</a>
 
                     <a href="javascript:;">Parts</a>
 
                     <dl class="layui-nav-child">
 
                     <dl class="layui-nav-child">
−
                        <!-- 二级菜单 -->
+
                            <!-- 二级菜单 -->
−
                        <dd>
+
                            <dd>
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Basic Parts">Basic Parts</a>
+
                                    <a
−
                        </dd>
+
                                            href="https://2021.igem.org/Team:Shanghai_United/Engineering">Engineering</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">Parts
−
                        <dd>
+
                                            Collection</a>
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Parts Collection">Parts Collection</a>
+
                            </dd>
−
                        </dd>
+
  
 
                     </dl>
 
                     </dl>
−
                </li>
+
            </li>
−
                <li class="layui-nav-item">
+
            <li class="layui-nav-item">
 
                     <a href="javascript:;">Human Practice</a>
 
                     <a href="javascript:;">Human Practice</a>
 
                     <dl class="layui-nav-child">
 
                     <dl class="layui-nav-child">
−
                        <!-- 二级菜单 -->
+
                            <!-- 二级菜单 -->
−
                        <dd>
+
                            <dd>
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Fundraising">Fundraising</a>
+
                                    <a
−
                        </dd>
+
                                            href="https://2021.igem.org/Team:Shanghai_United/Fundraising">Fundraising</a>
 +
                            </dd>
 +
                            <dd>
 +
                                    <a
 +
                                            href="https://2021.igem.org/Team:Shanghai_United/Communication">Communication</a>
 +
                            </dd>
 +
                            <dd>
 +
                                    <a
 +
                                            href="https://2021.igem.org/Team:Shanghai_United/Human_Practices">Integrated Human Practices</a>
 +
                            </dd>
 
                     </dl>
 
                     </dl>
−
                </li>
+
            </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/Implementation">Implementation</a>
 
                     <a href="https://2021.igem.org/Team:Shanghai_United/Implementation">Implementation</a>
−
                </li>
+
            </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
−
                </li>
+
                            href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</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/Modeling">Modeling</a>
+
                     <a href="https://2021.igem.org/Team:Shanghai_United/Model">Model</a>
−
                </li>
+
            </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 href="javascript:;">Team</a>
 
                     <dl class="layui-nav-child">
 
                     <dl class="layui-nav-child">
−
                        <!-- 二级菜单 -->
+
                            <!-- 二级菜单 -->
−
                        <dd>
+
                            <dd>
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Team">Team Member</a>
+
                                    <a href="https://2021.igem.org/Team:Shanghai_United/Team">Team
−
                        </dd>
+
                                            Member</a>
−
                        <dd>
+
                            </dd>
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Collaborations">Collaborations</a>
+
                            <dd>
−
                        </dd>
+
                                    <a
−
                        <dd>
+
                                            href="https://2021.igem.org/Team:Shanghai_United/Collaborations">Collaborations</a>
−
                            <a href="https://2021.igem.org/Team:Shanghai_United/Attributions">Attributions</a>
+
                            </dd>
−
                        </dd>
+
                            <dd>
−
 
+
                                    <a
 +
                                            href="https://2021.igem.org/Team:Shanghai_United/Attributions">Attributions</a>
 +
                            </dd>
 
                     </dl>
 
                     </dl>
−
                </li>
+
            </li>
−
            </ul>
+
    </ul>
  
−
        </div>
+
</div>
−
        <!--导航条固定部分结束-->
+
  
−
         <div style="width:100%;">
+
        <!--banner-->
−
            <img style="width:100%;"
+
         <div style="width:100%;position: relative;">
−
                src="https://static.igem.org/mediawiki/2021/a/a5/T--Shanghai_United--Description00.png"></img>
+
          <img style="width:100%;" src="https://static.igem.org/mediawiki/2021/9/95/T--Shanghai_United--homepage08.jpg"></img>
−
        </div>
+
          <p style="color:white;font-size:48px;position: absolute;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:48px; font-weight:bold;display: block;bottom: 100px;left: 100px;">Attributions</p>
 +
  </div>
  
−
         <div style="width:80%;margin: 0 auto;">
+
        <!--text-->
−
             <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>
+
         <div style="width:100%;padding:5% 30%;">
−
            <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>
+
             <img style="display: block;margin:30px auto;width:100%;text-align:center;" src="https://static.igem.org/mediawiki/2021/2/26/T--Shanghai_United--homepage9.jpg" style=""></img>
−
            <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 style="display: block;margin:30px auto;width:100%;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 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 style="display: block;margin:30px auto;width:100%;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 src="https://static.igem.org/mediawiki/2021/5/58/T--Shanghai_United--implementation05.jpg" style="margin:30px auto;width:70%;text-align:center;"></img>
+
                        <img style="display: block;margin:30px auto;width:100%;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:100%;text-align:center;" src="https://static.igem.org/mediawiki/2021/d/d1/T--Shanghai_United--implementation07.jpg.png" style="margin:30px auto;width:700pt;text-align:center;"></img>
 
         </div>
 
         </div>
  
−
 
+
         <!--bottom-->
−
         <!--底部栏-->
+
         <div style="background-color: #F9F9F9;">
−
         <div style="width: 100%;padding:5%;">
+
                <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="font-family: Athelas; font-size: 48pt; height:340px;line-height: 340px;">
+
                        <span
−
                CONTACT INFO
+
                                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;">
−
            </span>
+
                                Please scan the following QR codes to find more about us on
−
            <br />
+
                        </span>
−
            <section style="font-family: Athelas; font-size: 36pt;text-align: center;margin-bottom: 40px;">
+
                        <span
−
                Please scan the following QR codes to find more about us on
+
                                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;">
−
            </section>
+
                                Weibo、Bilibili、Wechat !
−
            <br />
+
                        </span>
−
            <section
+
                        <img style="width:810px;height: 345px;margin: 100px auto;display: block;"
−
                style="font-family: Athelas; font-size: 36pt; font-weight: bold;text-align: center;margin-bottom: 107px;">
+
                                src="https://static.igem.org/mediawiki/2021/7/71/T--Shanghai_United--homepage07.jpg">
−
                Weibo、Bilibili、 Wechat !
+
                </div>
−
            </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>
  
−
        <!--底部栏结束-->
+
</body>
−
 
+
<script src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
−
        <script
+
<script>
−
            src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
+
        //由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
−
        <script>
+
        ;
−
            //由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
+
        ! function () {
−
            ;
+
−
            ! function () {
+
 
                 var layer = layui.layer,
 
                 var layer = layui.layer,
−
                    form = layui.form;
+
                        form = layui.form;
−
            }();
+
        }();
  
−
         </script>
+
         layui.use('carousel', function () {
−
</body>
+
                var carousel = layui.carousel;
 +
                //建造实例
 +
                carousel.render({
 +
                        elem: '#test1'
 +
                        , width: '100%' //设置容器宽度
 +
                        , arrow: 'always' //始终显示箭头
 +
                        //,anim: 'updown' //切换动画方式
 +
                });
 +
        });
 +
</script>
  
 
</html>
 
</html>

Latest revision as of 11:49, 20 October 2021

Document

Attributions

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