Difference between revisions of "Template:BioMarvel/footer"

Line 7: Line 7:
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
background-color: #f8fafc;
 
 
}
 
}
.mFooterImg{
+
 
 +
 
 +
@media screen and (max-width: 1079px){
 +
.bBox{
 +
width: 100%;
 +
height: 500px;
 +
}
 +
.sbox{
 +
width: 100%;
 +
height: 300px;
 +
}
 +
}
 +
 
 +
@media screen and (min-width: 1080px) {
 +
.bBox{
 +
width: 100%;
 +
height: 300px;
 +
}
 +
.sbox{
 +
width: 540px;
 +
height: 200px;
 +
float: left;
 +
position: relative;
 +
}
 +
}
 +
 
 +
 
 +
.sbtitle{
 +
width: 200px;
 +
height: 25px;
 +
background-color: #203864;
 +
}
 +
.sbtitle a{
 +
color: white;
 +
font-weight: bold;
 +
font-size: 16px;
 +
margin-left: 10px;
 +
}
 +
 
 +
.spimg{
 +
height: 60px;
 +
width: auto;
 +
float: left;
 +
margin: 8px;
 +
}
 +
 
 +
.footLogo{
 +
width: 150px;
 +
float: left;
 +
margin: 10px;
 +
}
 +
 
 +
.snBox{
 +
width: 230px;
 +
height: 200px;
 +
float: left;
 +
}
 +
 
 +
.snLogo{
 +
width: 25%;
 +
margin: 3%;
 +
margin-top: 30px;
 +
}
 +
 
 +
.snBox p{
 +
font-size: 15px;
 +
text-align: center;
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
}
 +
 
 +
.cpBox{
 
width: 100%;
 
width: 100%;
margin-left: auto;
+
height: 30px;
margin-right: auto;
+
background-color: #203864;
 +
text-align: center;
 +
}
 +
.cpBox p{
 +
font-size: 12px;
 +
color: white;
 +
padding-top: 5px;
 
}
 
}
 +
 
</style>
 
</style>
 
<body>
 
<body>
 
<div class="mFooter">
 
<div class="mFooter">
<img class="mFooterImg" src="https://static.igem.org/mediawiki/2018/9/90/T--Biomarvel--Footer.jpg">
+
<div class="bBox">
 +
<div class="sBox">
 +
<div class="sbtitle"><a>SPONSORS</a></div>
 +
<img class="spimg" src="https://static.igem.org/mediawiki/2018/d/d8/T--Biomarvel--sp1.png">
 +
<img class="spimg" src="https://static.igem.org/mediawiki/2018/8/89/T--Biomarvel--sp2.png">
 +
<img class="spimg" src="https://static.igem.org/mediawiki/2018/f/f1/T--Biomarvel--sp3.png">
 +
<img class="spimg" src="https://static.igem.org/mediawiki/2018/d/dd/T--Biomarvel--sp4.png">
 +
<img class="spimg" src="https://static.igem.org/mediawiki/2018/9/9c/T--Biomarvel--sp5.png">
 +
<img class="spimg" src="https://static.igem.org/mediawiki/2018/d/d0/T--Biomarvel--sp6.png">
 +
<img class="spimg" src="https://static.igem.org/mediawiki/2018/6/66/T--Biomarvel--sp7.jpg">
 +
</div>
 +
<div class="sBox">
 +
<div class="sbtitle"><a>SOCIAL NETWORK</a></div>
 +
<div><img class="footLogo" src="https://static.igem.org/mediawiki/2018/a/a9/T--Biomarvel--footlogo.png"> </div>
 +
<div class="snBox">
 +
<div>
 +
<a><img class="snLogo" src="https://static.igem.org/mediawiki/2018/b/b1/T--Biomarvel--fblogo.png"></a>
 +
<a><img class="snLogo" src="https://static.igem.org/mediawiki/2018/7/72/T--Biomarvel--twlogo.png"></a>
 +
<a><img class="snLogo" src="https://static.igem.org/mediawiki/2018/9/9b/T--Biomarvel--gglogo.png"></a>
 +
</div>
 +
<div>
 +
<p>#igem  #2018  #BioMarvel  #heart  #Biochip  #diagnosis</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="cpBox">
 +
<p>Copyright © 2018 By BioMarvel. All right reserved.</p>
 +
</div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 15:22, 29 September 2018

#igem #2018 #BioMarvel #heart #Biochip #diagnosis

Copyright © 2018 By BioMarvel. All right reserved.