Line 257: | Line 257: | ||
.bottom span{ | .bottom span{ | ||
line-height:25px; | line-height:25px; | ||
+ | } | ||
+ | |||
+ | #contact{ | ||
+ | position: absolute; | ||
+ | top:640px; | ||
+ | left:60px; | ||
+ | border-radius: 15px; | ||
+ | width: 90%; | ||
+ | height:320px; | ||
+ | background:rgba(255,255,255,0.4); | ||
+ | /* border: 2.5px solid rgba(0,0,0,0.7);*/ | ||
+ | z-index: 5; | ||
+ | text-align: center; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #contact h3{ | ||
+ | font-size: 22px; | ||
+ | margin-bottom: 0px; | ||
+ | color : #826767; | ||
+ | } | ||
+ | |||
+ | #contact span{ | ||
+ | margin-top: -15px; | ||
+ | font-size: 19px; | ||
+ | color : #896e6e; | ||
+ | } | ||
+ | |||
+ | |||
+ | #contact img{ | ||
+ | margin-top: -135px; | ||
+ | transition: all 0.4s; | ||
+ | } | ||
+ | |||
+ | #contact img:hover{ | ||
+ | transform: scale(1.15); | ||
+ | transition: all 0.4s; | ||
+ | } | ||
+ | |||
+ | .ant { | ||
+ | position: absolute; | ||
+ | top:620px; | ||
+ | left:990px; | ||
+ | z-index: 9; | ||
+ | transform: rotate(-90deg); | ||
} | } | ||
</style> | </style> | ||
Line 325: | Line 370: | ||
<div class="bottom"> | <div class="bottom"> | ||
<span>Alpha ant is a computational tool for pathway design and reconstruction. With full consideration of metabolic burden and some useful functions, we provide an efficient and powerful pathway design guide.</span> | <span>Alpha ant is a computational tool for pathway design and reconstruction. With full consideration of metabolic burden and some useful functions, we provide an efficient and powerful pathway design guide.</span> | ||
+ | |||
+ | <div id="contact"> | ||
+ | <h3>CONTACT</h3> | ||
+ | <span></span> | ||
+ | <hr align=center width=60% color=#896e6e size=1> | ||
+ | <h3>ADDRESS</h3> | ||
+ | <span>1239# Siping Road</br>Tongji University,Shanghai China</span> | ||
+ | <h3>GET IN TOUCH</h3> | ||
+ | <a href=""><img src="img/facebook2.png" width="5%"></a> | ||
+ | </div> | ||
+ | <img class="ant" src="img/ant2.png" width="9%"> | ||
</div> | </div> | ||
</body> | </body> |
Revision as of 06:15, 8 October 2018
A
L
P
h
A
A
N
T