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

(Created page with "<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>非模块化方式使用layui</title>...")
 
 
(13 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>
 +
        <link rel="stylesheet"
 +
                href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&amp;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">
+
</head>
.layui-nav .layui-nav-item a {
+
<style type="text/css">
color: black;
+
        #sideMenu,
}
+
        #top_title,
+
        .patrollink,
.layui-nav .layui-nav-item a:hover {
+
        #firstHeading,
color: black;
+
        #home_logo,
text-decoration: none;
+
        #sideMenu {
}
+
                display: none;
+
        }
#bodyContent a[href ^="https://"],
+
.link-https {
+
padding-right: 35px;
+
}
+
.layui-nav * {
+
    font-size: 18px;
+
}
+
.carousel-indicators {
+
  
    width: 30%;
+
        #content {
left: 33%;
+
                padding: 0px;
}
+
                width: 100%;
</style>
+
                margin-top: -7px;
 +
                margin-left: 0px;
 +
                border: none;
 +
        }
  
<body>
+
        body,
 +
        html {
 +
                background-color: white;
 +
                width: 100%;
 +
                height: 100%;
 +
        }
  
<div>
+
        #bodyContent h1,
<!--导航条固定部分-->
+
        #bodyContent h2,
<div style="height: 255px;width: 100%;">
+
        #bodyContent h3,
<!-- <div style="text-align: center;">
+
        #bodyContent h4,
<img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png" style="width: 143px; height: 89px;margin-top: 20px;" />
+
        #bodyContent h5 {
</div> -->
+
                margin-bottom: 0px;
 +
        }
  
<!-- <hr /> -->
+
        #bodyContent a[href ^="https://"],
 +
        .link-https {
 +
                padding-right: 0px;
 +
        }
 +
</style>
 +
<style>
 +
        html {
 +
                width: 100%;
 +
                height: 100%;
 +
        }
  
<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;">
+
                min-width: 1920px;
    <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;" />
+
                overflow: scroll;
</li>
+
                margin: 0 auto;
                   
+
        }
                    <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;">
+
        .layui-nav .layui-nav-item a {
<a href="javascript:;">Project</a>
+
                color: black;
<dl class="layui-nav-child">
+
                font-size: 17px;
<!-- 二级菜单 -->
+
        }
<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/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>
+
        .layui-nav .layui-nav-item a:hover {
</li>
+
                color: black;
                    <li class="layui-nav-item" style="text-align: center;">
+
                text-decoration: none;
<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>
+
        #bodyContent a[href ^="https://"],
</li>
+
        .link-https {
                    <li class="layui-nav-item">
+
                padding-right: 35px;
<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;">
+
        .layui-nav * {
<a href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</a>
+
                font-size: 18px;
</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;">
+
        .carousel-indicators {
<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>
+
                width: 30%;
</li>
+
                left: 33%;
</ul>
+
        }
  
</div>
+
        .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>
 +
                            </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 style="width: 100%;padding:5%;">
 
 
    <span style="font-family: Athelas; font-size: 48pt; height:340px;line-height: 340px;">
 
        CONTACT INFO
 
    </span>
 
    <br />
 
    <section style="font-family: Athelas; font-size: 36pt;text-align: center;margin-bottom: 40px;">
 
        Please scan the following QR codes to find more about us on
 
    </section>
 
    <br />
 
    <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>
 
<!--底部栏结束-->
 
  
<script src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
+
        <!--banner-->
<script>
+
        <div style="width:100%;position: relative;">
//由于模块都一次性加载,因此不用执行 layui.use() 来加载对应模块,直接使用即可:
+
          <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;">Fundraising</p>
! function() {
+
  </div>
var layer = layui.layer,
+
 
form = layui.form;
+
        <!--text-->
}();
+
        <div style="width:100%;padding:5% 30%;">
</script>
+
            <p style="font-size:36px; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span
</body>
+
                style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:36px; font-weight:bold">Purpose</span></p>
 +
        <p style="font-size:22px; 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:22px">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">&#xa0;</span></p>
 +
        <p style="font-size:36px; 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:36px; font-weight:bold">Operating process</span>
 +
        <p style="font-size:22px; 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:22px">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">&#xa0;</span></p>
 +
        <p style="font-size:36px; 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:36px; font-weight:bold">Final result</span></p>
 +
        <p style="font-size:22px; 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:22px">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:22px; 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:22px">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>
 +
                <img width="500" style="margin:10px auto;display:block" src="https://static.igem.org/mediawiki/2021/1/10/T--Shanghai_United--Fundraising01.jpg">
 +
                <img width="500" style="margin:10px auto;display:block"  src="https://static.igem.org/mediawiki/2021/5/56/T--Shanghai_United--Fundraising02.jpg">
 +
                <img width="500" style="margin:10px auto;display:block"  src="https://static.igem.org/mediawiki/2021/2/26/T--Shanghai_United--Fundraising03.jpg">
 +
                <img width="500" style="margin:10px auto;display:block"  src="https://static.igem.org/mediawiki/2021/b/b3/T--Shanghai_United--Fundraising04.jpg">
 +
                <img width="500" style="margin:10px auto;display:block"  src="https://static.igem.org/mediawiki/2021/a/ab/T--Shanghai_United--Fundraising05.jpg">
 +
                <img width="500" style="margin:10px auto;display:block"  src="https://static.igem.org/mediawiki/2021/1/1e/T--Shanghai_United--Fundraising06.jpg">
 +
        </div>
 +
 
 +
        <!--bottom-->
 +
        <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: 70px;">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/7/71/T--Shanghai_United--homepage07.jpg">
 +
                </div>
 +
        </div>
 +
</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>

Latest revision as of 07:54, 18 October 2021

Document

Fundraising

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.

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