Difference between revisions of "Team:SVCE Chennai/Collab"

(Created page with "<html> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <link...")
 
 
(9 intermediate revisions by the same user not shown)
Line 21: Line 21:
 
<span class="icon-bar"></span>
 
<span class="icon-bar"></span>
 
</button>
 
</button>
−
<a class="navbar-brand" href="#" style="padding-top:0px;"><img src="https://static.igem.org/mediawiki/2015/2/25/MainLogo_Title.png" class="teamLogo"></a>
+
<a class="navbar-brand" href="https://2015.igem.org/Team:SVCE_Chennai" style="padding-top:0px;"><img src="https://static.igem.org/mediawiki/2015/2/25/MainLogo_Title.png" class="teamLogo"></a>
 
</div>
 
</div>
 
 
Line 115: Line 115:
 
<div class="row stickyNotification">
 
<div class="row stickyNotification">
 
    
 
    
−
   
+
    <div class="col-xs-12">
 +
            <p>
 +
                <i>
 +
                    <b>
 +
            "Creating a better world requires team work, partnership and collaboration, as we need an entire army of companies to work together to build a better world within the most few decades. This means corporations must embrace the benefits of cooperating with one another"
 +
                    </b>
 +
                </i>
 +
            </p>
 +
            <p>
 +
                As the statement suggest, iGEM allows every team to join hands with other teams to benefit each other. Apparently our team had united with the following teams:
 +
 
 +
            </p>
 +
           
 +
<div class="[ container text-center ]">
 +
<div class="[ row ]">
 +
<div class="[ col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 ]" role="tabpanel">
 +
            <div class="[ col-xs-4 col-sm-12 ]">
 +
               
 +
                <ul class="[ nav nav-justified ]" id="nav-tabs" role="tablist">
 +
                    <li role="presentation" class="active">
 +
                        <a href="#dustin" aria-controls="dustin" role="tab" data-toggle="tab">
 +
                            <img src="https://www.vde.com/de/fg/dgbmt/publishingimages/rwth-aachen-university.jpg" />
 +
                            <span class="quote"><i class="fa fa-users"></i></span>
 +
                        </a>
 +
                    </li>
 +
                    <li role="presentation" class="">
 +
                        <a href="#daksh" aria-controls="daksh" role="tab" data-toggle="tab">
 +
                            <img src="http://www.uu.se/digitalAssets/242/242915_3uu_logo.png" />
 +
                            <span class="quote"><i class="fa fa-users"></i></span>
 +
                        </a>
 +
                    </li>
 +
                    <li role="presentation" class="">
 +
                        <a href="#anna" aria-controls="anna" role="tab" data-toggle="tab">
 +
                            <img src="https://trademarks.justia.com/media/image.php?serial=79092623" />
 +
                            <span class="quote"><i class="fa fa-users"></i></span>
 +
                        </a>
 +
                    </li>
 +
                 
 +
                </ul>
 +
            </div>
 +
            <div class="[ col-xs-8 col-sm-12 ]">
 +
                <!-- Tab panes -->
 +
                <div class="tab-content" id="tabs-collapse">           
 +
                    <div role="tabpanel" class="tab-pane fade in active" id="dustin">
 +
                        <div class="tab-inner">                   
 +
                            <p class="lead">
 +
                            Aachen is a research university of technology located in Germany. Our team had collaborated with them through a formal meetup with one of their team members and also by filling their "TUBEFRONT" survey which is based on Safety Organisation.
 +
                            </p>
 +
                         
 +
                        </div>
 +
                    </div>
 +
                   
 +
                    <div role="tabpanel" class="tab-pane fade" id="daksh">
 +
                        <div class="tab-inner">
 +
                            <p class="lead">
 +
                            Uppsala university is the research university in Uppsala, Sweden. We collaborated with this team by filling their Google forms, for their university.
 +
                            </p> 
 +
                        </div>
 +
                    </div>
 +
                   
 +
                    <div role="tabpanel" class="tab-pane fade" id="anna">
 +
                        <div class="tab-inner">
 +
                            <p class="lead">Bettencourt team claimed us to fill their "FOOD SURVEY" form required for their survey which led to their collaboration with us.</p>
 +
                           
 +
                        </div>
 +
                    </div>
 +
                   
 +
               
 +
                </div>
 +
            </div>       
 +
        </div>
 +
</div>
 +
</div>
 +
</div>
 
      
 
      
 
   </div>
 
   </div>
 
     </div>
 
     </div>
 
      
 
      
−
      
+
     <style>
 +
       
 +
        .nav.nav-justified > li > a { position: relative; }
 +
.nav.nav-justified > li > a:hover,
 +
.nav.nav-justified > li > a:focus { background-color: transparent; }
 +
.nav.nav-justified > li > a > .quote {
 +
    position: absolute;
 +
    left: 0px;
 +
    top: 0;
 +
    opacity: 0;
 +
    width: 30px;
 +
    height: 30px;
 +
    padding: 5px;
 +
    background-color: #13c0ba;
 +
    border-radius: 15px;
 +
    color: #fff; 
 +
}
 +
.nav.nav-justified > li.active > a > .quote { opacity: 1; }
 +
.nav.nav-justified > li > a > img {
 +
 
 +
                    }
 +
.nav.nav-justified > li > a > img {
 +
    max-width: 100%;
 +
    opacity: .3;
 +
    -webkit-transform: scale(.8,.8);
 +
            transform: scale(.8,.8);
 +
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 +
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 +
}
 +
.nav.nav-justified > li.active > a > img,
 +
.nav.nav-justified > li:hover > a > img,
 +
.nav.nav-justified > li:focus > a > img {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
            transform: none;
 +
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 +
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 +
}
 +
.tab-pane .tab-inner { padding: 30px 0 20px; }
 +
 
 +
@media (min-width: 768px) {
 +
    .nav.nav-justified > li > a > .quote {
 +
        left: auto;
 +
        top: auto;
 +
        right: 20px;
 +
        bottom: 0px;
 +
    } 
 +
}
 +
    </style>
 
      
 
      
  

Latest revision as of 00:03, 19 September 2015

Collaboration

"Creating a better world requires team work, partnership and collaboration, as we need an entire army of companies to work together to build a better world within the most few decades. This means corporations must embrace the benefits of cooperating with one another"

As the statement suggest, iGEM allows every team to join hands with other teams to benefit each other. Apparently our team had united with the following teams:

Aachen is a research university of technology located in Germany. Our team had collaborated with them through a formal meetup with one of their team members and also by filling their "TUBEFRONT" survey which is based on Safety Organisation.

Uppsala university is the research university in Uppsala, Sweden. We collaborated with this team by filling their Google forms, for their university.

Bettencourt team claimed us to fill their "FOOD SURVEY" form required for their survey which led to their collaboration with us.

Lets talk!

Sri Venkateswara College of Engineering, Chennai