Difference between revisions of "Team:Hong Kong UCCKE/Attributions"

(Prototype team page)
 
Line 1: Line 1:
−
{{Hong_Kong_UCCKE}}
+
{{Hong_Kong_UCCKE/header|Attributions}}
−
<html>
+
<html lang="en">
 +
    <div class="content" data-spy="scroll" data-target="#toc" id="findthis">
 +
        <div class="aboutuccke">
 +
            <div class="container">
 +
                <div class="row"><div class="col-md-8">
 +
<h3 class="sectiontitle">Lorem ipsum dolor sit amet</h3>
 +
                        <div class="divider"></div>
  
  
  
  
−
<div class="column full_size judges-will-not-evaluate">
 
−
<h3>★  ALERT! </h3>
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
 
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
 
−
</div>
 
−
<div class="clear"></div>
 
  
  
 +
                <br><br><br>
  
  
−
<div class="column full_size">
 
−
<h1>Attributions</h1>
 
  
−
<p> Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster.
 
−
<br><br>
 
−
This is a bronze medal requirement. Please see the <a href="https://2017.igem.org/Judging/Medals">Medals requirements page</a> for more details.</p>
 
  
−
</div>
 
  
 +
<ul id="filters" class="clearfix">
 +
            <li><span class="filter active" data-filter=".app, .card, .icon, .logo, .web">All</span></li>
 +
            <li><span class="filter" data-filter=".app">App</span></li>
 +
            <li><span class="filter" data-filter=".card">Card</span></li>
 +
            <li><span class="filter" data-filter=".icon">Icon</span></li>
 +
            <li><span class="filter" data-filter=".logo">Logo</span></li>
 +
            <li><span class="filter" data-filter=".web">Web</span></li>
 +
        </ul>
  
−
<div class="clear"></div>
+
        <div id="portfoliolist">
  
 +
            <div class="portfolio logo" data-cat="logo">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/logo/5.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Bird Document</a>
 +
                            <span class="text-category">Logo</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
<div class="column half_size">
+
            <div class="portfolio app" data-cat="app">
−
<h5> Why is this page needed? </h5>
+
                <div class="portfolio-wrapper">
−
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
+
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/app/1.jpg" alt="" />
−
<p>
+
                    <div class="label">
−
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
+
                        <div class="label-text">
−
</div>
+
                            <a class="text-title">Visual Infography</a>
 +
                            <span class="text-category">APP</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
 +
            <div class="portfolio web" data-cat="web">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/web/4.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Sonor's Design</a>
 +
                            <span class="text-category">Web design</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
<div class="column half_size">
+
            <div class="portfolio card" data-cat="card">
−
<h5> What should this page have?</h5>
+
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/card/1.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Typography Company</a>
 +
                            <span class="text-category">Business card</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
<ul>
+
            <div class="portfolio app" data-cat="app">
−
<li>General Support</li>
+
                <div class="portfolio-wrapper">
−
<li>Project support and advice</li>
+
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/app/3.jpg" alt="" />
−
<li>Fundraising help and advice</li>
+
                    <div class="label">
−
<li>Lab support</li>
+
                        <div class="label-text">
−
<li>Difficult technique support</li>
+
                            <a class="text-title">Weatherette</a>
−
<li>Project advisor support</li>
+
                            <span class="text-category">APP</span>
−
<li>Wiki support</li>
+
                        </div>
−
<li>Presentation coaching</li>
+
                        <div class="label-bg"></div>
−
<li>Human Practices support</li>
+
                    </div>
−
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
+
                </div>
−
</ul>
+
            </div>
−
</div>
+
  
 +
            <div class="portfolio card" data-cat="card">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/card/4.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">BMF</a>
 +
                            <span class="text-category">Business card</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
<div class="clear"></div>
+
            <div class="portfolio card" data-cat="card">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/card/5.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Techlion</a>
 +
                            <span class="text-category">Business card</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
<div class="column half_size">
+
            <div class="portfolio logo" data-cat="logo">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/logo/1.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">KittyPic</a>
 +
                            <span class="text-category">Logo</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
<div class="highlight">
+
            <div class="portfolio app" data-cat="app">
−
<h5> Can we base our project on a previous one? </h5>
+
                <div class="portfolio-wrapper">
−
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
+
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/app/2.jpg" alt="" />
−
</div>
+
                    <div class="label">
−
</div>
+
                        <div class="label-text">
 +
                            <a class="text-title">Graph Plotting</a>
 +
                            <span class="text-category">APP</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
 +
            <div class="portfolio card" data-cat="card">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/card/2.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">QR Quick Response</a>
 +
                            <span class="text-category">Business card</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
<div class="column half_size">
+
            <div class="portfolio logo" data-cat="logo">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/logo/6.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Mobi Sock</a>
 +
                            <span class="text-category">Logo</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
<h5>Inspiration</h5>
+
            <div class="portfolio logo" data-cat="logo">
−
<p>Take a look at what other teams have done:</p>
+
                <div class="portfolio-wrapper">
−
<ul>
+
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/logo/7.jpg" alt="" />
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
                    <div class="label">
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
                        <div class="label-text">
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
                            <a class="text-title">Village Community Church</a>
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
                            <span class="text-category">Logo</span>
−
</ul>
+
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
</div>
+
            <div class="portfolio icon" data-cat="icon">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/icon/4.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Domino's Pizza</a>
 +
                            <span class="text-category">Icon</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
<div class="clear"></div>
+
            <div class="portfolio web" data-cat="web">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/web/3.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Backend Admin</a>
 +
                            <span class="text-category">Web design</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
<div class="column half_size">
+
            <div class="portfolio icon" data-cat="icon">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/icon/1.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Instagram</a>
 +
                            <span class="text-category">Icon</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
<h5>Team training and Project start</h5>
+
            <div class="portfolio web" data-cat="web">
−
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
+
                <div class="portfolio-wrapper">
−
<ul>
+
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/web/2.jpg" alt="" />
−
<li>Does your institution teach an iGEM or synthetic biology course?</li>
+
                    <div class="label">
−
<li>When did you start this course?</li>
+
                        <div class="label-text">
−
<li>Are the syllabus and course materials freely available online?</li>
+
                            <a class="text-title">Student Guide</a>
−
<li>When did you start your brainstorming?</li>
+
                            <span class="text-category">Web design</span>
−
<li>When did you start in the lab?</li>
+
                        </div>
−
<li>When did you start working on  your project?</li>
+
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
</ul>
+
            <div class="portfolio icon" data-cat="icon">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/icon/2.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Scoccer</a>
 +
                            <span class="text-category">Icon</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
</div>
+
            <div class="portfolio icon" data-cat="icon">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/icon/5.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">3D Map</a>
 +
                            <span class="text-category">Icon</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
 +
            <div class="portfolio web" data-cat="web">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/web/1.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Note</a>
 +
                            <span class="text-category">Web design</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
 +
            <div class="portfolio logo" data-cat="logo">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/logo/3.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Native Designers</a>
 +
                            <span class="text-category">Logo</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
 +
            <div class="portfolio logo" data-cat="logo">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/logo/4.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Bookworm</a>
 +
                            <span class="text-category">Logo</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 +
            <div class="portfolio icon" data-cat="icon">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/icon/3.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Sandwich</a>
 +
                            <span class="text-category">Icon</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 +
            <div class="portfolio card" data-cat="card">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/card/3.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Reality</a>
 +
                            <span class="text-category">Business card</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 +
            <div class="portfolio logo" data-cat="logo">
 +
                <div class="portfolio-wrapper">
 +
                    <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/logo/2.jpg" alt="" />
 +
                    <div class="label">
 +
                        <div class="label-text">
 +
                            <a class="text-title">Speciallisterne</a>
 +
                            <span class="text-category">Logo</span>
 +
                        </div>
 +
                        <div class="label-bg"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 +
 +
        </div>
 +
 +
 +
 +
 +
 +
<br><br><br>
 +
               
 +
 +
 +
<h3 class="sectiontitle" style="clear:both;">Lorem ipsum dolor sit amet</h3>
 +
                        <div class="divider"></div>
 +
                <p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel varius libero, a mattis risus. Praesent sit amet ipsum ac odio venenatis consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel varius libero, a mattis risus. Praesent sit amet ipsum ac odio venenatis consectetur.</p>
  
 
</div>
 
</div>
 +
 +
<div class="col-md-4">
 +
<script src="https://2017.igem.org/Template:Hong_Kong_UCCKE/tocjs?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<nav id="toc"></nav>
 +
</div>
 +
 +
            </div>
 +
        </div>
 +
    </div>
 
</html>
 
</html>
 +
{{Hong_Kong_UCCKE/footer}}

Revision as of 11:57, 14 August 2017

Attributions

Lorem ipsum dolor sit amet




  • All
  • App
  • Card
  • Icon
  • Logo
  • Web
Visual Infography APP
Sonor's Design Web design
Typography Company Business card
Weatherette APP
BMF Business card
Techlion Business card
Graph Plotting APP
QR Quick Response Business card
Domino's Pizza Icon
Backend Admin Web design
Instagram Icon
Student Guide Web design
Scoccer Icon
3D Map Icon
Note Web design
Sandwich Icon
Reality Business card



Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel varius libero, a mattis risus. Praesent sit amet ipsum ac odio venenatis consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel varius libero, a mattis risus. Praesent sit amet ipsum ac odio venenatis consectetur.

UCCKE iGEM 2017

Contact

Quicklinks

Social Media

UCCKE team. Designed with by Gabriel Lee.