Aymanshafei (Talk | contribs) |
Aymanshafei (Talk | contribs) |
||
Line 124: | Line 124: | ||
background-color: #f70404; | background-color: #f70404; | ||
} | } | ||
+ | .btn { | ||
+ | margin-right: 4px; | ||
+ | margin-bottom: 4px; | ||
+ | font-family: "Raleway", Arial, sans-serif; | ||
+ | font-size: 16px; | ||
+ | font-weight: 400; | ||
+ | -webkit-border-radius: 30px; | ||
+ | -moz-border-radius: 30px; | ||
+ | -ms-border-radius: 30px; | ||
+ | border-radius: 30px; | ||
+ | -webkit-transition: 0.5s; | ||
+ | -o-transition: 0.5s; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | .btn-primary { | ||
+ | background: #02A5E6; | ||
+ | color: #fff; | ||
+ | border: 2px solid #02A5E6; | ||
+ | } | ||
+ | .btn-outline { | ||
+ | background: none; | ||
+ | border: 2px solid gray; | ||
+ | font-size: 16px; | ||
+ | -webkit-transition: 0.3s; | ||
+ | -o-transition: 0.3s; | ||
+ | transition: 0.3s; | ||
+ | } | ||
+ | .btn-outline:hover, .btn-outline:focus, .btn-outline:active { | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn.with-arrow { | ||
+ | position: relative; | ||
+ | -webkit-transition: 0.3s; | ||
+ | -o-transition: 0.3s; | ||
+ | transition: 0.3s; | ||
+ | } | ||
+ | .btn.with-arrow i { | ||
+ | visibility: hidden; | ||
+ | opacity: 0; | ||
+ | position: absolute; | ||
+ | right: 0px; | ||
+ | top: 50%; | ||
+ | margin-top: -8px; | ||
+ | -webkit-transition: 0.2s; | ||
+ | -o-transition: 0.2s; | ||
+ | transition: 0.2s; | ||
+ | } | ||
+ | .btn.with-arrow:hover { | ||
+ | padding-right: 50px; | ||
+ | } | ||
+ | .btn.with-arrow:hover i { | ||
+ | color: #fff; | ||
+ | right: 18px; | ||
+ | visibility: visible; | ||
+ | opacity: 1; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
Line 219: | Line 276: | ||
<h3 class='text-center'> | <h3 class='text-center'> | ||
A Culture of Discipline and Innovation</h3> | A Culture of Discipline and Innovation</h3> | ||
− | <a href="http://www.afcm.ac.eg" class="btn btn- | + | <a href="http://www.afcm.ac.eg/" class="btn btn-primary btn-outline with-arrow" target="_blank"> click here <i class="icon-arrow-right"></i></a></div> |
</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 13:00, 27 October 2017
Abstract