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

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">
Line 152: Line 152:
 
                         </a>
 
                         </a>
 
                     </li>
 
                     </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>
+
                    </li>
+
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
Line 190: Line 185:
 
                     </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 196:
 
     </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 { box-shadow: 0 0 0 5px #13c0ba; }
 +
.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>
 
      
 
      
  

Revision as of 13:46, 18 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:

Etiam tincidunt enim et pretium efficitur. Donec auctor leo sollicitudin eros iaculis sollicitudin.


Dustin Lamont

Senior web developer at Apple

Suspendisse dictum gravida est, nec consequat tortor venenatis a. Suspendisse vitae venenatis sapien.


Daksh Bhagya

UX designer at Google

Nullam suscipit ante ac arcu placerat, nec sagittis quam volutpat. Vestibulum aliquam facilisis velit ut ultrices.


Anna Pickard

Master web developer at Intel

Lets talk!

Sri Venkateswara College of Engineering, Chennai