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

 
(6 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 132: Line 132:
 
<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-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 ]">
 
             <div class="[ col-xs-4 col-sm-12 ]">
−
                 <!-- Nav tabs -->
+
                  
 
                 <ul class="[ nav nav-justified ]" id="nav-tabs" role="tablist">
 
                 <ul class="[ nav nav-justified ]" id="nav-tabs" role="tablist">
 
                     <li role="presentation" class="active">
 
                     <li role="presentation" class="active">
 
                         <a href="#dustin" aria-controls="dustin" role="tab" data-toggle="tab">
 
                         <a href="#dustin" aria-controls="dustin" role="tab" data-toggle="tab">
−
                             <img class="img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/dustinlamont/128.jpg" />
+
                             <img src="https://www.vde.com/de/fg/dgbmt/publishingimages/rwth-aachen-university.jpg" />
−
                             <span class="quote"><i class="fa fa-quote-left"></i></span>
+
                             <span class="quote"><i class="fa fa-users"></i></span>
 
                         </a>
 
                         </a>
 
                     </li>
 
                     </li>
 
                     <li role="presentation" class="">
 
                     <li role="presentation" class="">
 
                         <a href="#daksh" aria-controls="daksh" role="tab" data-toggle="tab">
 
                         <a href="#daksh" aria-controls="daksh" role="tab" data-toggle="tab">
−
                             <img class="img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/dakshbhagya/128.jpg" />
+
                             <img src="http://www.uu.se/digitalAssets/242/242915_3uu_logo.png" />
−
                             <span class="quote"><i class="fa fa-quote-left"></i></span>
+
                             <span class="quote"><i class="fa fa-users"></i></span>
 
                         </a>
 
                         </a>
 
                     </li>
 
                     </li>
 
                     <li role="presentation" class="">
 
                     <li role="presentation" class="">
 
                         <a href="#anna" aria-controls="anna" role="tab" data-toggle="tab">
 
                         <a href="#anna" aria-controls="anna" role="tab" data-toggle="tab">
−
                             <img class="img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/annapickard/128.jpg" />
+
                             <img src="https://trademarks.justia.com/media/image.php?serial=79092623" />
−
                            <span class="quote"><i class="fa fa-quote-left"></i></span>
+
                             <span class="quote"><i class="fa fa-users"></i></span>
−
                        </a>
+
−
                    </li>
+
−
                    <li role="presentation" class="">
+
−
                        <a href="#wafer" aria-controls="wafer" role="tab" data-toggle="tab">
+
−
                            <img class="img-circle" src="https://s3.amazonaws.com/uifaces/faces/twitter/waferbaby/128.jpg" />
+
−
                             <span class="quote"><i class="fa fa-quote-left"></i></span>
+
 
                         </a>
 
                         </a>
 
                     </li>
 
                     </li>
 +
                 
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
Line 165: Line 160:
 
                     <div role="tabpanel" class="tab-pane fade in active" id="dustin">
 
                     <div role="tabpanel" class="tab-pane fade in active" id="dustin">
 
                         <div class="tab-inner">                     
 
                         <div class="tab-inner">                     
−
                             <p class="lead">Etiam tincidunt enim et pretium efficitur. Donec auctor leo sollicitudin eros iaculis sollicitudin.</p>
+
                             <p class="lead">
−
                             <hr>
+
                             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><strong class="text-uppercase">Dustin Lamont</strong></p>
+
                             </p>
−
                             <p><em class="text-capitalize"> Senior web developer</em> at <a href="#">Apple</a></p>                
+
                         
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 174: Line 169:
 
                     <div role="tabpanel" class="tab-pane fade" id="daksh">
 
                     <div role="tabpanel" class="tab-pane fade" id="daksh">
 
                         <div class="tab-inner">
 
                         <div class="tab-inner">
−
                             <p class="lead">Suspendisse dictum gravida est, nec consequat tortor venenatis a. Suspendisse vitae venenatis sapien.</p>
+
                             <p class="lead">
−
                             <hr>
+
                            Uppsala university is the research university in Uppsala, Sweden. We collaborated with this team by filling their Google forms, for their university.
−
                            <p><strong class="text-uppercase">Daksh Bhagya</strong></p>
+
                             </p>
−
                            <p><em class="text-capitalize"> UX designer</em> at <a href="#">Google</a></p>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 183: Line 177:
 
                     <div role="tabpanel" class="tab-pane fade" id="anna">
 
                     <div role="tabpanel" class="tab-pane fade" id="anna">
 
                         <div class="tab-inner">
 
                         <div class="tab-inner">
−
                             <p class="lead">Nullam suscipit ante ac arcu placerat, nec sagittis quam volutpat. Vestibulum aliquam facilisis velit ut ultrices.</p>
+
                             <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>
−
                            <hr>
+
                              
−
                            <p><strong class="text-uppercase">Anna Pickard</strong></p>
+
−
                             <p><em class="text-capitalize"> Master web developer</em> at <a href="#">Intel</a></p>
+
 
                         </div>  
 
                         </div>  
 
                     </div>
 
                     </div>
 
                      
 
                      
−
                    <div role="tabpanel" class="tab-pane fade" id="wafer">
+
               
−
                        <div class="tab-inner">
+
−
                            <p class="lead"> Fusce erat libero, fermentum quis sollicitudin id, venenatis nec felis. Morbi sollicitudin gravida finibus.</p>
+
−
                            <hr>
+
−
                            <p><strong class="text-uppercase">Wafer Baby</strong></p>
+
−
                            <p><em class="text-capitalize"> Web designer</em> at <a href="#">Microsoft</a></p>
+
−
                        </div>
+
−
                    </div>
+
 
                 </div>
 
                 </div>
 
             </div>         
 
             </div>         
Line 208: Line 193:
 
     </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