Difference between revisions of "Team:AFCM-Egypt"

Line 11: Line 11:
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">   
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">   
 
</head>
 
</head>
 +
    <style>
 +
       
 +
.buttons {
 +
  display: table;
 +
  height: 100%;
 +
  width: 100%;
 +
}
 +
 +
p a {
 +
  background: rgba(255, 255, 255, 0);
 +
  border-bottom: 1px solid;
 +
  color: #fff;
 +
  line-height: 1.4;
 +
  padding: .25em;
 +
  text-decoration: none;
 +
}
 +
p a:hover {
 +
  background: white;
 +
  color: #E1332D;
 +
}
 +
 +
.btn {
 +
  color: #fff;
 +
  cursor: pointer;
 +
  display: block;
 +
  font-size: 16px;
 +
  font-weight: 400;
 +
  line-height: 45px;
 +
  margin: 0 auto 2em;
 +
  max-width: 160px;
 +
  position: relative;
 +
  text-decoration: none;
 +
  text-transform: uppercase;
 +
  vertical-align: middle;
 +
  width: 100%;
 +
}
 +
@media (min-width: 400px) {
 +
  .btn {
 +
    display: inline-block;
 +
    margin-right: 2.5em;
 +
  }
 +
  .btn:nth-of-type(even) {
 +
    margin-right: 0;
 +
  }
 +
}
 +
@media (min-width: 600px) {
 +
  .btn:nth-of-type(even) {
 +
    margin-right: 2.5em;
 +
  }
 +
  .btn:nth-of-type(5) {
 +
    margin-right: 0;
 +
  }
 +
}
 +
.btn:hover {
 +
  text-decoration: none;
 +
}
 +
.btn-5 {
 +
  border: 0 solid;
 +
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
 +
  outline: 1px solid;
 +
  outline-color: rgba(255, 255, 255, 0.5);
 +
  outline-offset: 0px;
 +
  text-shadow: none;
 +
  -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
 +
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
 +
}
 +
.btn-5:hover {
 +
  border: 1px solid;
 +
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
 +
  outline-color: rgba(255, 255, 255, 0);
 +
  outline-offset: 15px;
 +
  text-shadow: 1px 1px 2px #427388;
 +
}
 +
 +
        .dots {
 +
        height:13px;
 +
        width:13px;
 +
        display:inline-block;
 +
        padding:5px;
 +
        background-color:gray;
 +
        border-radius:50px;
 +
        cursor:pointer;
 +
        }
 +
        .adots {
 +
        background-color:#f70404;
 +
        }
 +
    </style>
 
<body>
 
<body>
 
<section class="header" id="header">
 
<section class="header" id="header">
Line 120: Line 207:
 
<h2 class='text-center' style='margin-bottom:30px'>AFCM-Egypt</h3>
 
<h2 class='text-center' style='margin-bottom:30px'>AFCM-Egypt</h3>
 
<h3 class='text-center'> We strive to excel</h4>
 
<h3 class='text-center'> We strive to excel</h4>
<a class='btn btn-sub text-center' href='http://www.afcm.ac.eg' target='_blank'>click here</a>
+
                <a href="http://www.afcm.ac.eg" class="btn btn-5">Hover</a>
 +
 
</div>
 
</div>
 
<div class='col-md-3'><img src="https://static.igem.org/mediawiki/2017/7/7b/AFCM_LOGO_PNG.png" alt="logo" style='width: 50%;float: right'></div>
 
<div class='col-md-3'><img src="https://static.igem.org/mediawiki/2017/7/7b/AFCM_LOGO_PNG.png" alt="logo" style='width: 50%;float: right'></div>

Revision as of 10:43, 17 October 2017

A F C M

OUR SPONSORS