Код:
<!--HTML--> <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Lora&subset=latin,cyrillic' rel='stylesheet' type='text/css'> <style> #description { background: #efeeec; background-image: url(http://img01.deviantart.net/5e6e/i/2010/201/8/a/rice_paper_texture_by_maplerose_stock.jpg); width: 500px; height: 370px; position: relative; } #description1 { background: #7f8084; width: 470px; height: 70px; position: relative; top: 20px; left: -270px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #description2 { background: #afb2b7; width: 220px; height: 50px; position: relative; top: 30px; left: -200px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #description3 { background: #d7d8da; width: 170px; height: 50px; position: relative; top: 20px; left: -200px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #description4 { background: #f3f3f3; width: 370px; height: 85px; position: relative; top: 40px; left: -230px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } #description5 { width: 300px; height: 300px; position: relative; top: -243px; left: 100px; } #names_1 { font-family: 'Open Sans Condensed', sans-serif; color: #f3f3f3; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7); font-size: 30px; text-align: center; position: relative; vertical-align: middle; } #names_2 { font-family: 'Lora', serif; color: #262526; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); font-size: 20px; text-align: center; position: relative; line-height: 20px; } #names_3 { font-family: 'Lora', serif; color: #262526; font-size: 13px; padding: 7px; margin: 7px; position: relative; text-align: justify; } </style> <center> <div id="description"><br> <div id="names_2">They say <b><i>pain is an illusion</i></b>, this is just a bruise and<br> You are just confused but <b><i>I am only human</i></b></div> <div id="description1"> <div id="names_1"><font size=33px>Milana Scott & Ezra Donovan</font></div> </div> <div id="description2"> <div id="names_1">Keller's villa</div> </div> <div id="description3"> <div id="names_1">12 Oct 2016</div> </div> <div id="description4"> <div id="names_3">сколько времени прошло с момента нашего знакомства? сколько мы не виделись?<br> ты помнишь нашу первую встречу? а последнюю?<br> эту ты тоже запомнишь.</div> </div> <div id="description5"> <img width=245px src="http://66.media.tumblr.com/df204f4e39363254ef1e51c82985e53b/tumblr_nkw7i8IBVk1rj4v9oo4_r2_250.gif"></img><br> <img width=245px src="http://66.media.tumblr.com/0d14378d3fd841f60671efd4c93ed44d/tumblr_inline_nvoonrrAX51tydw0x_500.gif"></img> </div> </div> </div> <div><center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="490" height="10"> <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /> <param name="bgcolor" value="#000000" /> <param name="FlashVars" value="mp3=http://my-files.ru/Save/j48q0t/Krewella_-_Human_(www.primemusic.ru).mp3" /> </object></center></div> </center>