Difference between revisions of "Team:BIT-China"

(Replaced content with "{{BIT-China}} <html> <div class="column full_size" > <h1> Welcome to iGEM 2018 BIT-China! </h1> <p>Our team members are from Beijing Institute of Technology. </p>...")
Line 1: Line 1:
 
{{BIT-China}}
 
{{BIT-China}}
−
<html>
+
<!DOCTYPE html>
 +
<html lang="en">
  
 +
<head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
  
  
  
−
<div class="column full_size" >
+
  <link rel =“stylesheet”type =“text / css” href =“https://2018.igem.org/Template:BIT-China/css-styles?action=raw&ctype=text/css”/>
−
<h1> Welcome to iGEM 2018 BIT-China! </h1>
+
    <link href="css/font-awesome.min.css" rel="stylesheet">
−
<p>Our team members are from Beijing Institute of Technology. </p>
+
    <link href="css/flexslider.css" rel="stylesheet">
 +
    <link href="css/styles.css" rel="stylesheet">
 +
    <link href="css/queries.css" rel="stylesheet">
 +
    <link href="css/animate.css" rel="stylesheet" </head>
  
 +
    <body id="top">
  
 +
        <header id="home">
 +
            <nav>
 +
                <div class="container-fluid">
 +
                    <div class="row">
 +
                        <div class="col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-8 col-xs-offset-2">
 +
                            <nav class="pull">
 +
                                <ul class="top-nav">
 +
                                    <li>
 +
                                        <a href="#intro">Introduction
 +
                                            <span class="indicator">
 +
                                                <i class="fa fa-angle-right"></i>
 +
                                            </span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#features">Features
 +
                                            <span class="indicator">
 +
                                                <i class="fa fa-angle-right"></i>
 +
                                            </span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#team">Team
 +
                                            <span class="indicator">
 +
                                                <i class="fa fa-angle-right"></i>
 +
                                            </span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#contact">Contact us
 +
                                            <span class="indicator">
 +
                                                <i class="fa fa-angle-right"></i>
 +
                                            </span>
 +
                                        </a>
 +
                                    </li>
 +
                                </ul>
 +
                            </nav>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </nav>
  
 +
            <section class="hero" id="hero">
 +
                <div class="container">
 +
                    <div class="row">
 +
                        <div class="col-md-12 text-right navicon">
 +
                            <a id="nav-toggle" class="nav_slide_button" href="#">
 +
                                <span></span>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
                    <div class="row">
 +
                        <div class="col-md-8 col-md-offset-2 text-center inner">
 +
                            <h1 class="animated fadeInDown">BIT-China</h1>
 +
                        </div>
 +
                    </div>
 +
                    <div class="row">
 +
                        <div class="col-md-6 col-md-offset-3 text-center">
 +
                            <img src="image/T--BIT-China--iGEM2018_logo.png" height="100" width="100" />
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </section>
 +
 +
        </header>
 +
 +
        <section class="intro text-center section-padding" id="intro">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-md-8 col-md-offset-2 wp1">
 +
                        <h1 class="arrow">Introduct our project</h1>
 +
                        <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </section>
 +
 +
        <section class="features text-center section-padding" id="features">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-md-12">
 +
                        <h1 class="arrow">Features</h1>
 +
                    </div>
 +
                </div>
 +
                <div class="row">
 +
                    <div id="portfolioSlider">
 +
                        <ul class="slides">
 +
                            <li>
 +
                                <div class="col-md-4 wp4">
 +
                                    <div class="overlay-effect effects clearfix">
 +
                                        <div class="img">
 +
                                            <img src="image/T--BIT-China--iGEM2018_temp_portfolio.jpg" alt="Portfolio Item">
 +
                                            <div class="overlay">
 +
                                                <a href="#" class="expand">
 +
                                                    <i class="fa fa-search"></i>
 +
                                                    <br>View More</a>
 +
                                                <a class="close-overlay hidden">x</a>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                    <h2>Creative Minds</h2>
 +
                                    <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
 +
                                </div>
 +
                                <div class="col-md-4 wp4 delay-05s">
 +
                                    <div class="overlay-effect effects clearfix">
 +
                                        <div class="img">
 +
                                            <img src="image/T--BIT-China--iGEM2018_temp_portfolio.jpg" alt="Portfolio Item">
 +
                                            <div class="overlay">
 +
                                                <a href="#" class="expand">
 +
                                                    <i class="fa fa-search"></i>
 +
                                                    <br>View More</a>
 +
                                                <a class="close-overlay hidden">x</a>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                    <h2>Creative Hearts</h2>
 +
                                    <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
 +
                                </div>
 +
                                <div class="col-md-4 wp4 delay-1s">
 +
                                    <div class="overlay-effect effects clearfix">
 +
                                        <div class="img">
 +
                                            <img src="image/T--BIT-China--iGEM2018_temp_portfolio.jpg" alt="Portfolio Item">
 +
                                            <div class="overlay">
 +
                                                <a href="#" class="expand">
 +
                                                    <i class="fa fa-search"></i>
 +
                                                    <br>View More</a>
 +
                                                <a class="close-overlay hidden">x</a>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                    <h2>Creative Ideas</h2>
 +
                                    <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
 +
                                </div>
 +
                            </li>
 +
                            <li>
 +
                                <div class="col-md-4 wp4">
 +
                                    <div class="overlay-effect effects clearfix">
 +
                                        <div class="img">
 +
                                            <img src="image/T--BIT-China--iGEM2018_temp_portfolio.jpg" alt="Portfolio Item">
 +
                                            <div class="overlay">
 +
                                                <a href="#" class="expand">
 +
                                                    <i class="fa fa-search"></i>
 +
                                                    <br>View More</a>
 +
                                                <a class="close-overlay hidden">x</a>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                    <h2>Creative Minds</h2>
 +
                                    <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
 +
                                </div>
 +
                                <div class="col-md-4 wp4 delay-05s">
 +
                                    <div class="overlay-effect effects clearfix">
 +
                                        <div class="img">
 +
                                            <img src="image/T--BIT-China--iGEM2018_temp_portfolio.jpg" alt="Portfolio Item">
 +
                                            <div class="overlay">
 +
                                                <a href="#" class="expand">
 +
                                                    <i class="fa fa-search"></i>
 +
                                                    <br>View More</a>
 +
                                                <a class="close-overlay hidden">x</a>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                    <h2>Creative Hearts</h2>
 +
                                    <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
 +
                                </div>
 +
                                <div class="col-md-4 wp4 delay-1s">
 +
                                    <div class="overlay-effect effects clearfix">
 +
                                        <div class="img">
 +
                                            <img src="image/T--BIT-China--iGEM2018_temp_portfolio.jpg" alt="Portfolio Item">
 +
                                            <div class="overlay">
 +
                                                <a href="#" class="expand">
 +
                                                    <i class="fa fa-search"></i>
 +
                                                    <br>View More</a>
 +
                                                <a class="close-overlay hidden">x</a>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                    <h2>Creative Ideas</h2>
 +
                                    <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
 +
                                </div>
 +
                            </li>
 +
                        </ul>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </section>
 +
 +
        <section class="team text-center section-padding" id="team">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-md-12">
 +
                        <h1 class="arrow">We're a team that adore what we do</h1>
 +
                    </div>
 +
                </div>
 +
                <div class="row">
 +
                    <div class="team-wrapper">
 +
                        <div id="teamSlider">
 +
                            <ul class="slides">
 +
                                <li>
 +
                                    <div class="col-md-4 wp5">
 +
                                        <img src="image/T--BIT-China--iGEM2018_temp_team_members.png" alt="Team Member">
 +
                                        <h2>Man 1</h2>
 +
                                        <p>xxxxxxxxxxx</p>
 +
                                        <div class="social">
 +
                                            <ul class="social-buttons">
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-dribbble"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-twitter"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-envelope"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div>
 +
 +
                                    <div class="col-md-4 wp5 delay-05s">
 +
                                        <img src="image/T--BIT-China--iGEM2018_temp_team_members.png" alt="Team Member">
 +
                                        <h2>Man 2</h2>
 +
                                        <p>xxxxxxxxxxx</p>
 +
                                        <div class="social">
 +
                                            <ul class="social-buttons">
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-dribbble"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-twitter"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-envelope"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="col-md-4 wp5 delay-1s">
 +
                                        <img src="image/T--BIT-China--iGEM2018_temp_team_members.png" alt="Team Member">
 +
                                        <h2>Man 3</h2>
 +
                                        <p>xxxxxxxxxxx</p>
 +
                                        <div class="social">
 +
                                            <ul class="social-buttons">
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-dribbble"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-twitter"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-envelope"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <div class="col-md-4 wp5">
 +
                                        <img src="image/T--BIT-China--iGEM2018_temp_team_members.png" alt="Team Member">
 +
                                        <h2>Man 4</h2>
 +
                                        <p>xxxxxxxxxxx</p>
 +
                                        <div class="social">
 +
                                            <ul class="social-buttons">
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-dribbble"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-twitter"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-envelope"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="col-md-4 wp5 delay-05s">
 +
                                        <img src="image/T--BIT-China--iGEM2018_temp_team_members.png" alt="Team Member">
 +
                                        <h2>Man 5</h2>
 +
                                        <p>xxxxxxxxxxx</p>
 +
                                        <div class="social">
 +
                                            <ul class="social-buttons">
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-dribbble"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-twitter"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-envelope"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="col-md-4 wp5 delay-1s">
 +
                                        <img src="image/T--BIT-China--iGEM2018_temp_team_members.png" alt="Team Member">
 +
                                        <h2>Man 6</h2>
 +
                                        <p>xxxxxxxxxxx</p>
 +
                                        <div class="social">
 +
                                            <ul class="social-buttons">
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-dribbble"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-twitter"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                                <li>
 +
                                                    <a href="#" class="social-btn">
 +
                                                        <i class="fa fa-envelope"></i>
 +
                                                    </a>
 +
                                                </li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </section>
 +
 +
        <section class="dark-bg text-center section-padding contact-wrap" id="contact">
 +
            <a href="#top" class="up-btn">
 +
                <i class="fa fa-chevron-up"></i>
 +
            </a>
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-md-12">
 +
                        <h1 class="arrow">CONTACT US</h1>
 +
                    </div>
 +
                </div>
 +
                <div class="row contact-details">
 +
                    <div class="col-md-4">
 +
                        <div class="light-box box-hover">
 +
                            <h2>
 +
                                <i class="fa fa-map-marker"></i>
 +
                                <span>Address</span>
 +
                            </h2>
 +
                            <p> Beijing Institute of Technology, Beijing, China</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-md-4">
 +
                        <div class="light-box box-hover">
 +
                            <h2>
 +
                                <i class="fa fa-mobile"></i>
 +
                                <span>Phone</span>
 +
                            </h2>
 +
                            <p>+86 13520663896</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-md-4">
 +
                        <div class="light-box box-hover">
 +
                            <h2>
 +
                                <i class="fa fa-paper-plane"></i>
 +
                                <span>Email</span>
 +
                            </h2>
 +
                            <p>
 +
                                <a href="mailto:13520663896@163.com">13520663896@163.com</a>
 +
                            </p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </section>
 +
 +
 +
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
        <script src="js/jquery.min.js"></script>
 +
        <!-- Include all compiled plugins (below), or include individual files as needed -->
 +
        <script src="js/waypoints.min.js"></script>
 +
        <script src="js/bootstrap.min.js"></script>
 +
        <script src="js/scripts.js"></script>
 +
        <script src="js/jquery.flexslider.js"></script>
 +
        <script src="js/modernizr.js"></script>
 +
    </body>
  
 
</html>
 
</html>

Revision as of 03:10, 29 June 2018

<!DOCTYPE html>

BIT-China

Introduct our project

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Features

  • Portfolio Item

    View More

    Creative Minds

    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

    Portfolio Item

    View More

    Creative Hearts

    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

    Portfolio Item

    View More

    Creative Ideas

    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

  • Portfolio Item

    View More

    Creative Minds

    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

    Portfolio Item

    View More

    Creative Hearts

    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

    Portfolio Item

    View More

    Creative Ideas

    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

We're a team that adore what we do

  • Team Member

    Man 1

    xxxxxxxxxxx

    Team Member

    Man 2

    xxxxxxxxxxx

    Team Member

    Man 3

    xxxxxxxxxxx

  • Team Member

    Man 4

    xxxxxxxxxxx

    Team Member

    Man 5

    xxxxxxxxxxx

    Team Member

    Man 6

    xxxxxxxxxxx

CONTACT US

Address

Beijing Institute of Technology, Beijing, China

Phone

+86 13520663896

Email

13520663896@163.com