Difference between revisions of "Team:IISER-Mohali-INDIA/Team"

 
(16 intermediate revisions by 2 users not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
/* W3.CSS 4.05 October 2017 by Jan Egil and Borge Refsnes */
 +
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
 +
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
 +
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
 +
a{background-color:transparent;-webkit-text-decoration-skip:objects}
 +
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
 +
dfn{font-style:italic}mark{background:#ff0;color:#000}
 +
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
 +
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
 +
code,kbd,pre,samp{font-family:font;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
 +
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
 +
button,input{overflow:visible}button,select{text-transform:none}
 +
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
 +
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
 +
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
 +
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
 +
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
 +
[type=checkbox],[type=radio]{padding:0}
 +
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
 +
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
 +
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
 +
::-webkit-input-placeholder{color:inherit;opacity:0.54}
 +
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
 +
/* End extract */
 +
html,body{font-family:font;}html{overflow-x:hidden}
 +
 +
.w3-image{max-width:100%;height:auto}img{margin-bottom:-5px}a{color:inherit}
 +
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
 +
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
 +
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
 +
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
 +
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
 +
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
 +
.w3-btn,.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
 +
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
 +
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
 +
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
 +
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
 +
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
 +
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
 +
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
 +
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
 +
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
 +
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
 +
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
 +
.w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1}
 +
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
 +
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
 +
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
 +
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
 +
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
 +
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
 +
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
 +
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
 +
.w3-main,#main{transition:margin-left .4s}
 +
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
 +
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
 +
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
 +
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block}
 +
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
 +
.w3-bar .w3-button{white-space:normal}
 +
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;outline:none;white-space:normal;float:none}
 +
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
 +
.w3-responsive{display:block;overflow-x:auto}
 +
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
 +
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
 +
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
 +
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
 +
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
 +
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
 +
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
 +
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
 +
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
 +
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
 +
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
 +
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
 +
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
 +
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
 +
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
 +
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
 +
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
 +
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
 +
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
 +
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
 +
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
 +
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
 +
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
 +
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
 +
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
 +
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
 +
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
 +
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
 +
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
 +
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
 +
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
 +
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
 +
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
 +
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
 +
.w3-display-position{position:absolute}
 +
.w3-circle{border-radius:50%}
 +
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
 +
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
 +
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
 +
.w3-code,.w3-codespan{font-family:font,font;font-size:16px}
 +
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
 +
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
 +
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
 +
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
 +
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
 +
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
 +
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
 +
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
 +
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
 +
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
 +
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
 +
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
 +
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
 +
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
 +
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
 +
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
 +
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
 +
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
 +
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
 +
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
 +
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
 +
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
 +
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
 +
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
 +
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
 +
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
 +
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
 +
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
 +
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
 +
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
 +
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
 +
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
 +
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
 +
.w3-left{float:left!important}.w3-right{float:right!important}
 +
.w3-button:hover{color:#000!important;background-color:#ccc!important}
 +
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
 +
.w3-hover-none:hover{box-shadow:none!important}
 +
/* Colors */
 +
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
 +
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
 +
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
 +
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
 +
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
 +
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
 +
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
 +
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
 +
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
 +
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
 +
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
 +
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
 +
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
 +
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
 +
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
 +
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
 +
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
 +
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
 +
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
 +
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
 +
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
 +
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
 +
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
 +
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#bbb!important}
 +
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
 +
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
 +
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
 +
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
 +
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
 +
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
 +
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
 +
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
 +
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
 +
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#ffeb3b!important}
 +
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
 +
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
 +
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
 +
.w3-text-amber{color:#ffc107!important}
 +
.w3-text-aqua{color:#00ffff!important}
 +
.w3-text-light-blue{color:#87CEEB!important}
 +
.w3-text-brown{color:#795548!important}
 +
.w3-text-cyan{color:#00bcd4!important}
 +
.w3-text-blue-grey,.w3-text-blue-gray{color:#607d8b!important}
 +
.w3-text-light-green{color:#8bc34a!important}
 +
.w3-text-indigo{color:#3f51b5!important}
 +
.w3-text-khaki{color:#b4aa50!important}
 +
.w3-text-lime{color:#cddc39!important}
 +
.w3-text-orange{color:#ff9800!important}
 +
.w3-text-deep-orange{color:#ff5722!important}
 +
.w3-text-pink{color:#e91e63!important}
 +
.w3-text-purple{color:#9c27b0!important}
 +
.w3-text-deep-purple{color:#673ab7!important}
 +
.w3-text-sand{color:#fdf5e6!important}
 +
.w3-text-teal{color:#009688!important}
 +
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
 +
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
 +
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
 +
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
 +
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
 +
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
 +
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
 +
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
 +
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important}
 +
.container {
 +
        width:92%;
 +
        margin-left:2%;
 +
 +
padding-top: 2%;
 +
 +
}
 +
.page_logo{float:right;
 +
text-align:right;
 +
margin-right:5%;
 +
width:35%;
 +
height:35%;
 +
position:static;
 +
margin-top:3%
 +
}
 +
header, section, article {
 +
display:block;}
 +
.page_head{
 +
position:static;
 +
margin-top:;
 +
text-align:center;
 +
}
 +
h1, h2, h3, h5, h6{
 +
padding-left: 5%;
 +
padding-right: 5%;
 +
font-weight:normal;
 +
}
 +
h4{
 +
padding-left: 10%;
 +
padding-right: 5%;
 +
font-weight:normal;
 +
}
 +
 +
.profile{width:100%}
 +
</style>
 +
 +
</head>
 +
 
<body>
 
<body>
 +
<div class="container">
 +
<header>
 +
<a href="index.html"><img src="https://static.igem.org/mediawiki/2017/7/7b/T--IISER-Mohali-INDIA--logogeco.png" style="float: left; width:8%; padding-top: 2%;" alt="gEco"></a>
 +
           
 +
<a href="https://www.facebook.com/igemiiserm/"><img src="https://static.igem.org/mediawiki/2017/5/5f/T--IISER-Mohali-INDIA--FB.png" style="float: right; width: 4%; margin-right: 4%; padding-top: 2%; position:relative;" /></a>
  
 +
<a href="https://www.instagram.com/igem_iisermohali/"><img src="https://static.igem.org/mediawiki/2017/c/ce/T--IISER-Mohali-INDIA--Insta.png" style="float: right; width: 4%; margin-right: 1%; padding-top: 2%; position:relative;" /></a>
 +
'
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/d/d7/T--IISER-Mohali-INDIA--G%2B.png" style="float: right; width: 4%; margin-right: 1%; padding-top: 2%; position:relative;" /></a>
  
−
<div class="column full_size" >
+
<a href="https://twitter.com/iGEMIISERM"><img src="https://static.igem.org/mediawiki/2017/0/04/T--IISER-Mohali-INDIA--Tw.png" style="float: right; width: 4%; margin-right: 1%; padding-top: 2%; position:relative;" /></a>
  
−
<h1>Team</h1>
+
<a href="https://www.youtube.com/channel/UCXhpctjIXTHUpVCwq_ctgDg"><img src="https://static.igem.org/mediawiki/2017/3/3a/T--IISER-Mohali-INDIA--You.png" style="float: right; width: 4%; margin-right: 1%; padding-top: 2%; position:relative;" /></a>
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
−
</div>
+
  
−
<div class="clear"></div>
+
<center><div class="page-title">Team
 +
    </div></center>
 +
    <div class="page_logo">
 +
    <img src="https://static.igem.org/mediawiki/2017/4/4f/T--IISER-Mohali-INDIA--Attrib.png" width="100%" height="100%"></div>
  
−
<div class="column half_size" >
+
</header>
−
<h5>Inspiration</h5>
+
−
<p>You can look at what other teams did to get some inspiration! <br />
+
−
Here are a few examples:</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
−
</ul>
+
  
 +
 +
<br/><br/>
 +
<section> <br><h3>Core Team</h3>
 +
 +
<center>  <table><tr><td width="18%"> <div class="profile">
 +
<img src="https://static.igem.org/mediawiki/2017/5/52/T--IISER-Mohali-INDIA--ashwin.jpg"  >
 +
    <div class="Name">Ashwin K. Jainarayanan</div>
 +
    <div class="desc"> Team Co-Ordinator</div>
 +
    </div>
 +
</td>
 +
<td width="18%">
 +
<div class="profile">
 +
    <img src="https://static.igem.org/mediawiki/2017/a/af/T--IISER-Mohali-INDIA--prtchwla.jpg"  >
 +
    <div class="Name">Prateek Chawla</div>
 +
</div></td>
 +
 +
<td width="18%"> <div class="profile">
 +
    <img src="https://static.igem.org/mediawiki/2017/5/58/T--IISER-Mohali-INDIA--ntish.jpg">
 +
  <div class="Name">Nitish Tayal</div>
 +
</div></td>
 +
 +
<td width="18%">
 +
<div class="profile">
 +
    <img src="https://static.igem.org/mediawiki/2017/6/60/T--IISER-Mohali-INDIA--mnisha.jpg"  >
 +
    <div class="Name">Manisha Wadhwa</div>
 +
</div></td>
 +
<td width="18%"><div class="profile">
 +
    <img src="https://static.igem.org/mediawiki/2017/4/4e/T--IISER-Mohali-INDIA--bhupinder.jpg" >
 +
  <div class="Name">Bhupendar Singh Bhardwaj</div>
 +
</div></td>
 +
</tr></table></center></section>
 +
 +
<section>
 +
 +
<h2 class="team-title"><br />Mentors</h2>
 +
 +
 +
 +
<center>
 +
<table><tr><td width="12%"><div class="profile">
 +
    <img src="https://static.igem.org/mediawiki/2017/4/45/T--IISER-Mohali-INDIA--akb.jpg"  >
 +
      <div class="Name">Prof. Anand K. Bachhawat</div>
 +
  <div class="desc">Primary PI</div>
 
</div>
 
</div>
 +
</td>
 +
<td width="12%"><div class="profile">
 +
    <img src="https://static.igem.org/mediawiki/2017/3/39/T--IISER-Mohali-INDIA--rchnachba.jpg"  >
 +
      <div class="Name">Dr. Rachna Chaba</div>
 +
  <div class="desc">Secondary PI</div>
 +
</div>
 +
</td>
 +
<td width="12%">
 +
<div class="profile">
 +
    <img src="https://static.igem.org/mediawiki/2017/7/7a/T--IISER-Mohali-INDIA--kss.jpg" >
 +
      <div class="Name">Dr. Kuljeet Singh Sandhu</div>
 +
  <div class="desc">Instructor</div>
 +
</div>
 +
</td>
 +
<td width="12%">
 +
<div class="profile">
 +
    <img src="https://static.igem.org/mediawiki/2017/c/c6/T--IISER-Mohali-INDIA--smdtta.jpg"  >
 +
      <div class="Name">Prof. Somdatta Sinha</div>
 +
  <div class="desc">Advisor</div>
 +
</div>
 +
</td>
 +
<td width="12%">
 +
    <div class="profile">
 +
    <img src="https://static.igem.org/mediawiki/2017/5/57/T--IISER-Mohali-INDIA--ramy.jpg">
 +
      <div class="Name">Dr. Ram Yadav</div>
 +
  <div class="desc">Advisor</div>
 +
</div>
 +
</td>
 +
<td width="12%">
 +
<div class="profile">
 +
    <img src="https://static.igem.org/mediawiki/2017/9/99/T--IISER-Mohali-INDIA--sunil.jpg"  >
 +
      <div class="Name">Dr. Sunil Patil</div>
 +
  <div class="desc">Advisor</div>
 +
</div>
 +
</td>
  
−
<div class="column half_size" >
+
</tr></table>
−
<h5>What should this page contain?</h5>
+
</center></section>
−
<ul>
+
<h2 class="team-title"><br> Journey through the labs - <br><br> </h2>
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
 
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
<div class="w3-content w3-display-container" style="clear: both;">
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
  <img class="mySlides w3-animate-fading" src="https://static.igem.org/mediawiki/2017/c/c4/T--IISER-Mohali-INDIA--teamslsh.png" style="width:100%">
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
  <img class="mySlides w3-animate-fading" src="https://static.igem.org/mediawiki/2017/c/c2/T--IISER-Mohali-INDIA--teamslsh1.png" style="width:100%">
−
</ul>
+
  <img class="mySlides w3-animate-fading" src="https://static.igem.org/mediawiki/2017/1/13/T--IISER-Mohali-INDIA--teamslsh2.png" style="width:100%">
 +
  <img class="mySlides w3-animate-fading" src="https://static.igem.org/mediawiki/2017/b/bf/T--IISER-Mohali-INDIA--teamslsh3.png" style="width:100%">
 +
  <img class="mySlides w3-animate-fading" src="https://static.igem.org/mediawiki/2017/1/16/T--IISER-Mohali-INDIA--teamslsh4.png" style="width:100%">
 +
  <img class="mySlides w3-animate-fading" src="https://static.igem.org/mediawiki/2017/d/db/T--IISER-Mohali-INDIA--teamslsh5.png" style="width:100%">
 +
  <img class="mySlides w3-animate-fading" src="https://static.igem.org/mediawiki/2017/6/6c/T--IISER-Mohali-INDIA--teamslsh6.png" style="width:100%">
 +
  <img class="mySlides w3-animate-fading" src="https://static.igem.org/mediawiki/2017/7/70/T--IISER-Mohali-INDIA--teamslsh7.png">
 +
  <img class="mySlides w3-animate-fading" src="https://static.igem.org/mediawiki/2017/0/0c/T--IISER-Mohali-INDIA--teamslsh8.png" style="width:100%">
 +
 
 +
 
 +
  <button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">&#10094;</button>
 +
  <button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">&#10095;</button>
 
</div>
 
</div>
  
  
  
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<section>
 +
<h2 class="team-title"><br />Sponsors</h2>
 +
<center>
 +
    <table width="90%"><tr><td width="18%"><img src="https://static.igem.org/mediawiki/2017/0/0c/T--IISER-Mohali-INDIA--dbt.jpg" ></td>
 +
<td width="18%"><img src="https://static.igem.org/mediawiki/2017/1/1c/T--IISER-Mohali-INDIA--isrlogo.jpg" width="100%"  ></td>
 +
<td width="18%"><img src="https://static.igem.org/mediawiki/2017/a/af/T--IISER-Mohali-INDIA--eppndrf.jpg"  width="100%"></td>
 +
<td width="18%"><img src="https://static.igem.org/mediawiki/2017/5/5f/T--IISER-Mohali-INDIA--biorad.png"  width="100%"></td>
 +
<td width="18%"><img src="https://static.igem.org/mediawiki/2017/a/a0/T--IISER-Mohali-INDIA--idt.png"  width="100%"></td>
 +
 +
<tr>      <td>Department of Biotechnology</td>
 +
<td>IISER Mohali</td>
 +
<td>Eppendorf</td>
 +
<td>Biorad</td>
 +
<td>Integrated DNA Technologies</td>
 +
</tr></table>
 +
</center>
 +
</section>
 +
<script>
 +
var slideIndex = 1;
 +
showDivs(slideIndex);
 +
 +
function plusDivs(n) {
 +
  showDivs(slideIndex += n);
 +
}
 +
 +
function showDivs(n) {
 +
  var i;
 +
  var x = document.getElementsByClassName("mySlides");
 +
  if (n > x.length) {slideIndex = 1}   
 +
  if (n < 1) {slideIndex = x.length}
 +
  for (i = 0; i < x.length; i++) {
 +
    x[i].style.display = "none"; 
 +
  }
 +
  x[slideIndex-1].style.display = "block"; 
 +
}
 +
</script>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 04:19, 14 December 2017

gEco '
Team



Core Team

Ashwin K. Jainarayanan
Team Co-Ordinator
Prateek Chawla
Nitish Tayal
Manisha Wadhwa
Bhupendar Singh Bhardwaj


Mentors

Prof. Anand K. Bachhawat
Primary PI
Dr. Rachna Chaba
Secondary PI
Dr. Kuljeet Singh Sandhu
Instructor
Prof. Somdatta Sinha
Advisor
Dr. Ram Yadav
Advisor
Dr. Sunil Patil
Advisor


Journey through the labs -


Sponsors

Department of Biotechnology IISER Mohali Eppendorf Biorad Integrated DNA Technologies