Difference between revisions of "Team:UNOTT/Design"

Line 68: Line 68:
 
   text-align:center;
 
   text-align:center;
 
}
 
}
 
icon_descript {
 
  position: absolute;
 
  top: 10;
 
  bottom: 0;
 
  left: 0;
 
  right: 0;
 
  background: rgba(29, 106, 154, 0.72);
 
  color: #fff;
 
  visibility: hidden;
 
  opacity: 0;
 
 
 
  #icons:hover .icons_descript {
 
  visibility: visible;
 
}
 
 
 
</style>
 
</style>
 
</head>
 
</head>
  
 
<body>
 
<body>
 
 
<div id="icons">
 
<div id="icons">
   <figure>
+
   <figure><img src="https://www.iconexperience.com/_img/g_collection_png/standard/256x256/brain.png"><figcaption>Brainstorm</figcaption></figure>
    <img src="https://www.iconexperience.com/_img/g_collection_png/standard/256x256/brain.png" class="hover">
+
   <figure><img src="https://www.iconexperience.com/_img/g_collection_png/standard/256x256/dna.png"><figcaption>Plasmid Design</figcaption></figure>
    <figcaption>Brainstorm</figcaption>
+
 
+
</figure>
+
 
+
   <figure><img src="https://www.iconexperience.com/_img/g_collection_png/standard/256x256/dna.png"><figcaption>Plasmid Design</figcaption></figure><p class="icon_descript"> How to got to the idea of a synthetically generated biometric </p>
+
 
   <figure><img src="https://www.iconexperience.com/_img/g_collection_png/standard/128x128/key.png"><figcaption>Key. coli Design</figcaption></figure>
 
   <figure><img src="https://www.iconexperience.com/_img/g_collection_png/standard/128x128/key.png"><figcaption>Key. coli Design</figcaption></figure>
 
   <figure><img src="https://www.iconexperience.com/_img/g_collection_png/standard/256x256/window_key.png"><figcaption>Key Transport Design</figcaption></figure>
 
   <figure><img src="https://www.iconexperience.com/_img/g_collection_png/standard/256x256/window_key.png"><figcaption>Key Transport Design</figcaption></figure>

Revision as of 18:21, 28 August 2017

Brainstorm
Plasmid Design
Key. coli Design
Key Transport Design