(Prototype team page) |
|||
(9 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | <html lang="en"> | |
− | + | ||
− | <html> | + | |
− | < | + | <head> |
− | < | + | <meta charset="UTF-8"> |
− | < | + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
− | < | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
− | </ | + | <title>Document</title> |
+ | <link rel="stylesheet" | ||
+ | href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&ctype=text/css"> | ||
+ | <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> | ||
+ | <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" | ||
+ | integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" | ||
+ | crossorigin="anonymous"></script> | ||
− | < | + | </head> |
+ | <style type="text/css"> | ||
+ | #sideMenu, | ||
+ | #top_title, | ||
+ | .patrollink, | ||
+ | #firstHeading, | ||
+ | #home_logo, | ||
+ | #sideMenu { | ||
+ | display: none; | ||
+ | } | ||
+ | #content { | ||
+ | padding: 0px; | ||
+ | width: 100%; | ||
+ | margin-top: -7px; | ||
+ | margin-left: 0px; | ||
+ | border: none; | ||
+ | } | ||
+ | body, | ||
+ | html { | ||
+ | background-color: white; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | #bodyContent h1, | ||
+ | #bodyContent h2, | ||
+ | #bodyContent h3, | ||
+ | #bodyContent h4, | ||
+ | #bodyContent h5 { | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | #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; | ||
+ | } | ||
− | + | .layui-nav .layui-nav-item a { | |
− | + | color: black; | |
− | + | font-size: 17px; | |
− | + | } | |
− | + | .layui-nav .layui-nav-item a:hover { | |
− | + | color: black; | |
− | + | text-decoration: none; | |
+ | } | ||
− | + | #bodyContent a[href ^="https://"], | |
− | + | .link-https { | |
− | + | padding-right: 35px; | |
+ | } | ||
+ | .layui-nav * { | ||
+ | font-size: 18px; | ||
+ | } | ||
− | + | .carousel-indicators { | |
+ | width: 30%; | ||
+ | left: 33%; | ||
+ | } | ||
+ | .layui-carousel:hover .layui-carousel-arrow { | ||
+ | display: none; | ||
+ | } | ||
− | + | .layui-carousel { | |
− | + | height: 1080px !important; | |
+ | } | ||
+ | </style> | ||
− | < | + | <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;"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | <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_Of_Concept">Proof | ||
+ | of Concept</a> | ||
+ | </dd> | ||
+ | <dd> | ||
+ | <a | ||
+ | href="https://2021.igem.org/Team:Shanghai_United/Experiments">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/Results">Results</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/Engineering">Engineering</a> | ||
+ | </dd> | ||
+ | <dd> | ||
+ | <a href="https://2021.igem.org/Team:Shanghai_United/Parts">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> |
− | <li><a href="https:// | + | </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> | ||
+ | </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;"> | ||
+ | <a | ||
+ | href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</a> | ||
+ | </li> | ||
+ | <li class="layui-nav-item" style="text-align: center;"> | ||
+ | <a href="https://2021.igem.org/Team:Shanghai_United/Model">Model</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> | ||
+ | </dl> | ||
+ | </li> | ||
+ | </ul> | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
+ | <!--banner--> | ||
+ | <div style="width:100%;position: relative;"> | ||
+ | <img style="width:100%;" src="https://static.igem.org/mediawiki/2021/9/95/T--Shanghai_United--homepage08.jpg"></img> | ||
+ | <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> | ||
+ | <!--text--> | ||
+ | <div style="width:100%;padding:5% 30%;"> | ||
+ | <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 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 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 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 | + | <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;" | |
− | </div> | + | src="https://static.igem.org/mediawiki/2021/7/71/T--Shanghai_United--homepage07.jpg"> |
− | </div> | + | </div> |
+ | </div> | ||
+ | </body> | ||
+ | <script src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&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> |
Latest revision as of 11:49, 20 October 2021
Attributions
CONTACT INFO
Please scan the following QR codes to find more about us on
Weibo、Bilibili、Wechat !