Difference between revisions of "Team:BGIC-Union/Notebook"

Line 1: Line 1:
−
 
 
<html>
 
<html>
 
   <head>
 
   <head>
Line 7: Line 6:
  
  
−
     <title>Team：BGIC-Union/PRACTICES/DESIGN</title>
+
     <title>Team：BGIC-Union/PROJECT</title>
  
 
   <head>
 
   <head>
Line 14: Line 13:
 
         <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,500' rel='stylesheet' type='text/css'>
 
         <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,500' rel='stylesheet' type='text/css'>
  
−
  <!-- Bootstrap core CSS -->
+
<!-- progress -->
 +
 
 +
<!-- Bootstrap core CSS -->
 
     <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
<!-- animate -->
 
<!-- animate -->
Line 371: Line 372:
 
}
 
}
  
−
#protocol{
+
 
−
font-size:20px;
+
−
font-color:#000;
+
−
border：3px solid#000;}
+
 
 
 
html, body {
 
html, body {
Line 1,044: Line 1,042:
 
   <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
 
   <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
 
   </head>
 
   </head>
 +
 
   <body>
 
   <body>
 
<div class="column_full_size">
 
<div class="column_full_size">
Line 1,095: Line 1,094:
 
                         </li>
 
                         </li>
 
<li class="dropdown ">
 
<li class="dropdown ">
−
                             <a href="https://2017.igem.org/Team:BGIC-Union/Practices&amp;Design" class="dropdown-toggle" data-toggle="dropdown">PRACTICES&amp;DESIGN <b class="caret"></b></a>
+
                             <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown">PRACTICES&amp;DESIGN <b class="caret"></b></a>
 
                             <ul class="dropdown-menu" role="menu">
 
                             <ul class="dropdown-menu" role="menu">
−
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&amp;Design">communication</a></li>
+
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">communication</a></li>
−
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&amp;Design">meet-up</a></li>
+
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">meet-up</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&amp;Design">public outreach</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">public outreach</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&amp;Design">marketing</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">marketing</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&amp;Design">sustainability</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">sustainability</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&amp;Design">arts</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">arts</a></li>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
 
<li class="dropdown ">
 
<li class="dropdown ">
−
                             <a href="https://2017.igem.org/Team:BGIC-Union/Modeling" class="dropdown-toggle" data-toggle="dropdown">Modeling </a>
+
                             <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" class="dropdown-toggle" data-toggle="dropdown">Modeling </a>
 
                         </li>
 
                         </li>
 
<li class="dropdown ">
 
<li class="dropdown ">
Line 1,115: Line 1,114:
 
     </div>
 
     </div>
 
</nav>
 
</nav>
−
<!-- SUBMEU -->
+
 +
  <!-- BREADCRUMBS -->
 
         <div class="page-header">
 
         <div class="page-header">
 
             <div class="container">
 
             <div class="container">
−
                 <h1 class="page-title pull-left">NOTEBOOK</h1>
+
                 <h1 class="page-title pull-left">ABOUT US</h1>
 
                 <ol class="breadcrumb">
 
                 <ol class="breadcrumb">
−
                     <li><a href="#">Protocol</a></li>
+
                     <li><a href="#">Home</a></li>
−
                     <li><a href="#">Lab Journal</a></li>
+
                     <li><a href="#">Pages</a></li>
−
                 
+
                    <li class="active">About Us</li>
−
<li><a href="#">Safety</a></li>
+
 
                 </ol>
 
                 </ol>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <!-- END SUBMENU -->
+
         <!-- END BREADCRUMBS -->
−
<!-- PROTOCOL -->
+
        <!-- PAGE CONTENT -->
−
+
         <div class="page-content">
−
<div class="page-content">
+
−
         <div class="container">
+
−
<div>
+
−
<h1 class="title">Protocol</h1>
+
−
</div>       
+
−
<div id="protocol"><a href="#" onMouseOver="show(0)"><p>Gel electrophoresis<p></a></div>
+
−
<div id="medal1" style="display:none;"><p>prepare</p></div>
+
−
<div id="protocol" ><a href="#" onMouseOver="show(1)"><a href="#" onMouseOver="show(0)"><p>PCR reaction</p></a></a></div>
+
−
<div id="medal2" style="display:none;">
+
−
<p>ddddddd</p>
+
−
</div>
+
−
 
+
−
<a href="#" onMouseOver="show(1)">
+
−
<script language="javascript">
+
−
+
−
+
−
+
−
function show(id)
+
−
{
+
−
var div= ["medal1","medal2","medal3"]
+
−
for(i=0;i<3;i++)
+
−
{
+
−
document.getElementById(div[i]).style.display=(i==id?"block":"none")
+
−
}
+
−
}
+
−
+
−
</script>
+
−
            </div>
+
−
        </div>
+
−
+
−
<!-- END PROTOCOL -->
+
−
<!-- LAB JOURNAL -->
+
−
+
−
<div class="page-content">
+
 
             <div class="container">
 
             <div class="container">
−
<div>
+
                <section>
−
<h1 class="title">Lab Journal</h1>
+
                    <div class="row">
−
</div>
+
                        <div class="col-md-6">
−
               
+
                            <p>Completely monetize cooperative alignments vis-a-vis empowered leadership skills. Assertively empower maintainable intellectual capital with extensive total linkage. Enthusiastically synthesize bleeding-edge intellectual capital after market-driven initiatives. Enthusiastically enhance turnkey architectures before backward-compatible deliverables. Collaboratively drive virtual solutions vis-a-vis multimedia based data. Dynamically transition emerging leadership skills after long-term high-impact human capital. Competently reintermediate 24/365 quality vectors rather than sticky bandwidth. Authoritatively.</p>
−
                <p>summary p </p>
+
                            <p>Professionally facilitate orthogonal leadership whereas customer directed testing procedures. Credibly incubate ubiquitous human capital without efficient expertise. Intrinsicly optimize ubiquitous web-readiness through standards compliant metrics. Intrinsicly drive ethical technologies whereas installed base interfaces. Credibly expedite backward-compatible e-markets before viral opportunities.</p>
−
                 <br>
+
                        </div>
−
                 <h4 class="title">title h3</h4>
+
                        <div class="col-md-6">
−
                 <p class="brief-description">detail p <p>
+
                            <div class="featured-video">
 +
                                <iframe src="//player.vimeo.com/video/40056491"></iframe>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <br>
 +
                    <hr>
 +
                    <h2 class="section-heading">OUR MISSION</h2>
 +
                    <p class="lead"><span class="dropcap dropcap-big">P</span>hosfluorescently predominate stand-alone strategic theme areas with resource maximizing resources. Professionally transform end-to-end catalysts for change via impactful e-services.</p>
 +
                    <br>
 +
                    <h2 class="section-heading">OUR VISION</h2>
 +
                    <p class="lead"><span class="dropcap dropcap-big">D</span>istinctively predominate front-end total linkage via user. Professionally synthesize sustainable growth strategies before bricks-and-clicks functionalities. Holisticly synthesize unique intellectual capital whereas ubiquitous users.</p>
 +
                    <hr>
 +
                 </section>
 +
                 <h2 class="section-heading">MEET OUR TEAM</h2>
 +
                 <!-- TEAM -->
 +
                <section class="team">
 +
                    <div class="section-content">
 +
                        <div class="col-md-5">
 +
                            <div class="team-member media">
 +
                                <img src="assets/img/team/person1.png" class="media-object img-circle pull-left" alt="" />
 +
                                <div class="media-body">
 +
                                    <h3 class="media-heading team-name">Michael Summer</h3>
 +
                                    <strong>Executive Director</strong>
 +
                                    <hr class="pull-left">
 +
                                    <div class="clearfix"></div>
 +
                                    <p>Dynamically evolve client-based portals through world-class models. Phosfluorescently simplify cross-platform convergence and multimedia based portals. Rapidiously.</p>
 +
                                    <ul class="list-inline social-icon">
 +
                                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
 +
                                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
 +
                                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
 +
                                    </ul>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-5 col-md-offset-2">
 +
                            <div class="team-member media">
 +
                                <img src="assets/img/team/person2.png" class="media-object img-circle pull-left" alt="" />
 +
                                <div class="media-body">
 +
                                    <h3 class="media-heading team-name">Jane Doe</h3>
 +
                                    <strong>Art Director</strong>
 +
                                    <hr class="pull-left">
 +
                                    <div class="clearfix"></div>
 +
                                    <p>Dynamically evolve client-based portals through world-class models. Phosfluorescently simplify cross-platform convergence and multimedia based portals. Rapidiously.</p>
 +
                                    <ul class="list-inline social-icon">
 +
                                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
 +
                                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
 +
                                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
 +
                                    </ul>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-5">
 +
                            <div class="team-member media">
 +
                                <img src="assets/img/team/person3.png" class="media-object img-circle pull-left" alt="" />
 +
                                <div class="media-body">
 +
                                    <h3 class="media-heading team-name">Cindy Marry</h3>
 +
                                    <strong>UI Designer</strong>
 +
                                    <hr class="pull-left">
 +
                                    <div class="clearfix"></div>
 +
                                    <p>Dynamically evolve client-based portals through world-class models. Phosfluorescently simplify cross-platform convergence and multimedia based portals. Rapidiously.</p>
 +
                                    <ul class="list-inline social-icon">
 +
                                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
 +
                                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
 +
                                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
 +
                                        <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
 +
                                    </ul>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-5 col-md-offset-2">
 +
                            <div class="team-member media">
 +
                                <img src="assets/img/team/person4.png" class="media-object img-circle pull-left" alt="" />
 +
                                <div class="media-body">
 +
                                    <h3 class="media-heading team-name">Phillips Abraham</h3>
 +
                                    <strong>Front-end Developer</strong>
 +
                                    <hr class="pull-left">
 +
                                    <div class="clearfix"></div>
 +
                                    <p>Dynamically evolve client-based portals through world-class models. Phosfluorescently simplify cross-platform convergence and multimedia based portals. Rapidiously.</p>
 +
                                    <ul class="list-inline social-icon">
 +
                                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
 +
                                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
 +
                                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
 +
                                        <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
 +
                                    </ul>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </section>
 +
                <!-- END TEAM -->
 +
                <!-- OUR CLIENTS -->
 +
                <section class="clients no-margin">
 +
                    <div class="container">
 +
                        <h2 class="section-heading">OUR CLIENTS</h2>
 +
                        <ul class="list-inline list-client-logo">
 +
                            <li>
 +
                                <a href="#"><img src="assets/img/clients/logo1.png" alt="logo" /></a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="#"><img src="assets/img/clients/logo2.png" alt="logo" /></a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="#"><img src="assets/img/clients/logo3.png" alt="logo" /></a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="#"><img src="assets/img/clients/logo4.png" alt="logo" /></a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="#"><img src="assets/img/clients/logo5.png" alt="logo" /></a>
 +
                            </li>
 +
                        </ul>
 +
                    </div>
 +
                </section>
 +
                <!-- END OUR CLIENTS -->
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
<!-- END LAB JOURNAL -->
+
        <!-- END PAGE CONTENT -->
−
 
+
<!-- +++++ Footer Section +++++ -->
−
<!-- SAFETY -->
+
−
+
<div id="footer">
−
<div class="page-content">
+
−
            <div class="container">
+
−
<div>
+
−
<H1 class="title">SAFETY</h1>
+
−
</div>
+
−
+
−
                <p>summary p </p>
+
−
                <br>
+
−
                <h3>title h3</h4>
+
−
                <p>detail p <p>
+
−
            </div>
+
−
        </div>
+
−
         
+
−
<!-- END SAFETY -->
+
−
<div id="footer">
+
 
<div class="container">
 
<div class="container">
 
<div class="row">
 
<div class="row">
Line 1,225: Line 1,289:
 
</div>
 
</div>
 
</div>
 
</div>
−
+
</div>
 
   </body>
 
   </body>
 
</html>
 
</html>

Revision as of 08:11, 15 September 2017

Team：BGIC-Union/PROJECT

ABOUT US

  1. Home
  2. Pages
  3. About Us

Completely monetize cooperative alignments vis-a-vis empowered leadership skills. Assertively empower maintainable intellectual capital with extensive total linkage. Enthusiastically synthesize bleeding-edge intellectual capital after market-driven initiatives. Enthusiastically enhance turnkey architectures before backward-compatible deliverables. Collaboratively drive virtual solutions vis-a-vis multimedia based data. Dynamically transition emerging leadership skills after long-term high-impact human capital. Competently reintermediate 24/365 quality vectors rather than sticky bandwidth. Authoritatively.

Professionally facilitate orthogonal leadership whereas customer directed testing procedures. Credibly incubate ubiquitous human capital without efficient expertise. Intrinsicly optimize ubiquitous web-readiness through standards compliant metrics. Intrinsicly drive ethical technologies whereas installed base interfaces. Credibly expedite backward-compatible e-markets before viral opportunities.


OUR MISSION

Phosfluorescently predominate stand-alone strategic theme areas with resource maximizing resources. Professionally transform end-to-end catalysts for change via impactful e-services.


OUR VISION

Distinctively predominate front-end total linkage via user. Professionally synthesize sustainable growth strategies before bricks-and-clicks functionalities. Holisticly synthesize unique intellectual capital whereas ubiquitous users.

MEET OUR TEAM

Michael Summer

Executive Director

Dynamically evolve client-based portals through world-class models. Phosfluorescently simplify cross-platform convergence and multimedia based portals. Rapidiously.

Jane Doe

Art Director

Dynamically evolve client-based portals through world-class models. Phosfluorescently simplify cross-platform convergence and multimedia based portals. Rapidiously.

Cindy Marry

UI Designer

Dynamically evolve client-based portals through world-class models. Phosfluorescently simplify cross-platform convergence and multimedia based portals. Rapidiously.

Phillips Abraham

Front-end Developer

Dynamically evolve client-based portals through world-class models. Phosfluorescently simplify cross-platform convergence and multimedia based portals. Rapidiously.

OUR CLIENTS