Difference between revisions of "Team:NUS Singapore-A/HP/shadow/IntegratedHP"

(Created page with "thnthnh")
 
Line 1: Line 1:
−
thnthnh
+
{{NUS_Singapore-A}}
 +
<html>
 +
 
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.7/vue.js"></script>
 +
<script src="https://rawgit.com/Wlada/vue-carousel-3d/master/dist/vue-carousel-3d.min.js"></script>
 +
</head>
 +
 
 +
<style>
 +
/****************************NEW CAROUSEL**********************************/
 +
.carousel-3d-slide {
 +
      height: auto !important;
 +
      background-color: rgba(0, 0, 0, 0.25) !important;
 +
    }
 +
/**************************END OF NEW CAROUSEL********************************/
 +
 
 +
* {box-sizing: border-box;}
 +
body {font-family: Verdana, sans-serif;}
 +
.mySlides {display: none;}
 +
img {vertical-align: middle;}
 +
 
 +
/* Slideshow container */
 +
.slideshow-container {
 +
  max-width: 1000px;
 +
  position: relative;
 +
  margin: auto;
 +
}
 +
 
 +
/* Caption text */
 +
.text {
 +
  color: #f2f2f2;
 +
  font-size: 15px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  bottom: 8px;
 +
  width: 100%;
 +
  text-align: center;
 +
}
 +
/* Number text (1/3 etc) */
 +
.numbertext {
 +
  color: #f2f2f2;
 +
  font-size: 12px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  top: 0;
 +
}
 +
 
 +
/* The dots/bullets/indicators */
 +
.dot {
 +
  height: 15px;
 +
  width: 15px;
 +
  margin: 0 2px;
 +
  background-color: #bbb;
 +
  border-radius: 50%;
 +
  display: inline-block;
 +
  transition: background-color 0.6s ease;
 +
}
 +
 
 +
.active {
 +
  background-color: #717171;
 +
}
 +
 
 +
/* Fading animation */
 +
.fade {
 +
  -webkit-animation-name: fade;
 +
  -webkit-animation-duration: 1.5s;
 +
  animation-name: fade;
 +
  animation-duration: 1.5s;
 +
}
 +
 
 +
@-webkit-keyframes fade {
 +
  from {opacity: .4}
 +
  to {opacity: 1}
 +
}
 +
 
 +
@keyframes fade {
 +
  from {opacity: .4}
 +
  to {opacity: 1}
 +
}
 +
 
 +
/* On smaller screens, decrease text size */
 +
@media only screen and (max-width: 300px) {
 +
  .text {font-size: 11px}
 +
}
 +
.mySlides{
 +
  text-align: center;
 +
}
 +
</style>
 +
 
 +
 
 +
<body>
 +
 
 +
<div class="inner-border" style="border-top:none;">
 +
 
 +
<div style="text-align: center; margin-bottom: -24px;">
 +
  <img src="https://static.igem.org/mediawiki/2018/f/fd/T--NUS_Singapore-A--IHP_header.png" alt="Collaboration Header" style="width:50%;">
 +
</div>
 +
 
 +
<div id="carousel">
 +
  <carousel-3d :autoplay="true" :autoplay-timeout="2400">
 +
    <slide :index="0"><img src="https://static.igem.org/mediawiki/2018/7/7e/T--NUS_Singapore-A--Collabration1.jpg"/></slide>
 +
    <slide :index="1"><img src="https://static.igem.org/mediawiki/2018/6/62/T--NUS_Singapore-A--Collabration2.jpg"/></slide>
 +
    <slide :index="2"><img src="https://static.igem.org/mediawiki/2018/3/3b/T--NUS_Singapore-A--Collabration3.jpg"/></slide>
 +
    <slide :index="3"><img src="https://static.igem.org/mediawiki/2018/b/b7/T--NUS_Singapore-A--Collabration4.jpg"/></slide>
 +
    <slide :index="4"><img src="https://static.igem.org/mediawiki/2018/3/37/T--NUS_Singapore-A--Collabration5.jpg"/></slide>
 +
  </carousel-3d>
 +
</div>
 +
 
 +
<script>
 +
 
 +
new Vue({
 +
  el: '#carousel',
 +
  data: {
 +
    slides: 4
 +
  },
 +
  components: {
 +
    'carousel-3d': Carousel3d.Carousel3d,
 +
    'slide': Carousel3d.Slide
 +
  }
 +
})
 +
 
 +
</script>
 +
 
 +
</html>
 +
{{:Team:NUS_Singapore-A/Templates/Footer}}

Revision as of 15:54, 6 September 2018

CONNECT WITH US
Collaboration Header


HEAR OUR STORY

We’re using synthetic biology to change the way the world thinks and functions.

We’re a little disruptive, dangerous and maybe a tad too bold. But the world needs some shaking up every now and then, and we think we’re just the right people for that.

Together we’re going to engineer biology and create something awesome.

CONTACT US

nusigem@gmail.com

21 Lower Kent Ridge Rd, Singapore 119077