(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | {{Lubbock_TTU}} | ||
+ | <html> | ||
+ | <!-- Card CSS --!> | ||
+ | <style> | ||
+ | .card { | ||
+ | box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); | ||
+ | transition: 0.3s; | ||
+ | } | ||
+ | |||
+ | .card:hover { | ||
+ | box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); | ||
+ | } | ||
+ | |||
+ | .container { | ||
+ | padding: 2px 16px; | ||
+ | } | ||
+ | |||
+ | <!-- CSS for Rounded Corners --!> | ||
+ | .card { | ||
+ | box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); | ||
+ | transition: 0.3s; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | .card:hover { | ||
+ | box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); | ||
+ | } | ||
+ | |||
+ | img { | ||
+ | border-radius: 5px 5px 0 0; | ||
+ | } | ||
+ | |||
+ | .container { | ||
+ | padding: 2px 16px; | ||
+ | } | ||
+ | <!-- End of CSS for Rounded Corners --!> | ||
+ | |||
+ | </style> | ||
+ | <!-- End of Card CSS --!> | ||
+ | |||
+ | <!-- Card HTML --!> | ||
+ | <div class="card"> | ||
+ | <img src="img_avatar.png" alt="Avatar" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h4><b>John Doe</b></h4> | ||
+ | <p>Architect & Engineer</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- End of Card HTML --!> | ||
+ | |||
+ | </html> |
Revision as of 20:01, 7 July 2016
John Doe
Architect & Engineer