Difference between revisions of "Main Page"

From Matrix Wiki
Jump to: navigation,
Line 94: Line 94:
  
 
{| style="width: 100%;"
 
{| style="width: 100%;"
! style="text-align:center;"|[[File:TELECOM BANNER.jpg|Telecom]]
+
 
 +
! style="text-align:center;"|  
 +
 
 +
<html>
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<style>
 +
.container {
 +
  position: relative;
 +
  width: 50%;
 +
}
 +
 
 +
.image {
 +
  display: block;
 +
  width: 100%;
 +
  height: auto;
 +
}
 +
 
 +
.overlay {
 +
  position: absolute;
 +
  bottom: 100%;
 +
  left: 0;
 +
  right: 0;
 +
  background-color: #008CBA;
 +
  overflow: hidden;
 +
  width: 100%;
 +
  height:0;
 +
  transition: .5s ease;
 +
}
 +
 
 +
.container:hover .overlay {
 +
  bottom: 0;
 +
  height: 100%;
 +
}
 +
 
 +
.text {
 +
  color: white;
 +
  font-size: 20px;
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
  -webkit-transform: translate(-50%, -50%);
 +
  -ms-transform: translate(-50%, -50%);
 +
  transform: translate(-50%, -50%);
 +
  text-align: center;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
 
 +
<div class="container">
 +
  <img src="" alt="Avatar" class="image">
 +
  <div class="overlay">
 +
    <div class="text">Hello World</div>
 +
  </div>
 +
</div>
 +
 +
</body>
 +
</html>
 
! style="text-align:center;"|[[File:IPVS Banner .jpg|IPVS]]  
 
! style="text-align:center;"|[[File:IPVS Banner .jpg|IPVS]]  
 
! style="text-align:center;"|[[File:ACTA.jpg|ACTA]]
 
! style="text-align:center;"|[[File:ACTA.jpg|ACTA]]

Revision as of 14:47, 23 August 2021

MATRIX


Avatar
Hello World

IPVS ACTA

Instructions


Retrieved from "https://wiki.matrixcomsec.com/index.php?title=Main_Page&oldid=6267"