Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
<head> | <head> | ||
− | + | <meta charset="utf-8"> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | |
− | + | <title>非模块化方式使用layui</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> | ||
− | + | <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> | |
− | + | <title>Entprenuership</title> | |
+ | </head> | ||
− | + | <style type="text/css"> | |
+ | .layui-nav .layui-nav-item a { | ||
+ | color: black; | ||
+ | } | ||
− | + | .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="width:100%;"> | + | <div> |
− | + | <!--导航条固定部分--> | |
− | + | <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;" /> | ||
+ | <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;"> | ||
+ | <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> | ||
+ | <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;"> | ||
+ | <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/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> | ||
+ | |||
+ | </dl> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="width:100%;"> | ||
+ | <img style="width:100%;" src="https://static.igem.org/mediawiki/2021/a/a5/T--Shanghai_United--Description00.png"></img> | ||
+ | </div> | ||
+ | |||
+ | <div style="width:100%;padding:10%;"> | ||
+ | <p style="font-size:36pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span | ||
+ | style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:36pt; font-weight:bold">Purpose</span><span | ||
+ | style="font-family:等线; font-size:36pt; font-weight:bold">:</span></p> | ||
+ | <p style="font-size:22pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span | ||
+ | style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:22pt">We are determined to raise funds through a | ||
+ | charity sale, in order to raise awareness of our team's project and increase the popularity of the | ||
+ | project we are working on. ; Meanwhile, covering some of our high expenses for the experimentation and | ||
+ | design the manufacture of our products could be achieved. Also, we could contribute the earnings to | ||
+ | further experiments and relating charities. With specially designed original logos and many of our | ||
+ | peripherals-related products, our team printed our unique designs on canvas bags, teddy bears, headphone | ||
+ | cases, and other items that follow the trend of popularity. We contacted staff at two locations to sell | ||
+ | them at street fairs to get more attention. There were reasons why we ultimately selected a square in | ||
+ | the proximity of the shopping mall. Firstly, in the vicinity of malls, people are generally with high | ||
+ | consumption levels. They are likely to purchase our products even though they won't might probably not | ||
+ | be immediately helpful for them. Besides, the shopping mall is an entertainment venue, recreation, | ||
+ | which means people who stroll down the street will likely be willing to leisurely halt us.</span></p> | ||
+ | <p style="font-size:10.5pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span | ||
+ | style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:10.5pt"> </span></p> | ||
+ | <p style="font-size:36pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span | ||
+ | style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:36pt; font-weight:bold">Operating process</span><span | ||
+ | style="font-family:等线; font-size:10.5pt; font-weight:bold">:</span></p> | ||
+ | <p style="font-size:22pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span | ||
+ | style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:22pt">Bringing the products and our posters to the | ||
+ | square, we prepared to sell the products. Firstly, some of the members distributed the fliers imprinted | ||
+ | with stories of our products around our bazaar location. Other members stayed at the selling point, | ||
+ | introducing our topic of the project and promoting our products. We claimed that we are a team of high | ||
+ | school students raising money for arsenic contamination. When the customers purchased our products, we | ||
+ | would give them a thanks card with the name and QR code of our WeChat official account, appreciating | ||
+ | them for paying attention to this environmental issue and our effort.</span></p> | ||
+ | <p style="font-size:10.5pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span | ||
+ | style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:10.5pt"> </span></p> | ||
+ | <p style="font-size:36pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span | ||
+ | style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:36pt; font-weight:bold">Final result:</span></p> | ||
+ | <p style="font-size:22pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span | ||
+ | style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:22pt">As a result, we succeeded in selling our | ||
+ | products on the street with the profits of 250rmb , which provided us with expanding chances | ||
+ | opportunities to support our experiments and enhance the products we made our social publicity. | ||
+ | Furthermore, a portion (10%) of the money we earn will be donated to people suffering from arsenic | ||
+ | poisoning, which could raise awareness of arsenic poisoning and environmental issues. </span></p> | ||
+ | <p style="font-size:22pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span | ||
+ | style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:22pt">The sale also gave us an insight into the public | ||
+ | attention to environmental protection. As a result, we will step up our efforts to promote environmental | ||
+ | protection, making people pay more heeds attention to these ecological issues.</span></p> | ||
+ | |||
+ | </div> | ||
+ | <div style="width:100%;"> | ||
+ | <img style="width:700pt;margin:0 auto;margin-bottom: 50pt;display:block;" src="https://static.igem.org/mediawiki/2021/1/10/T--Shanghai_United--Fundraising01.jpg"> | ||
+ | <img style="width:700pt;margin:0 auto;margin-bottom: 50pt;display:block;" src="https://static.igem.org/mediawiki/2021/5/56/T--Shanghai_United--Fundraising02.jpg"> | ||
+ | <img style="width:700pt;margin:0 auto;margin-bottom: 50pt;display:block;" src="https://static.igem.org/mediawiki/2021/2/26/T--Shanghai_United--Fundraising03.jpg"> | ||
+ | <img style="width:700pt;margin:0 auto;margin-bottom: 50pt;display:block;" src="https://static.igem.org/mediawiki/2021/b/b3/T--Shanghai_United--Fundraising04.jpg"> | ||
+ | <img style="width:700pt;margin:0 auto;margin-bottom: 50pt;display:block;" src="https://static.igem.org/mediawiki/2021/a/ab/T--Shanghai_United--Fundraising05.jpg"> | ||
+ | <img style="width:700pt;margin:0 auto;margin-bottom: 100pt;display:block;" src="https://static.igem.org/mediawiki/2021/1/1e/T--Shanghai_United--Fundraising06.jpg"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
− | <div style=" | + | <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 | ||
+ | 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> | |
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Revision as of 12:48, 22 September 2021
Purpose:
We are determined to raise funds through a charity sale, in order to raise awareness of our team's project and increase the popularity of the project we are working on. ; Meanwhile, covering some of our high expenses for the experimentation and design the manufacture of our products could be achieved. Also, we could contribute the earnings to further experiments and relating charities. With specially designed original logos and many of our peripherals-related products, our team printed our unique designs on canvas bags, teddy bears, headphone cases, and other items that follow the trend of popularity. We contacted staff at two locations to sell them at street fairs to get more attention. There were reasons why we ultimately selected a square in the proximity of the shopping mall. Firstly, in the vicinity of malls, people are generally with high consumption levels. They are likely to purchase our products even though they won't might probably not be immediately helpful for them. Besides, the shopping mall is an entertainment venue, recreation, which means people who stroll down the street will likely be willing to leisurely halt us.
Operating process:
Bringing the products and our posters to the square, we prepared to sell the products. Firstly, some of the members distributed the fliers imprinted with stories of our products around our bazaar location. Other members stayed at the selling point, introducing our topic of the project and promoting our products. We claimed that we are a team of high school students raising money for arsenic contamination. When the customers purchased our products, we would give them a thanks card with the name and QR code of our WeChat official account, appreciating them for paying attention to this environmental issue and our effort.
Final result:
As a result, we succeeded in selling our products on the street with the profits of 250rmb , which provided us with expanding chances opportunities to support our experiments and enhance the products we made our social publicity. Furthermore, a portion (10%) of the money we earn will be donated to people suffering from arsenic poisoning, which could raise awareness of arsenic poisoning and environmental issues.
The sale also gave us an insight into the public attention to environmental protection. As a result, we will step up our efforts to promote environmental protection, making people pay more heeds attention to these ecological issues.