Difference between revisions of "Team:CCU Taiwan/Intergrate"

Line 1: Line 1:
{{CCU_Taiwan/css}}
 
 
 
<html>
 
<html>
  
<head>
+
<style>
 +
/*DEFAULT WIKI SETTINGS*/
 +
/*DONT TOUCH*/
 +
/*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 +
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 +
/*mobile*/
 +
/* 1800px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1800px) {
 +
.igem_2018_team_content { width: 85%;}
 +
.igem_2018_team_menu {display:block;}
 +
}
 +
/* 1400px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1400px) {
 +
.igem_2018_team_menu .menu_item { font-size:100%;}
 +
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
 +
.igem_2018_team_menu {display:block;}
 +
}
 +
@media only screen and (max-width: 1001px) {
 +
.igem_2018_team_menu {display:block;}
 +
}
 +
/* 1000px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1000px) {
 +
.igem_2018_team_content {width:100%; margin-left:0px;}
 +
.igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
 +
.igem_2018_team_mobile_bar {display:block;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
 +
 
 +
}
 +
@media only screen and (max-width: 500px) {
 +
.igem_2018_team_menu {min-width:100%; width:100%; }
 +
}
 +
/*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 +
/*DEFAULT WIKI SETTINGS ENDS HERE*/
 +
 
 +
@font-face {
 +
    font-family: 'CCUfontsBold';
 +
    src: url('https://static.igem.org/mediawiki/2018/c/c2/T--CCU_Taiwan--CCUfontsBold.eot') ;
 +
    src: url('https://static.igem.org/mediawiki/2018/4/42/T--CCU_Taiwan--CCUfontsBold.ttf') format('truetype'),
 +
          url('https://static.igem.org/mediawiki/2018/6/68/T--CCU_Taiwan--CCUfontsBold.svg') format('svg'),
 +
          url('https://static.igem.org/mediawiki/2018/6/68/T--CCU_Taiwan--CCUfontsBold.svg') format('svg'),
 +
          url('https://static.igem.org/mediawiki/2018/d/dc/T--CCU_Taiwan--CCUfontsBold.woff') format('woff');
 +
}
 +
 
 +
#content {
 +
  margin-top: 14px!important;
 +
}
 +
 
 +
body {
 +
    margin: 0!important;
 +
    padding: 0!important;
 +
    width: 100%;
 +
}
 +
 
 +
.backgroundAboutUs {
 +
width:100%;
 +
height: 100%;
 +
background-color:#FFE8D3;
 +
font: inherit!important;
 +
}
 +
 
 +
.backgroundProject {
 +
width:100%;
 +
height: 100%;
 +
background-color:#E2FFD3;
 +
font: inherit!important;
 +
}
 +
 
 +
.backgroundParts {
 +
width:100%;
 +
height: 100%;
 +
background-color:#D3FFF5;
 +
font: inherit!important;
 +
}
 +
 
 +
.backgroundModeling {
 +
width:100%;
 +
height: 100%;
 +
background-color:#E8D3FF;
 +
font: inherit!important;
 +
}
 +
 
 +
.backgroundDrylab {
 +
width:100%;
 +
height: 100%;
 +
background-color:#FFD3E3; 
 +
font: inherit!important;
 +
}
 +
 
 +
.backgroundHP {
 +
width:100%;
 +
height: 100%;
 +
background-color:#FCFFD3; 
 +
font: inherit!important;
 +
}
 +
 
 +
.backgroundNotebook {
 +
width:100%;
 +
height: 100%;
 +
background-color:#D3E3FF;
 +
font: inherit!important;
 +
}
 +
 
 +
header{
 +
margin:0 auto;
 +
top:2vh;
 +
width:100%;
 +
position: fixed;
 +
z-index:10;
 +
}
 +
 
 +
header a {
 +
text-decoration:none!important;
 +
}
 +
 
 +
nav {
 +
  margin:0;
 +
padding:0;
 +
height:7vh;
 +
width: 100%;
 +
background:#41ce6f;
 +
box-shadow:0px 4px 6px 0px #444444;
 +
}
 +
.front {
 +
z-index:11;
 +
}
 +
.title {
 +
float:left;
 +
display: inline-block;
 +
position: relative;
 +
padding-top:10px;
 +
left:4vw;
 +
width: 13.5vw;
 +
height: 5.5vh;
 +
text-align:center;
 +
margin-left:0vw;
 +
margin-right:0vw;
 +
list-style-type: none;
 +
font-size: 18px!important;
 +
color: #F8F8FF;
 +
line-height:25px;
 +
}
 +
#home_button{
 +
position:absolute;
 +
left:0vw;
 +
width:5.5vw;
 +
height:7vh;
 +
text-align:center;
 +
z-index:10;
 +
background:#9c957e;
 +
}
 +
#home_button img {
 +
height:4.5vh!important;
 +
width:2vw;
 +
margin-top:1.2vh;
 +
}
 +
 
 +
.img_title {
 +
height:4vh;
 +
padding-right: 1vw;
 +
}
 +
 
 +
 
 +
.sub {
 +
display: none;
 +
position:absolute;
 +
text-align: center;
 +
right:0vw;
 +
top:6.2vh;
 +
width:13.5vw!important;
 +
height:40vh;
 +
margin: 0 auto;
 +
padding:0;
 +
z-index:9!important;
 +
background:#36BF36;
 +
box-shadow:3px 3px 3px 0px #444444;
 +
}
 +
 
 +
#sub_home{
 +
height:32.5vh;
 +
}
 +
 
 +
#sub_project{
 +
height:40.5vh;
 +
}
 +
 
 +
#sub_parts{
 +
height:32.5vh;
 +
}
 +
 
 +
#sub_modeling{
 +
height:32.5vh;
 +
}
 +
 
 +
#sub_drylab{
 +
height:24.5vh;
 +
}
 +
 
 +
#sub_human_practice{
 +
height:32.5vh;
 +
}
 +
 
 +
#sub_notebook{
 +
height:40.5vh;
 +
}
 +
 
 +
.sub a {
 +
  color: #F5F5F5;
 +
}
 +
 
 +
.sub li {
 +
float:none;
 +
margin: auto;
 +
height: 8vh;
 +
width: 13.5vw;
 +
display:block!important;
 +
border-top-style:solid;
 +
border-top-width:1px;
 +
border-top-color: #F8F8FF;
 +
}
 +
.sub a {
 +
font-size:15px;
 +
line-height:8vh;
 +
}
 +
nav a {
 +
  color:#fcfcfc;
 +
  font-family: 'CCUfontsBold', Arial, sans-serif;
 +
  font-size: 1.5vw;
 +
}
 +
.title:hover {
 +
background-color:#36BF36;
 +
transition: 500ms;
 +
border-radius: 3px;
 +
}
 +
 
 +
.list {
 +
    -webkit-animation: fadein 2s;
 +
}
 +
.list:hover {
 +
background-color:#000;
 +
transition: 500ms;
 +
}
 +
 
 +
.col-sm-3 {
 +
    position:relative;
 +
    min-height:1px;
 +
    padding-right:15px;
 +
    padding-left:15px
 +
}
 +
 
 +
 
 +
.first {
 +
  font-size: 40px!important;
 +
  color: #000;
 +
  z-index: 5;
 +
        font-family: 'CCUfontsBold', Arial, sans-serif!important;
 +
}
 +
.second {
 +
  font-size: 25px!important;
 +
  color: #000;
 +
        font-family: 'CCUfontsBold', Arial, sans-serif!important;
 +
}
 +
.description {
 +
  font-size: 18px!important;
 +
  color: #000;
 +
font-family: 'CCUfontsBold', Arial, sans-serif;
 +
}
 +
 
 +
.content {
 +
        width:75vw;
 +
        padding-top: 10vh;
 +
        padding-left: 8vw;
 +
        padding-right: 2vw;
 +
        left:25vw;
 +
        position: relative;
 +
        list-style-type:decimal;
 +
        box-sizing:border-box;
 +
z-index:5;
 +
        background-color: white;
 +
        margin-top: 7px!important;
 +
        height: 100%;
 +
}
 +
 
 +
.content p {
 +
      padding-right: 6vw;
 +
      color: #3D3D3D;
 +
      line-height: 1.6!important;
 +
      word-spacing: normal!important;
 +
}
 +
 
 +
.content li {
 +
      color: #3D3D3D;
 +
      line-height: 1.6!important;
 +
      font-size: 18px!important;
 +
      word-spacing: normal!important;
 +
}
 +
 
 +
.polaroid .container p {
 +
      padding-right: 6vw;
 +
      color: #3D3D3D;
 +
      line-height: 1.6!important;
 +
      word-spacing: normal!important;
 +
      font-size: 14px!important;
 +
}
 +
 
 +
nav hr {
 +
position:relative;
 +
border: 0;
 +
    height: 1.5px;
 +
width: 20%;
 +
top: -2.7vh;
 +
left: 12.18vw;
 +
    background-image: linear-gradient(to right, rgba(54, 191, 54, 0.5), rgba(225, 255, 255, 1), rgba(54, 191, 54, .5));
 +
transform:rotate(90deg);
 +
    -o-transform:rotate(90deg);
 +
    -moz-transform:rotate(90deg);
 +
    -webkit-transform:rotate(90deg);
 +
}
 +
.sub hr {
 +
position:absolute;
 +
border: 0;
 +
    height: 2px;
 +
width: 10%;
 +
top:15vh;
 +
left:13.5vw;
 +
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
 +
transform:rotate(90deg);
 +
    -o-transform:rotate(90deg);
 +
    -moz-transform:rotate(90deg);
 +
    -webkit-transform:rotate(90deg);
 +
    -webkit-animation: fadein 2s;
 +
}
 +
 
 +
.IPli {
 +
font-size:15px!important;
 +
}
 +
 
 +
.footer {
 +
    height: 110px;
 +
    background-color: #333F50;
 +
}
 +
 
 +
#BSlogo {
 +
        position: absolute;
 +
        width: 6%;
 +
        height: auto;
 +
        z-index: 90;
 +
        margin-left: 150px;
 +
        margin-top: 4px;
 +
}
 +
 
 +
#CCUlogo {
 +
        position: absolute;
 +
        width: 6%;
 +
        height: auto;
 +
        z-index: 90;
 +
        margin-left: 275px;
 +
        margin-top: 10px;
 +
}
 +
 
 +
#CCUTEAMlogo {
 +
        position: absolute;
 +
        width: 6%;
 +
        height: auto;
 +
        z-index: 90;
 +
        margin-left: 430px;
 +
        margin-top: 10px;
 +
}
 +
 
 +
#img_title {
 +
        position: absolute;
 +
        width: 60vw;
 +
        height: auto;
 +
}
 +
 
 +
@-webkit-keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 
 +
.polaroid {
 +
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 +
  margin:0 auto;
 +
  position: relative;
 +
  background-color: white;
 +
}
 +
 
 +
.polaroid img {
 +
    width: calc(100% - 20px);
 +
    max-width: calc(100% - 20px);
 +
    max-height: 100%;
 +
    padding: 10px;
 +
    position: relative;
 +
}
 +
 
 +
#Interlab1 {
 +
  width: calc(50% + 20px);
 +
}
 +
 
 +
.polaroid .container {
 +
    padding-left: 15px;
 +
    padding-bottom: 5px;
 +
}
 +
 
 +
#Interlab2 {
 +
  width: calc(80% + 20px);
 +
}
 +
 
 +
#Interlab3 {
 +
  width: calc(80% + 20px);
 +
}
 +
 
 +
#Interlab4-1 {
 +
  width: 48%;
 +
  float: left;
 +
}
 +
 
 +
#Interlab4-2 {
 +
  width: 50%;
 +
  display: inline-block;
 +
  margin-left: 6px;
 +
}
 +
 
  
<meta name="viewport" content="width=device-width, initial-scale=1">
+
#Interlab6-1 {
 +
  width: 48.7%;
 +
  float: left;
 +
}
  
<script>
+
#Interlab6-2 {
$(document).ready(function(){
+
  width: 50%;
+
  display: inline-block;
$("#Home").hover(function(e){
+
  margin-left: 10px;
$("#sub_home").stop(true,false,true).slideToggle(300);
+
}
  });
+
  
$("#Project").hover(function(){
+
#Interlab8 {
$("#sub_project").stop(true,false,true).slideToggle(300);
+
  width: calc(60% + 20px);
});
+
  margin:0 auto;
+
}
$("#Parts").hover(function(){
+
$("#sub_parts").stop(true,false,true).slideToggle(300);
+
});
+
+
$("#Modeling").hover(function(){
+
$("#sub_modeling").stop(true,false,true).slideToggle(300);
+
});
+
+
$("#Drylab").hover(function(){
+
$("#sub_drylab").stop(true,false,true).slideToggle(300);
+
});
+
+
$("#Human_Practice").hover(function(){
+
$("#sub_human_practice").stop(true,false,true).slideToggle(300);
+
});
+
+
$("#Notebook").hover(function(){
+
$("#sub_notebook").stop(true,false,true).slideToggle(300);
+
});
+
  
$("#home_button").hover(function(){
+
.second #ca1:before {
    $(this).css("background","black")
+
  height: 50px;
},function(){
+
  display: block;
    $(this).css("background","#9c957e")
+
}
  });
+
  
});
+
.second #ca2:before {
+
  height: 50px;
</script>
+
  display: block;
 +
}
  
</head>
+
.second #ca3:before {
 +
  height: 50px;
 +
  display: block;
 +
}
  
<body>
+
.second #ca4:before {
  <header>
+
  height: 50px;
        <nav class="navbar navbar-default navbar-inverse navbar-fixed-top">
+
  display: block;
            <div class="container">
+
}
                <ul class="front">
+
+
                    <div id="home_button" style="cursor:pointer;"  onclick="location.href=
+
'https://2018.igem.org/Team:CCU_Taiwan';"> <img src="https://static.igem.org/mediawiki/2018/0/08/T--CCU_Taiwan--home_button.png"></img></div>
+
  
                    <li class="title" style="cursor:pointer;" id="Home"><img class="img_title" src="https://static.igem.org/mediawiki/2018/2/24/T--CCU_Taiwan--aboutus.png"></img><a>About Us</a><hr>
+
.second #ca5:before {
                        <ul class="sub" id="sub_home" style="cursor:default;">
+
  height: 50px;
                            <a href="https://2018.igem.org/Team:CCU_Taiwan/Team"><li class="list" id="home1">Team</li></a>
+
  display: block;
<a href="https://2018.igem.org/Team:CCU_Taiwan/Attributions"><li class="list" id="home2">Attributions</li></a>
+
}
<a href="https://2018.igem.org/Team:CCU_Taiwan/Medal"><li class="list" id="home2">Medals</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Judge"><li class="list" id="home3">For Judges</li></a>
+
                        </ul>
+
                    </li>
+
                    <li class="title" style="cursor:pointer;" id="Project"><img class="img_title" src="https://static.igem.org/mediawiki/2018/6/6f/T--CCU_Taiwan--project.png"></img><a>Project</a><hr>
+
<ul class="sub" id="sub_project" style="cursor:default;">
+
    <a href="https://2018.igem.org/Team:CCU_Taiwan/Description"><li class="list" id="project1">Description</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Applied_Design"><li class="list" id="project2">Design</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Results"><li class="list" id="project3">Results</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Demonstrate"><li class="list" id="project6">Demonstration</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/InterLab "><li class="list" id="project5">InterLab</li></a>
+
</ul>
+
</li>
+
                    <li class="title" style="cursor:pointer;" id="Parts"><img class="img_title" src="https://static.igem.org/mediawiki/2018/1/17/T--CCU_Taiwan--part.png"></img><a>Parts</a><hr>
+
                        <ul class="sub" id="sub_parts" style="cursor:default;">
+
    <a href="https://2018.igem.org/Team:CCU_Taiwan/Parts"><li class="list" id="parts1">Overview</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Basic_Part"><li class="list" id="parts2">Basic Part</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Composite_Part"><li class="list" id="parts3">Composite Part</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Improve"><li class="list" id="parts4">Improved Part</li></a>
+
                        </ul>
+
                    </li>
+
                    <li class="title" style="cursor:pointer;" id="Modeling"><img class="img_title" src="https://static.igem.org/mediawiki/2018/0/09/T--CCU_Taiwan--model.png"></img><a>Modeling</a><hr>
+
                        <ul class="sub" id="sub_modeling" style="cursor:default;">
+
                            <a href="https://2018.igem.org/Team:CCU_Taiwan/Model"><li class="list" id="model1">Overview</li></a>
+
                            <a href="https://2018.igem.org/Team:CCU_Taiwan/Binding"><li class="list" id="model2">Binding</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Polymer"><li class="list" id="model4">Polymer</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Degradation"><li class="list" id="model3">Degradation</li></a>
+
                        </ul>
+
                    </li>
+
                    <li class="title" style="cursor:pointer;" id="Drylab"><img class="img_title" src="https://static.igem.org/mediawiki/2018/f/fc/T--CCU_Taiwan--Dry_lab.png"></img><a>Product</a><hr>
+
                        <ul class="sub" id="sub_drylab" style="cursor:default;">
+
                            <a href="https://2018.igem.org/Team:CCU_Taiwan/Our_Plan"><li class="list" id="drylab1">Analysis</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Engineering"><li class="list" id="drylab2">Production Line</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Safety"><li class="list" id="drylab3">Safety</li></a>
+
                        </ul>
+
                    </li>
+
    <li class="title" style="cursor:pointer;" id="Human_Practice"><img class="img_title" src="https://static.igem.org/mediawiki/2018/9/96/T--CCU_Taiwan--humanpractice.png"></img><a>HP</a><hr>
+
                        <ul class="sub" id="sub_human_practice" style="cursor:default;">
+
                            <a href="https://2018.igem.org/Team:CCU_Taiwan/Human_Practices"><li class="list" id="human_practice1">Overview</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Public_Engagement"><li class="list" id="human_practice2">Public Engagement</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Entrepreneurship"><li class="list" id="human_practice3">Entrepreneurship</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Intergrate"><li class="list" id="human_practice4">Intergrated HP</li></a>
+
                        </ul>
+
                    </li>
+
    <li class="title" style="cursor:pointer;" id="Notebook"><img class="img_title" src="https://static.igem.org/mediawiki/2018/c/c9/T--CCU_Taiwan--notebook.png"></img><a>Notebook</a>
+
                        <ul class="sub" id="sub_notebook" style="cursor:default;">
+
                            <a href="https://2018.igem.org/Team:CCU_Taiwan/Notebook"><li class="list" id="notebook1">Overview</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Collaborations"><li class="list" id="notebook2">Collaborations</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Protocols"><li class="list" id="notebook2">Protocols</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Experiments"><li class="list" id="notebook3">Experiments</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Materials"><li class="list" id="notebook4">Materials</li></a>
+
                        </ul>
+
                    </li>
+
                </ul>
+
            </div>
+
        </nav>
+
    </header>
+
<div class="backgroundHP">
+
      <div class="content">
+
<p class="first">Integrated Human Practice</p>
+
<p class="second">How Integrated Human Practice make sense on our project?</p>
+
<p class="description">Our project was trying to produce a new material, so from now on, LIGGREEN has been created. Since we created LIGGREEN, how could we make it more close to the demand of industries? In Integrated Human Practice, we contact with experts and paper containers industries to improve our product, and to think back over the whole process and the trouble we might make in the future.</p>
+
<p class="second">Kuang-Hsing</p>
+
<p class="description">We were fortunate enough to come to Bobsen Paper, learning about all the production lines of the laminating paper industry. In addition to detailed record of all the information about the laminating industry, we also raised further questions on our topic. Bobsen gave many assistance and guidance for us. There are two points are the most important. The first point is that we gain lots of lamination’s knowledge such as their temperature limit, humidity, and other characteristics. The second point is about how the lamination be formed and be coated to the paper. Thanks to these technical guidelines, we can complete our products more perfectly.</p>
+
<p class="second">Kuang-Hsing</p>
+
<p class="description">After visiting Kuang-Hsing, from the selection of tree species to the application of paper, we learned lots about the papermaking processes, even about all the issues and stories of the pulp industry, and more importantly, the processing of black liquor in the process. We also asked Kuang-Hsing’s owner for a few liters of black liquor to study, trying to analyze its structure, understanding the refining of lignin fragments, and research on synthetic lignin.</p>
+
<p class="second">Recycling Fund 20th Anniversary Exhibition</p>
+
<p class="description">Our team got lots of information of the complete recycled process of paper containers, we also knew that all the technique about separating paper and plastic of paper containers is from Lian-Tai, as Lian- Tai is the only one manufacture which had applied for using this technique, and the government in Taiwan has only recognized Lian- Tai to deal with the business.<br>
+
They are trying to correct people from throwing the paper containers into non-recyclable trash that were misleading by public media. The main reason lead to such result is that when the government started to promote recycling the paper containers to the paper containers industries, they told the paper production industries not to recycle paper containers anymore. The paper industries thus let their staffs refuse paper containers recycled, which made people misunderstand that paper containers could not be recycled, they should be thrown into non- recyclable trash. <br>
+
From the point of view of recycling, it has increased many difficulties when the government decided to add the paper containers recycled type into recycling system. Although supports by policy has increased the amount of recycling, it increased the trouble on recycling procedure. If we cannot improve the recycling problem from origin, it seems that the problem will be no change in the day.<br>
+
  
Although our project – LIGGREEN, can enter the paper & cardboard recycled system, which will improve the main problem that the paper containers industries face now, it might make the paper containers separated industry like Lian-Tai have no market to use their separated technology, or even, the worst, make an industry go bankrupt. This is not the outcome we want to see.
+
#Judging li {
</p>
+
font-family: 'CCUfontsBold', Arial, sans-serif;
      </div>
+
font-size: 30px!important;
</div>
+
}
</body>
+
  
 +
</style>
 
</html>
 
</html>

Revision as of 08:19, 13 October 2018