Код:
<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Tauri' rel='stylesheet' type='text/css'> <style type="text/css"> .place {width:200px; height: 400px; background: url('http://sf.uploads.ru/Jmuh7.png'); -moz-border-radius: 150px; -webkit-border-radius: 150px; border-radius: 150px; border: 0px solid #4f4e57;} </style> <style type="text/css"> .hold {width:200px; height: 10px; padding: 10px; background-color: #f3efc0; border-radius: 0px 0px 20px 20px; border-bottom: 5px solid #308f94; text-align; justify; line-height: 95%; font-family: Tauri; color: transparent; font-size: 10px; transition-duration: 1.0s;-moz-transition-duration: 1.0s; -webkit-transition-duration: 1.0s; -o-transition-duration: 1.0s} .hold:hover {background: #f3efc0; opacity: 1.0; border-radius: 0px 0px 20px 20px; border-bottom: 5px solid #308f94; height: 200px; width: 200px; text-align; justify; line-height: 95%; font-family: Tauri; color: #4f4e57; font-size: 10px; overflow: auto} </style> <style type="text/css"> .hold1 {width:200px; height: 10px; padding: 10px; background-color: #f3efc0; border-radius: 0px 0px 20px 20px; border-bottom: 5px solid #308f94; text-align; justify; line-height: 95%; font-family: Tauri; color: transparent; font-size: 10px; transition-duration: 1.0s;-moz-transition-duration: 1.0s; -webkit-transition-duration: 1.0s; -o-transition-duration: 1.0s} .hold1:hover {background: #f3efc0; opacity: 1.0; border-radius: 0px 0px 20px 20px; border-bottom: 5px solid #308f94; height: 200px; text-align; justify; line-height: 95%; font-family: Tauri; color: #4f4e57; font-size: 10px; overflow: auto} </style> <style type="text/css"> .hold2 {width:200px; height: 10px; padding: 10px; background-color: #f3efc0; border-radius: 0px 0px 20px 20px; border-bottom: 5px solid #308f94; text-align; justify; line-height: 95%; font-family: Tauri; color: transparent; font-size: 10px; transition-duration: 1.0s;-moz-transition-duration: 1.0s; -webkit-transition-duration: 1.0s; -o-transition-duration: 1.0s;} .hold2:hover {background: #f3efc0; opacity: 1.0; border-radius: 0px 0px 20px 20px; border-bottom: 5px solid #308f94; height: 200px; text-align; justify; line-height: 95%; font-family: Tauri; color: #4f4e57; font-size: 10px; overflow: auto} </style> <center> <div style="width:480px; padding: 10px; background: url('http://lenagold.ru/fon/flo/gel/gelflow42.jpg'); border-radius: 50px 50px 50px 50px;"> <div style="width:440px; padding: 10px; background-color: #91b6ee; border-radius: 50px 50px 50px 50px; border: 0px solid #4f4e57"> <table><td> <div class="place"></div></div></td> <td> <div style="font-family: Rochester; font-size: 25px; color: #f1efda; text-shadow: 1px 1px 1px #000000; text-align: center">Information</div> <div class="hold">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit.</div></div><br> <div style="font-family: Rochester; font-size: 25px; color: #f1efda; text-shadow: 1px 1px 1px #000000; text-align: center">Faces</div> <div class="hold1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit.</div></div><br> <div style="font-family: Rochester; font-size: 25px; color: #f1efda; text-shadow: 1px 1px 1px #000000; text-align: center">Lovers</div> <div class="hold2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam condimentum fermentum interdum. Praesent lobortis felis consectetur tortor lacinia vitae mollis metus hendrerit.</div></div></td></tr></table> </center>