Difference between revisions of "Team:UCL/Sponsors"

 
(31 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{CSS_UCL5}}
+
{{CSS_UCL6}}
 
<html>
 
<html>
 
+
<head>
<head>
+
<script src="https://cferdinandi.github.io/smooth-scroll/dist/js/smooth-scroll.js"></script>
 +
<script>
 +
smoothScroll.init({
 +
speed: 1000,
 +
easing: 'easeInOutCubic',
 +
offset: 0,
 +
updateURL: true,
 +
callbackBefore: function ( toggle, anchor ) {},
 +
callbackAfter: function ( toggle, anchor ) {}
 +
});
 +
</script>
 
<style>
 
<style>
  
.mailus {
+
#header2 {
text-align:center;
+
width: 100%;
margin-left:20%;
+
background-color: #000;
margin-right:20%;
+
min-height: 100%;
padding-left:10%;
+
height: auto;
padding-right:10%;
+
position: relative;
 +
margin: 0 auto;
 +
padding: 0;
 +
top: 0;
 +
vertical-align: middle;
 +
font-family: Raleway;
 +
letter-spacing: 1.1px; font-size: 13px;
 +
padding-bottom: 100px;
 +
}
 +
 
 +
 
 +
 
 +
#header2:before
 +
{
 +
content: "";
 +
background-image: url('https://static.igem.org/mediawiki/2015/d/d1/MG_9976.jpg');
 +
background-repeat: no-repeat;
 +
background-position: 0 0 0 0;
 +
  background-attachment: fixed !important;
 +
  -webkit-background-size: cover;
 +
  -moz-background-size: cover;
 +
  -o-background-size: cover;
 +
  background-size: cover;
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
-webkit-mask-image: -webkit-gradient(linear, 0 0, 0 2000, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0.4)));
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
margin: 0;
 +
padding: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
border: none;
 
}
 
}
  
#main {
+
 
padding-left: 10%;
+
#mobilebackground {
padding-right: 10%;
+
  background-image: url('https://static.igem.org/mediawiki/2015/9/94/UCL_MG_0797.jpg');
 +
    top: 0;
 +
    right: 0;
 +
    left: 0;
 +
    background-position: 0 0 0 0;
 +
position: fixed;
 +
    background-repeat: no-repeat;
 +
  -webkit-background-size: cover;
 +
  -moz-background-size: cover;
 +
  -o-background-size: cover;
 +
  background-size: cover;
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
display: none;
 +
width: 100%;
 +
height: 100%;
 +
padding: 0;
 +
margin: 0;
 +
 
 +
  }
 +
 
 +
 
 +
 
 +
#wrapper {width: 80%; height: 100%; background: none; margin: 0 auto; position: relative; padding: 0; padding-top: 80px; margin-bottom: 200px; overflow: auto;}
 +
 
 +
 
 +
 
 +
.bigtitle {width: 42%; top: 0; margin: 0 auto; font-size: 16px; background-image: url('https://static.igem.org/mediawiki/2015/e/e3/UCL_headercircle3.png'); text-align: center; line-height: 2;
 +
    background-position: top center;  background-repeat: no-repeat; background-size: contain; padding: 9%; position: relative; margin-bottom: 100px; color: #0a0111;}
 +
 
 +
.bigtitle a {color: #493C54; text-decoration: none;}
 +
 
 +
 
 +
#members { width: 100%; height: auto; position: relative;}
 +
 
 +
.memberwrapper {
 +
margin: 0 auto;
 +
margin-bottom: 50px;
 +
padding-top: 14px;
 +
padding-bottom:30px;
 +
padding-left: 14px;
 +
padding-right: 14px;
 +
width: 90%;
 +
position: relative;
 +
background: #fff;
 +
border-radius: 8px;
 +
height: auto;
 +
overflow: auto;
 +
opacity: 0.9;
 
}
 
}
  
@media (max-width:740px) {
+
 
 +
.memberwrapper h2 {font-size: 13px; text-decoration: none; border-bottom: 0px; display: block; background-color: #493C54; color: #fff; font-weight: bold; padding: 14px; letter-spacing: 4px; text-transform: uppercase; margin: 5px;}
 +
 
 +
 
 +
.portraitL {
 +
float: left;
 +
display: inline-block;
 +
width: 30%;
 +
opacity:1;
 +
 
 +
}
 +
 
 +
.portraitL img{
 +
padding: 5px;
 +
float: left;
 +
width: 100%;
 +
}
 +
 
 +
.memberdescriptionL {
 +
float: right;
 +
width: 65%;
 +
display: inline-block;
 +
padding: 0px;
 +
}
 +
 
 +
 
 
.portraitR {
 
.portraitR {
width:70%;
+
float: right;
height:70%;
+
display: inline-block;
margin-bottom:15px;
+
width: 30%;
float:none;
+
opacity:1;
 
}
 
}
 +
 +
.portraitR img{
 +
padding: 5px;
 +
float: right;
 +
width: 100%;
 +
}
 +
 
.memberdescriptionR {
 
.memberdescriptionR {
width:100%;
+
float: left;
height:100%;
+
width: 65%;
float:none;
+
display: inline-block;
margin-left:0px;
+
padding: 0px;
 
}
 
}
 +
 +
.bigtitle p {font-size: 15px;
 +
line-height: 1.6; letter-spacing: 1.2px;}
 +
 +
.memberwrapper p {
 +
text-align:justify;
 +
padding: 0 8px !important;
 +
font-size: 15px;
 +
line-height: 1.6;
 +
letter-spacing: 1.2px;
 +
color: #0a0111;
 +
margin: 0 !important;
 +
 
}
 
}
  
@media (max-width:520px) {
+
.titlecircle {width: 85%; margin: 0 auto; padding-top: 8%;}
.portraitR {
+
.title2 {font-size: 380%;}
width:100%;
+
 
height:100%;
+
 
 +
 
 +
.arrow {font-size: 50px;}
 +
 
 +
@media(max-width:1280px){
 +
.bigtitle {font-size: 15px;}
 +
.bigtitle {width: 50%;}
 +
 
 
}
 
}
 +
 +
 +
@media(max-width:1152px){
 +
 +
.bigtitle {font-size: 14px;}
 +
.bigtitle {width: 52%;}
 +
.titlecircle {width: 80%;}
 +
.portraitR, .portraitL {width: 43%;}
 +
.memberdescriptionL, .memberdescriptionR {width: 55%;}
 +
.memberdescriptionL p, .memberdescriptionR p {line-height: 1.5;}
 +
 
}
 
}
  
.memberwrapper {
+
 
height:200px;
+
@media(max-width:1024px){
 +
.bigtitle {width: 58%;}
 +
.titlecircle {padding-top: 10%; width: 75%;}
 +
.memberwrapper {padding: 18px;}
 +
#header2:before {background-image: none; }
 +
#header2 {background: none;}
 +
#mobilebackground {display: block;}
 +
 
 +
}
 +
 
 +
@media(max-width:960px){
 +
.bigtitle {font-size: 13px; width: 65%;}
 +
.arrow {font-size: 40px;}
 +
.memberdescriptionL, .memberdescriptionR  {width: 90%; display: inline; float: none;}
 +
.portraitR {margin-left: 20px; margin-bottom: -6px; width: 42%;}
 +
.portraitL {margin-right: 20px;  margin-bottom: -6px; width: 42%;}
 +
.memberdescriptionL p, .memberdescriptionR p {line-height: 1.6;}
 +
 
 
}
 
}
  
.portraitR {
+
 
float:right;
+
 
width:20%
+
 
 +
@media(max-width:850px){  
 +
 
 +
.bigtitle p {line-height: 1.7 !important; margin-top: -25px !important;}
 
}
 
}
  
.portraitR img{
+
@media(max-width:820px){
width:300px;
+
.titlecircle {padding-top: 4%;}
height:200px;}
+
}
 +
 
 +
 
 +
@media(max-width: 768px){
 +
 
 +
.bigtitle {width: 80%; font-size: 13px; padding: 14%; margin-left: -4%;}
 +
.bigtitle p { font-size: 14px; margin-top: -20px !important;}
 +
.titlecircle {width: 70%; padding-top: 8%;}
 +
.memberwrapper {width: 100%; margin-left: -3%;}
 +
 
  
.memberdescriptionR {
 
float:left;
 
width:75%;
 
align:left;
 
margin-top:20px;
 
text-align:justify;
 
 
}
 
}
 +
 +
 +
 +
 +
@media(max-width:670px){
 +
.bigtitle {margin-left: -4%;}
 +
#wrapper {width: 100%;}
 +
 +
.memberwrapper {width: 80%; margin: 0 auto; margin-bottom: 30px;}
 +
.memberwrapper p {font-size: 14px;}
 +
.bigtitle p { font-size: 14px; }
 +
.titlecircle {width: 65%;}
 +
 +
 +
 +
}
 +
 +
@media(max-width:640px){
 +
.arrow {font-size: 30px;}
 +
.titlecircle {width: 65%;}
 +
.portraitR, .portraitL {width: 50%;}
 +
}
 +
 +
 +
 +
@media(max-width:530px){
 +
.titlecircle {width: 75%;}
 +
.bigtitle {padding: 14%;}
 +
.memberdescriptionL p, .memberdescriptionR p {font-size: 13px; line-height: 1.5;}
 +
 +
}
 +
 +
@media(max-width: 480px) {
 +
 +
 +
 +
.bigtitle {padding: 13%;}
 +
.bigtitle p { font-size: 13px; text-align: center;}
 +
.titlecircle {width: 70%; padding-top: 0; }
 +
.portraitR, .portraitL {width: 97%; float: none; margin: 0 auto; padding-bottom: 10px; display: block;}
 +
.portraitR img, .portraitL img {float: none; padding: 0;}
 +
.memberdescriptionL, .memberdescriptionR {width: 98%; display: block; margin: 0 auto !important; padding: 0 !important;}
 +
.memberdescriptionL p, .memberdescriptionR p {font-size: 14px; line-height: 1.5;}
 +
 +
}
 +
 +
@media(max-width: 460px) {
 +
 +
.titlecircle {width: 75%;  padding-top: 0; margin-top: -4%;}
 +
.memberdescriptionL p, .memberdescriptionR p {font-size: 13px; line-height: 1.5; letter-spacing: 1;}
 +
}
 +
 +
@media(max-width: 420px) {
 +
 +
.titlecircle {width: 80%;  padding-top: 0; margin-top: -6%;}
 +
.title2 {font-size: 320%;}
 +
.bigtitle p {line-height: 1.5 !important;}
 +
 +
}
 +
 +
@media(max-width: 380px) {
 +
 +
.titlecircle {width: 80%;}
 +
.bigtitle p {font-size: 12px; }
 +
 +
 +
}
 +
 +
 +
@media(max-width: 360px) {
 +
 +
.titlecircle {width: 80%;}
 +
.bigtitle p {line-height: 1.3 !important;}
 +
.title2 {font-size: 280%;}
 +
}
 +
 +
  
 
</style>
 
</style>
+
</head>
</head>
+
<body>
+
  
<div id="main">
 
  
<h5>Sponsors</h5>
+
<div id="mobilebackground"></div>
<div style="height:50px"></div>
+
 
<div class="memberwrapper">
+
<div id="header2">
<h2>UCL Engineering</h2>
+
 
 +
<div id="wrapper">
 +
 
 +
<div class="bigtitle">
 +
<div class="titlecircle">
 +
 
 +
 
 +
<br>
 +
<span class="title2">Sponsors</span> <p style="margin-top: -30px; line-height: 2; text-align: center;">
 +
<br> <span class="arrow"> <a data-scroll data-options='{ "easing": "linear" }' href="#members" >&#x25BC; </a> </span>  </p> </div> </div>
 +
 
 +
<div id="members">
 +
 
 +
<div style="height: 100px"></div>
 +
 
 +
<div class="memberwrapper">
 +
<h2>UCL Engineering</h2>
 
<div class="portraitR">
 
<div class="portraitR">
 
<img src="https://static.igem.org/mediawiki/2015/1/1a/UCL_Eng_logo_2.png" style="width: 200px; height: auto; margin: 5px;" alt="UCL Eng logo"></div>
 
<img src="https://static.igem.org/mediawiki/2015/1/1a/UCL_Eng_logo_2.png" style="width: 200px; height: auto; margin: 5px;" alt="UCL Eng logo"></div>
Line 127: Line 396:
 
<div class="memberdescriptionR"><p>GATC Biotech is a German company specialist in DNA and RNA sequencing for academic and industrial partners worldwide. They are Europe’s leading service provider of DNA sequencing with more than 10,000 academics and industrial customers worldwide. GATC Biotech has sequenced more than 6 million samples, tens of thousands of bacterial, plant and other whole genomes as well as hundreds of whole human genomes.</p></div>
 
<div class="memberdescriptionR"><p>GATC Biotech is a German company specialist in DNA and RNA sequencing for academic and industrial partners worldwide. They are Europe’s leading service provider of DNA sequencing with more than 10,000 academics and industrial customers worldwide. GATC Biotech has sequenced more than 6 million samples, tens of thousands of bacterial, plant and other whole genomes as well as hundreds of whole human genomes.</p></div>
 
</div>
 
</div>
<div class="memberwrapper" style="height:240px;">
+
<div class="memberwrapper">
 
<h2>SnapGene</h2>
 
<h2>SnapGene</h2>
 
<div class="portraitR">
 
<div class="portraitR">
Line 137: Line 406:
 
<div class="portraitR">
 
<div class="portraitR">
 
<img src="https://static.igem.org/mediawiki/2015/6/6c/UCL_MW_logo_RGB.png" style="width: 200px; height: auto; margin: 5px;" alt="MathWorks"></div>
 
<img src="https://static.igem.org/mediawiki/2015/6/6c/UCL_MW_logo_RGB.png" style="width: 200px; height: auto; margin: 5px;" alt="MathWorks"></div>
<div class="memberdescriptionR"><p></p></div>
+
<div class="memberdescriptionR"><p>MathWorks is a company looking to improve the market by just sticking by the principle that the "right" answer does exist. They strive to measure themselves not just financially, but also by how well they are able to apply the principle of "Do the right thing" to everyday work. They plan to change the world and accelerate the pace of discovery in science and engineering by creating simple powerful software to allow researchers all over the world to make innovative solutions with a wide range of applications.</p></div>  
 
</div>
 
</div>
<div style="height:50px"></div>
+
<div class="memberwrapper">
<p class="mailus"><a href="mailto:ucligem2015@gmail.com">Want to become a sponsor? E-mail us!</a> </p>
+
<h2>Synthace</h2>
<div style="height:50px"></div>
+
<div class="portraitR">
</body>
+
<img src="https://static.igem.org/mediawiki/2015/b/b1/SYNTHACE.jpg" style="width: 200px; height: auto; margin: 5px;" alt="MathWorks"></div>
 +
<div class="memberdescriptionR"><p>Synthace is a company whose mission is to apply the best tools and working practices to hyperactive the bioeconomy by creating software tools that improve the productivity of bioengineering and developing robust, high yielding bioprocesses to make bio-based chemicals.</p></div>
 +
</div>
 +
  <div class="memberwrapper">
 +
<h2>Promega</h2>
 +
<div class="portraitR">
 +
<img src="https://static.igem.org/mediawiki/2015/c/c4/Promega.jpg" style="width: 200px; height: auto; margin: 5px;" alt="Promega"></div>
 +
<div class="memberdescriptionR"><p>Promega Corporation is a manufacturer of enzymes and other products for biotechnology and molecular biology with a portfolio covering the fields of genomics, protein analysis and expression, cellular analysis, drug discovery and genetic identity.</p></div>  
 +
</div>
 +
<div class="memberwrapper">
 +
<h2>Piktochart</h2>
 +
<div class="portraitR">
 +
<img src="https://static.igem.org/mediawiki/2015/9/9d/Logo-piktochart.svg" style="width: 200px; height: auto; margin: 5px;" alt="Piktochart"></div>
 +
<div class="memberdescriptionR"><p>Piktochart is an easy infographic design app. Their creators believe that simplicity is they key and that is why they decided to build a program that allows to create informative and engaging infographics in just three easy steps.</p></div>
 +
</div>
 +
</div>
 +
<!---
 +
 
 +
PROMEGA
 +
PIKTOCHART
 +
 
 +
-->
 +
 
 
</html>
 
</html>

Latest revision as of 11:54, 15 October 2015

'


Sponsors


UCL Engineering

UCL Eng logo

The UCL faculty of Engineering Sciences is one of eleven at UCL, and contains eleven departments itself that each specialise in training and research across a wide variety of disciplines. Using new pioneering and engaging techniques, the engineering sciences department is looking to produce scientist and researchers who have an international outlook and can mix together knowledge from multiple fields to produce solutions to current world problems.

BBSRC

BBSRC logo

The Biotechnology and Biological Sciences Research Council are one of seven councils in a group known as Research Councils UK (RCUK). BBSRC has a unique and central place in supporting the UK’s world-leading position in bioscience and aims to keep furthering scientific knowledge so as to start providing solutions to major challenges in the world today.

Wellcome Trust

Wellcome Trust logo

Wellcome trust are a charitable foundation dedicated to improving health by supporting bright minds across science, the humanities and social science. They do this by focusing on giving researchers the resources and freedom they need to pursue their goals, whilst also working to maximise the application of research and help in the development of new products.

IDT

IDT logo

Integrated DNA Technologies are the world’s largest supplier of custom nucleic acids serving the areas of academic research, biotechnology, clinical diagnostics and pharmaceutical development. Their mission is to enable discovery in biology and medicine by improving nucleic acid synthesis technology. IDT products are enabling scientist to test for new genetic diseases discover new drugs and develop new treatments models tailored to the specific needs of individual patients.

Biochemical Society

Biochemical Society logo

The Biochemical society exists to advance the molecular and cellular biosciences both as an academic discipline and to promote its impact on areas including biotechnology, agriculture and medicine. They try to achieve this through publications, journals, scientific meetings, educational activities, policy work, awards and grants to scientist and students. The Biochemical Society is one of five societies working at Charles Darwin House to try and strengthen biology as a subject by bringing the diverse skills, opinions and expertise of individual member societies together.

New England Biolabs

NEB logo

New England Biolabs produce and supply recombinant and native enzyme reagents for the life science research. ‘Created by scientists for scientists’, NEB is known for creating quality products and for helping to shape the bioscience research landscape by discovering, developing and supporting superior research reagents.

Genscript

Genscript logo

GenScript is the world’s leading biology research service company, internationally recognised as a leading Contract Research Organisation (CRO) specialising in biological research and early phase drug discovery. GenScript is the most cited biology CRO in the world with more than 9,000 peer-reviewed journals citing Gnescript services and products.

Slack

Slack logo

A messaging app for teams, Slack allows for an easy way for teams to talk, share files and bring all your tools to one place. Used by companies worldwide from NASA to BuzzFeed Slack brings team communication to the twenty first century modernising and simplifying everything into a fast and intuitive format.

GATC Biotech

GATC Biotech logo

GATC Biotech is a German company specialist in DNA and RNA sequencing for academic and industrial partners worldwide. They are Europe’s leading service provider of DNA sequencing with more than 10,000 academics and industrial customers worldwide. GATC Biotech has sequenced more than 6 million samples, tens of thousands of bacterial, plant and other whole genomes as well as hundreds of whole human genomes.

SnapGene

SnapGene logo

SnapGene is a molecular biology software company born out of frustration after seeing how many avoidable mistakes were being made because biologist still didn't know the full properties of the DNA molecules they were using. For the creators of SnapGene the solution to this problem was simple. A molecular biology program that is easier to use then pen and paper, and which would automatically produce records of all the data produced so that it could be seen and used by all. This is how SnapGene was initially thought up and it has already won major funding from NIH and is being used all around the world by various labs and molecular biologists alike.

MathWorks

MathWorks

MathWorks is a company looking to improve the market by just sticking by the principle that the "right" answer does exist. They strive to measure themselves not just financially, but also by how well they are able to apply the principle of "Do the right thing" to everyday work. They plan to change the world and accelerate the pace of discovery in science and engineering by creating simple powerful software to allow researchers all over the world to make innovative solutions with a wide range of applications.

Synthace

MathWorks

Synthace is a company whose mission is to apply the best tools and working practices to hyperactive the bioeconomy by creating software tools that improve the productivity of bioengineering and developing robust, high yielding bioprocesses to make bio-based chemicals.

Promega

Promega

Promega Corporation is a manufacturer of enzymes and other products for biotechnology and molecular biology with a portfolio covering the fields of genomics, protein analysis and expression, cellular analysis, drug discovery and genetic identity.

Piktochart

Piktochart

Piktochart is an easy infographic design app. Their creators believe that simplicity is they key and that is why they decided to build a program that allows to create informative and engaging infographics in just three easy steps.