Код:
<!--HTML--> <link rel="stylesheet" href="https://forumstatic.ru/files/0011/e0/60/64151.css?v=3"> <div class="jfb"> <!-- ШАПКА --> <img src="https://placehold.it/550x200" class="jcover"> <!-- АВАТАР --> <a href="http://cttw.jcink.net/index.php?showuser=6"><img src="https://placehold.it/100" class="jprofile"></a> <div class="jfbtabbar"> </div> <div class="jfbtabcontainer"> <div class="jfbtab"> <input type="radio" id="jtimeline" name="jfbgroup-1" checked> <label for="jtimeline"> Timeline </label> <div class="jfcontent"> <div class="jffloatleft jffloattall"> <div class="jfbpost"> <div class="jfbpostmain"> <!-- МЕСТО РАБОТЫ, ПРОЖИВАНИЯ И ТД --> Works at <span>place</span><br><br> Went to <span>University</span><br><br> Lives in <span>City, Province</span><br><br> From <span>City, Province</span> </div> </div> </div> <div class="jfbscroll jfbnarrow jffloattall" style="padding: 10px;"> <div class="jfbpost"> <div class="jfbpostmain"> <!-- АВАТАР В ПОСТЕ, ТЕКСТ ПОСТА, ИМЯ АВТОРА, ДАТА --> <img src="http://placehold.it/50" class="jpostimage"> <h5>Name <span>Sunday, May 5th</span> </h5> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur et enim id mollis. Mauris a felis molestie, maximus lorem id, molestie libero. Cras tempor ultrices fermentum. Integer et fringilla ante. Sed nisi arcu, commodo id faucibus luctus, pellentesque et est. <div class="jfblike">Like • Comment • Share</div></div> <div class="jfblike2">4 people like this</div> </div> <div class="jfbpost"> <div class="jfbpostmain"> <!-- АВАТАР В ПОСТЕ, ТЕКСТ ПОСТА, ИМЯ АВТОРА, ДАТА --> <img src="http://placehold.it/50" class="jpostimage"> <h5>Name <span>Sunday, May 5th</span> </h5> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <!-- ФОТО В ПОСТЕ --> <img src="http://placehold.it/400x200" class="jpostimage"> <div class="jfblike">Like • Comment • Share</div></div> <!-- КОЛИЧЕСТВО ЛАЙКОВ --> <div class="jfblike2">4 people like this</div> </div> <div class="jfbpost"> <div class="jfbpostmain"> <!-- АВАТАР В ПОСТЕ, ТЕКСТ ПОСТА, ИМЯ АВТОРА, ДАТА --> <img src="http://placehold.it/50" class="jpostimage"> <h5>Name <span>Sunday, May 5th</span> </h5> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur et enim id mollis. Mauris a felis molestie, maximus lorem id, molestie libero. Cras tempor ultrices fermentum. Integer et fringilla ante. Sed nisi arcu, commodo id faucibus luctus, pellentesque et est. <div class="jfblike">Like • Comment • Share</div></div> <div class="jfblike2">4 people like this</div> </div> </div> </div> </div> <div class="jfbtab"> <input type="radio" id="jabout" name="jfbgroup-1"> <label for="jabout"> About </label> <div class="jfcontent"> <div class="jfbwide"> <h1>About</h1> <div class="jffloatleft"> <h6>Overview</63> <h6>Work and Education</h6> <h6>Contact and Basic Info</h63> <h6>Family and Relationship</h63> <h6>Details About You</h63> <h6>Life Events</h6> </div> <div class="jfbscroll jfbnarrow"> <!-- ЛИЧНАЯ ИНФОРМАЦИЯ --> <h4>about you</h4> <p>Write a blurb about yourself here! <h4>current city and hometown</h4> <p>Currently living in <span>City</span></p> <p>Born in <span>City</span></p> <h4>family</h4> <p>List any family you have</p> <h4>relationship</h4> <p>♥ <span>single</span></p> <h4>work</h4> <p>Jan 2015 - present, <span>Workplace</span> </div> </div> </div> </div> <div class="jfbtab"> <input type="radio" id="jfriends" name="jfbgroup-1"> <label for="jfriends"> Friends </label> <div class="jfcontent"> <div class="jfbwide"> <h1>Friends</h1> <div class="jfbscroll"> <!-- ФОТО ДРУЗЕЙ --> <div class="jfbfriend"> <img src="http://placehold.it/80"> <h2>first last</h2> </div> <div class="jfbfriend"> <img src="http://placehold.it/80"> <h2>first last</h2> </div> <div class="jfbfriend"> <img src="http://placehold.it/80"> <h2>first last</h2> </div> <div class="jfbfriend"> <img src="http://placehold.it/80"> <h2>first last</h2> </div> <div class="jfbfriend"> <img src="http://placehold.it/80"> <h2>first last</h2> </div> <div class="jfbfriend"> <img src="http://placehold.it/80"> <h2>first last</h2> </div> <div class="jfbfriend"> <img src="http://placehold.it/80"> <h2>first last</h2> </div> <div class="jfbfriend"> <img src="http://placehold.it/80"> <h2>first last</h2> </div> <div class="jfbfriend"> <img src="http://placehold.it/80"> <h2>first last</h2> </div> <div class="jfbfriend"> <img src="http://placehold.it/80"> <h2>first last</h2> </div> <div class="jfbfriend"> <img src="http://placehold.it/80"> <h2>first last</h2> </div> </div> </div> </div> </div> <div class="jfbtab"> <input type="radio" id="jphoto" name="jfbgroup-1"> <label for="jphoto"> Photos </label> <div class="jfcontent"> <div class="jfbwide"> <h1>Photos</h1> <div class="jfbscroll jfbphotos"> <!-- ЛИЧНЫЕ ФОТО --> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> <img src="http://placehold.it/100"> </div></div></div></div></div></div>
- Подпись автора
⎯⎯⎯⎯⎯⎯⎯⎯ only in my darkest moments can i see the light
I T H I N K I ' M P R O N E T O G E T T I N G B L I N D E D W H E N I T ' S B R I G H T
well, this december, i'll remember ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯