|
|
(31 intermediate revisions by 4 users not shown) |
Line 4: |
Line 4: |
| <div class="aboutuccke"> | | <div class="aboutuccke"> |
| <div class="container"> | | <div class="container"> |
− | <div class="row"><div class="col-md-8">
| |
− | <h3 class="sectiontitle">Lorem ipsum dolor sit amet</h3>
| |
− | <div class="divider"></div>
| |
| | | |
| + | <style>.aboutuccke h4 {line-height:22px;} .aboutuccke p {margin-bottom: 20px;}</style> |
| + | <h4>Part design</h4> |
| + | <p style="text-align: left;">Hannah Luk, Owen Hsiu, Gabriel Lee, Rosa Lai</p> |
| | | |
| + | <h4>Collaboration</h4> |
| + | <p style="text-align: left;">Angus Chu, Zara Chui, Gabriel Lee, Owen Hsiu</p> |
| | | |
| + | <h4>Public Engagement/ Human Practice</h4> |
| + | <p style="text-align: left;">Nicole Chan, Dorothy Wong</p> |
| | | |
| + | <h4>Laboratory work team leader</h4> |
| + | <p style="text-align: left;">Rosa Lai</p> |
| | | |
| + | <h4>Laboratory work members</h4> |
| + | <p style="text-align: left;">Zara Chui, Dorothy Wong, Angus Chu, Nicole Chan, Peter Ip, Harris Ip, Timothy Tsang</p> |
| | | |
− | <br><br><br>
| + | <h4>Idea and project design</h4> |
| + | <p style="text-align: left;">Hannah Luk, Owen Hsiu, Gabriel Lee, Rosa Lai</p> |
| | | |
| + | <h4>Character design</h4> |
| + | <p style="text-align: left;">Rosa Lai, Zara Chui, Gabriel Lee</p> |
| | | |
| + | <h4>Wiki content</h4> |
| + | <p style="text-align: left;">Zara Chui, Bonnie Lau, Angus Chu, Nicole Chan, Peter Ip , Harris Ip, Rosa Lai, Timothy Tsang, Dorothy Wong</p> |
| | | |
| + | <h4>Wiki design and coding support</h4> |
| + | <p style="text-align: left;">Gabriel Lee</p> |
| | | |
| + | <h4>Artworks and graphics design</h4> |
| + | <p style="text-align: left;">Zara Chui, Rosa Lai, Hannah, Timothy, Gabriel Lee</p> |
| | | |
− | <ul id="filters" class="clearfix"> | + | <h4>We would also like to thank... </h4> |
− | <li><span class="filter active" data-filter=".app, .card, .icon, .logo, .web">All</span></li>
| + | <p style="text-align: left;">Team: <br> |
− | <li><span class="filter" data-filter=".app">App</span></li>
| + | Hong_Kong-CUHK<br> |
− | <li><span class="filter" data-filter=".card">Card</span></li>
| + | Hong_Kong-HKUST <br> |
− | <li><span class="filter" data-filter=".icon">Icon</span></li>
| + | SCU-West China <br> |
− | <li><span class="filter" data-filter=".logo">Logo</span></li>
| + | for providing us with precious information when we encountered difficulties. </p> |
− | <li><span class="filter" data-filter=".web">Web</span></li>
| + | |
− | </ul>
| + | |
− | | + | |
− | <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="portfolio app" data-cat="app">
| + | |
− | <div class="portfolio-wrapper">
| + | |
− | <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/app/1.jpg" alt="" />
| + | |
− | <div class="label">
| + | |
− | <div class="label-text">
| + | |
− | <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="portfolio card" data-cat="card">
| + | |
− | <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>
| + | |
− | | + | |
− | <div class="portfolio app" data-cat="app">
| + | |
− | <div class="portfolio-wrapper">
| + | |
− | <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/app/3.jpg" alt="" />
| + | |
− | <div class="label">
| + | |
− | <div class="label-text">
| + | |
− | <a class="text-title">Weatherette</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/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="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="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="portfolio app" data-cat="app">
| + | |
− | <div class="portfolio-wrapper">
| + | |
− | <img src="https://www.queness.com/resources/html/simple-portfolio-page/img/portfolios/app/2.jpg" alt="" />
| + | |
− | <div class="label">
| + | |
− | <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="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>
| + | |
− | | + | |
− | <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/7.jpg" alt="" />
| + | |
− | <div class="label">
| + | |
− | <div class="label-text">
| + | |
− | <a class="text-title">Village Community Church</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/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="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="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>
| + | |
− | | + | |
− | <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/2.jpg" alt="" />
| + | |
− | <div class="label">
| + | |
− | <div class="label-text">
| + | |
− | <a class="text-title">Student Guide</a>
| + | |
− | <span class="text-category">Web design</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/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 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 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> |
| </div> | | </div> |
| </html> | | </html> |
| {{Hong_Kong_UCCKE/footer}} | | {{Hong_Kong_UCCKE/footer}} |
− | <html><script type="text/javascript" src="https://www.queness.com/resources/html/simple-portfolio-page/js/jquery.mixitup.min.js"></script>
| |
− |
| |
− | <script type="text/javascript">
| |
− | $(function() {
| |
− |
| |
− | var filterList = {
| |
− |
| |
− | init: function() {
| |
− |
| |
− | // MixItUp plugin
| |
− | // http://mixitup.io
| |
− | $('#portfoliolist').mixItUp({
| |
− | selectors: {
| |
− | target: '.portfolio',
| |
− | filter: '.filter'
| |
− | },
| |
− | load: {
| |
− | filter: '.app, .card, .icon, .logo, .web'
| |
− | }
| |
− | });
| |
− |
| |
− | }
| |
− |
| |
− | };
| |
− |
| |
− | // Run the show!
| |
− | filterList.init();
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− | </script></html>
| |