Difference between revisions of "Team:Manchester/Demonstrate"

Line 5: Line 5:
  
 
<style>
 
<style>
 
html {
 
  background-color: #fff8e6!important;
 
  margin: 0px!important
 
}
 
  
 
body {
 
body {
  background-color: #fff8e6!important;
+
    background-color:;
  margin: 0px!important;
+
    overflow-x: hidden
 
}
 
}
  
 
+
.col-md-4 img {
h4 {
+
   width: 60vw;
   font-size: 35px!important;
+
   display: block;
   font-weight: 400;
+
   margin-left: auto;
   font-family: 'Calibri'!important;
+
   margin-right: auto
   padding: 2%!important;
+
  text-align: center;
+
 
}
 
}
  
h2 {
+
.displaybox {
  font-size: 40px!important;
+
    padding-top: 10px;
  font-weight: 400;
+
    display: block;
  font-family: 'Calibri'!important;
+
    min-height: 40vh;
  padding: 2%!important;
+
    border: 3px solid transparent;
  text-align: center;
+
    border-radius:;
 +
    width: 100vw!important;
 +
    overflow-x: hidden;
 +
    opacity: 1.0;
 +
    -webkit-transition: 0.3s ease-in-out;
 +
    -moz-transition: 0.3s ease-in-out;
 +
    -ms-transition: 0.3s ease-in-out;
 +
    -o-transition: 0.3s ease-in-out;
 +
    transition: 0.3s ease-in-out
 
}
 
}
  
h3 {
+
.sectionfirst {
   font-size: 20px!important;
+
   margin-top: 80px!important;
   padding: 2%!important;
+
   padding-top: 10vh
  background: #ffaaaa!important;
+
  color: #111;
+
  border: 1px solid #ff9f9f;
+
  border-radius: .25em;
+
  text-align: justify;
+
  text-justify: inter-word;
+
 
}
 
}
  
p {
+
</style>
  text-align: justify;
+
  text-justify: inter-word;
+
  font-family: 'Calibri', sans-serif;
+
}
+
  
 +
</head>
  
.col-md-4 img {
+
<body>
  display: block;
+
  height: 400px;
+
  max-width: 400px;
+
  margin: 0px auto;
+
  opacity: 1;
+
  transition: 0.3s ease-in-out;
+
}
+
  
.col-md-4 img:hover {
+
<div class="sectionfirst displaybox" style="background-color: #666">
  opacity: 0.7;
+
    <div class="col-centered" >
}
+
      <center>
 +
        <h2><font color="#fff">Demonstrate</font></h2>
 +
      </center> 
 +
    </div>
 +
</div>
  
</style>
+
<div class="displaybox" style="background-color: #fff">
 +
<div class="container">
 +
  <div class="col-md-12 text-justify col-centered">
 +
  <center>
 +
    <h3><font color="#111">Microscopy</font></specialh3>
 +
    <hr class="dark">
 +
  </center>
 +
  <div class="col-md-12 text-justify">
 +
<p><font color="#111">
  
</head>
 
<body>
 
  
  

Revision as of 19:19, 29 October 2017

Demonstrate

Microscopy