Jump to content
  • Simplicity

       (2 reviews)

    This is a super simple kind of template.  Everything is self-explanatory! 


    Actual Template Not Responsive

    Lorem ipsum dolor sat amet, consectetur adipisicing elat, sed do eiusmod teapor incididunt ut labore et dolore magna jciqua. Ut enim ad minim veniam, quis nostrud exercatation ullamco laboris nisi ut jciquip ex ea commodo consequat. "Duis aute irure dolor in reprehenderat in voluptate velat esse cillum dolore eu fugiat nulla pariatur." Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollat anim id est laborum. Lorem ipsum dolor sat amet, consectetur adipisicing elat, sed do eiusmod teapor incididunt ut labore et dolore magna jciqua. Ut enim ad minim veniam, quis nostrud exercatation ullamco laboris nisi ut jciquip ex ea commodo consequat.

    Lorem ipsum dolor sat amet, consectetur adipisicing elat, sed do eiusmod teapor incididunt ut labore et dolore magna jciqua. Ut enim ad minim veniam, quis nostrud exercatation ullamco laboris nisi ut jciquip ex ea commodo consequat. "Duis aute irure dolor in reprehenderat in voluptate velat esse cillum dolore eu fugiat nulla pariatur." Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollat anim id est laborum. Lorem ipsum dolor sat amet, consectetur adipisicing elat, sed do eiusmod teapor incididunt ut labore et dolore magna jciqua. Ut enim ad minim veniam, quis nostrud exercatation ullamco laboris nisi ut jciquip ex ea commodo consequat.

    Template code

    <style>
    .thread_background {background-color:#0e0e0e; width: 450px;}
    .posting_thread {width: 400px;}
    .post_content {width: 400px;  padding: 5px; text-align: justify; font-size: 12px; font-family: calibri;}
    .post_content t {color: #3d9494;}
    .post_info {width: 150px; padding: 5px; text-transform: uppercase; line-height: 100%;}
    .post_info h1 {background-color: #0a0a0a; font-size: 9px; text-transform: uppercase; color: #999; padding: 5px; text-align: center;}
    .post_info h2 { font-size: 10px; text-transform: lowercase;  padding: 5px; font-style: italic; margin-left: 5px; margin-top: -5px; font-weight: 300; text-align: justify; }
    .post_img {width: 100px;}
    .post_img img {width: 100px; height: 100px; border-radius: 55px; border: 5px solid #0a0a0a; filter: gray; -webkit-filter: grayscale(1);}
    .post_name {letter-spacing: 7px; color: #0e0e0e; font-size: 25px; text-transform: uppercase; text-align: center; font-family: oswald;}
    </style>
     
    <div align="center"><div class="thread_background">
    <table class="posting_thread"><tr>
    <td class="post_img">
     <img src="http://placehold.it/100x100.png"></td> 
     
    <td class="post_info"><h1>TAG: NAME</h1>
    <h2> notes go here for ya know note taking stuff</h2>
    <h1> Time/Location</h1></td></tr></table>
     
     
     
    <div class="post_content">Lorem ipsum dolor sat amet, consectetur adipisicing elat, sed do eiusmod teapor incididunt ut labore et dolore magna jciqua. Ut enim ad minim veniam, quis nostrud exercatation ullamco laboris nisi ut jciquip ex ea commodo consequat. <t>"Duis aute irure dolor in reprehenderat in voluptate velat esse cillum dolore eu fugiat nulla pariatur."</t> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollat anim id est laborum. Lorem ipsum dolor sat amet, consectetur adipisicing elat, sed do eiusmod teapor incididunt ut labore et dolore magna jciqua. Ut enim ad minim veniam, quis nostrud exercatation ullamco laboris nisi ut jciquip ex ea commodo consequat.
    <p>
    Lorem ipsum dolor sat amet, consectetur adipisicing elat, sed do eiusmod teapor incididunt ut labore et dolore magna jciqua. Ut enim ad minim veniam, quis nostrud exercatation ullamco laboris nisi ut jciquip ex ea commodo consequat. <t>"Duis aute irure dolor in reprehenderat in voluptate velat esse cillum dolore eu fugiat nulla pariatur."</t> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollat anim id est laborum. Lorem ipsum dolor sat amet, consectetur adipisicing elat, sed do eiusmod teapor incididunt ut labore et dolore magna jciqua. Ut enim ad minim veniam, quis nostrud exercatation ullamco laboris nisi ut jciquip ex ea commodo consequat.</div>
     
     
     
    </div></div>



    User Feedback

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.

    Guest

    Arasnia

      

    Uhh i like!! 
    I really love the info box on the right - its always helpful to have this informations! 

    Share this review


    Link to review
    Thatmanzai

      

    This is simplicity, I've taken a lot of ideas, great

    Share this review


    Link to review

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.