Difference between revisions of "Team:SUSTech Shenzhen"

Line 54: Line 54:
 
                 </div>
 
                 </div>
 
                 <a href="#three" class="btn btn-default btn-xl page-scroll">Projects</a>
 
                 <a href="#three" class="btn btn-default btn-xl page-scroll">Projects</a>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</section>
 +
<section id="two">
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="col-lg-12 text-center">
 +
                <h2 class="margin-top-0 text-primary">In a Glance</h2>
 +
                <hr class="primary">
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="col-lg-4 col-md-4 text-center">
 +
                <div class="feature">
 +
                    <i class="icon-lg ion-university wow fadeIn" data-wow-delay=".3s"></i>
 +
                    <h3>2 Published Papers</h3>
 +
                    <p class="text-muted">in Well-recognized Conferences</p>
 +
                </div>
 +
            </div>
 +
            <div class="col-lg-4 col-md-4 text-center">
 +
                <div class="feature">
 +
                    <i class="icon-lg ion-social-windows wow fadeInUp" data-wow-delay=".2s"></i>
 +
                    <h3>10 Years</h3>
 +
                    <p class="text-muted">of Programming Experience</p>
 +
                </div>
 +
            </div>
 +
            <div class="col-lg-4 col-md-4 text-center">
 +
                <div class="feature">
 +
                    <i class="icon-lg ion-erlenmeyer-flask wow fadeIn" data-wow-delay=".3s"></i>
 +
                    <h3>2 Awards</h3>
 +
                    <p class="text-muted">in International Competitions</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</section>
 +
<section id="three" class="no-padding">
 +
    <div class="container-fluid">
 +
        <div class="row no-gutter">
 +
            <div class="col-lg-4 col-sm-6">
 +
                <a href="#galleryModal" class="gallery-box" data-toggle="modal"
 +
                  data-src="images/10.jpg">
 +
                    <!--<img src="images/10.jpg"-->
 +
                    <!--class="" alt="Image 1">-->
 +
                    <div class="gallery-box-image" style="background-image: url('images/10.jpg');"></div>
 +
                    <div class="gallery-box-caption">
 +
                        <div class="gallery-box-content">
 +
                            <div>
 +
                                <i class="icon-lg ion-ios-search"></i>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </a>
 +
            </div>
 +
            <div class="col-lg-4 col-sm-6">
 +
                <a href="#galleryModal" class="gallery-box" data-toggle="modal"
 +
                  data-src="images/11.jpg">
 +
                    <div class="gallery-box-image" style="background-image: url('images/11.jpg');"></div>
 +
                    <div class="gallery-box-caption">
 +
                        <div class="gallery-box-content">
 +
                            <div>
 +
                                <i class="icon-lg ion-ios-search"></i>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </a>
 +
            </div>
 +
            <div class="col-lg-4 col-sm-6">
 +
                <a href="#galleryModal" class="gallery-box" data-toggle="modal"
 +
                  data-src="images/12.jpg">
 +
                    <div class="gallery-box-image" style="background-image: url('images/12.jpg');"></div>
 +
                    <div class="gallery-box-caption">
 +
                        <div class="gallery-box-content">
 +
                            <div>
 +
                                <i class="icon-lg ion-ios-search"></i>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </a>
 +
            </div>
 +
            <div class="col-lg-4 col-sm-6">
 +
                <a href="#galleryModal" class="gallery-box" data-toggle="modal"
 +
                  data-src="//splashbase.s3.amazonaws.com/lifeofpix/regular/Life-of-Pix-free-stock-photos-moto-drawing-illusion-nabeel-1440x960.jpg">
 +
                    <div class="gallery-box-image"
 +
                        style="background-image: url('//splashbase.s3.amazonaws.com/lifeofpix/regular/Life-of-Pix-free-stock-photos-moto-drawing-illusion-nabeel-1440x960.jpg');"></div>
 +
                    <div class="gallery-box-caption">
 +
                        <div class="gallery-box-content">
 +
                            <div>
 +
                                <i class="icon-lg ion-ios-search"></i>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </a>
 +
            </div>
 +
            <div class="col-lg-4 col-sm-6">
 +
                <a href="#galleryModal" class="gallery-box" data-toggle="modal"
 +
                  data-src="//splashbase.s3.amazonaws.com/lifeofpix/regular/Life-of-Pix-free-stock-photos-new-york-crosswalk-nabeel-1440x960.jpg">
 +
                    <div class="gallery-box-image"
 +
                        style="background-image: url('//splashbase.s3.amazonaws.com/lifeofpix/regular/Life-of-Pix-free-stock-photos-new-york-crosswalk-nabeel-1440x960.jpg');"></div>
 +
                    <div class="gallery-box-caption">
 +
                        <div class="gallery-box-content">
 +
                            <div>
 +
                                <i class="icon-lg ion-ios-search"></i>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </a>
 +
            </div>
 +
            <div class="col-lg-4 col-sm-6">
 +
                <a href="#galleryModal" class="gallery-box" data-toggle="modal"
 +
                  data-src="//splashbase.s3.amazonaws.com/lifeofpix/regular/Life-of-Pix-free-stock-photos-clothes-exotic-travel-nabeel-1440x960.jpg">
 +
                    <div class="gallery-box-image"
 +
                        style="background-image: url('//splashbase.s3.amazonaws.com/lifeofpix/regular/Life-of-Pix-free-stock-photos-clothes-exotic-travel-nabeel-1440x960.jpg');"></div>
 +
                    <div class="gallery-box-caption">
 +
                        <div class="gallery-box-content">
 +
                            <div>
 +
                                <i class="icon-lg ion-ios-search"></i>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </a>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</section>
 +
<section class="container-fluid" id="four">
 +
    <div class="row">
 +
        <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">
 +
            <h2 class="text-center text-primary">Skills</h2>
 +
            <hr>
 +
            <div class="media wow fadeInRight">
 +
                <h3>Web Design</h3>
 +
                <div class="media-body media-middle">
 +
                    <p>Experienced full-stack web designer fluent in HTML, CSS, JavaScript, Node.js and PHP.</p>
 +
                </div>
 +
                <div class="media-right">
 +
                    <i class="icon-lg ion-ios-bolt-outline"></i>
 +
                </div>
 +
            </div>
 +
            <hr>
 +
            <div class="media wow fadeIn">
 +
                <h3>Computer Science</h3>
 +
                <div class="media-left">
 +
                    <a href="#alertModal" data-toggle="modal" data-target="#alertModal"><i
 +
                            class="icon-lg ion-ios-cloud-download-outline"></i></a>
 +
                </div>
 +
                <div class="media-body media-middle">
 +
                    <p>Deep knowledge of algorithms and computer system design baked in.</p>
 +
                </div>
 +
            </div>
 +
            <hr>
 +
            <div class="media wow fadeInRight">
 +
                <h3>Electronics</h3>
 +
                <div class="media-body media-middle">
 +
                    <p>Omni-capable embedded systems engineer in both hardware and software.</p>
 +
                </div>
 +
                <div class="media-right">
 +
                    <i class="icon-lg ion-ios-snowy"></i>
 +
                </div>
 +
            </div>
 +
            <hr>
 +
            <div class="media wow fadeIn">
 +
                <h3>Heart</h3>
 +
                <div class="media-left">
 +
                    <i class="icon-lg ion-ios-heart-outline"></i>
 +
                </div>
 +
                <div class="media-body media-middle">
 +
                    <p>Outgoing and open-minded, backed with inherent courage.</p>
 +
                </div>
 +
            </div>
 +
            <hr>
 +
            <div class="media wow fadeInRight">
 +
                <h3>Culture</h3>
 +
                <div class="media-body media-middle">
 +
                    <p>Fluent in both English and Japanese, let alone Mandarin.</p>
 +
                </div>
 +
                <div class="media-right">
 +
                    <i class="icon-lg ion-ios-flask-outline"></i>
 +
                </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>

Revision as of 08:19, 16 October 2016

Team SUSTC-Shenzhen

Full-stack Architect


I am currently a student of the South University of Science and Technology of China.
Interests include:

  • Computer Related
    • Algorithms
    • Web Development
    • System Security
  • EE
    • Embedded Systems
    • Wireless Communication
  • Other
    • Synthetic Biology
    • Experimental History

I am a supporter of the Maker movement.

Projects

In a Glance


2 Published Papers

in Well-recognized Conferences

10 Years

of Programming Experience

2 Awards

in International Competitions

Skills


Web Design

Experienced full-stack web designer fluent in HTML, CSS, JavaScript, Node.js and PHP.


Computer Science

Deep knowledge of algorithms and computer system design baked in.


Electronics

Omni-capable embedded systems engineer in both hardware and software.


Heart

Outgoing and open-minded, backed with inherent courage.


Culture

Fluent in both English and Japanese, let alone Mandarin.

Made by from the iGEM team SUSTech_Shenzhen.

Licensed under CC BY 4.0.