Post page documentation

POST.HTML / POST-1.HTML

POST SECTION

If you would like to change post image, write your image address for example: image/imagename.jpg instead of https://via.placeholder.com/848x438 . see code below,
Also you can add blog post information in the code below:

<div class="post post-full">
    <div class="post-header">
        <div class="post-image">
            <img src="https://via.placeholder.com/848x438" alt="" class="img-responsive">
        </div>
    </div>
    <div class="post-story">
        <div class="post-story-body clearfix">
            <p>
                Curabitur non massa vitae quam aliquam cursus. Donec dui orci, sagittis quis
                porta eu, condimentum ac magna. Aliquam tortor dui, accumsan nec ultrices non,
                vulputate sit amet elit. Nunc leo tellus, placerat non ipsum semper, varius
                pellentesque eros. Nullam vel nisi ante. Donec ac justo viverra, rhoncus nibh
                tincidunt, pellentesque nibh. In consequat rhoncus lectus, eget laoreet metus
                posuere id. Aliquam erat volutpat. Aliquam est augue, tempus molestie lacus sed,
                semper dignissim justo. Aliquam quam ipsum, iaculis ut fringilla vel, malesuada
                vel leo. In vulputate eros pellentesque neque cursus, in elementum augue semper.
                Duis eleifend aliquam mi, nec ornare ligula tincidunt eu.
            </p>

<p>
                Curabitur non massa vitae quam aliquam cursus. Donec dui orci, sagittis quis
                porta eu, condimentum ac magna. Aliquam tortor dui, accumsan nec ultrices non,
                vulputate sit amet elit. Nunc leo tellus, placerat non ipsum semper, varius
                pellentesque eros.
            </p>

<blockquote class="blockquote2">”Lorem ipsum dolor sit amet concateur, non troppo
                almaro del taro albino las
                prado del sollo, ultra noe amoro, allegreto non troppo sustenuto”
                <span>-H.M. Tomlinson</span>
            </blockquote>

</div>
    </div>
</div>

COMMENTS SECTION WITH FORM

If you would like to change comments section and comment's form you can do it in the code below:

<div class="num-comments">3 Comments</div>

<div class="comment-block clearfix">
    <figure>
        <img src="https://via.placeholder.com/110x110" alt="" class="img-responsive">
    </figure>
    <div class="caption">
        <div class="top clearfix">
            <div class="left">
                <div class="txt1">George Smith</div>
                <div class="txt2">2015. May.20</div>
            </div>
            <div class="right"><a href="#">Reply</a></div>
        </div>
        <div class="txt">
            The bedding was hardly able to cover it and seemed ready to slide off any moment.
            His many legs, pitifully r it and seemed ready to slide off any m
        </div>
    </div>
</div>

<div class="comment-block left1 clearfix">
    <figure>
        <img src="https://via.placeholder.com/110x110" alt="" class="img-responsive">
    </figure>
    <div class="caption">
        <div class="top clearfix">
            <div class="left">
                <div class="txt1">Laura Mountroe</div>
                <div class="txt2">2015. May.20</div>
            </div>
            <div class="right"><a href="#">Reply</a></div>
        </div>
        <div class="txt">
            The bedding was hardly able to cover it and seemed ready to slide off any moment.
            His many legs, pitifully r it and seemed ready to slide off any m
        </div>
    </div>
</div>

<div class="live-comment">
    <div class="live-comment-title">Leave a Comment</div>
    <div class="live-comment-form">

<div id="note3"></div>
        <div id="fields3">
            <form id="ajax-contact-form3" class="form-horizontal" action="javascript:;">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="inputName">Your Name</label>
                            <input type="text" class="form-control" id="inputName" name="name"
                                   value="Full Name"
                                   onBlur="if(this.value=='') this.value='Full Name'"
                                   onFocus="if(this.value =='Full Name' ) this.value=''">
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="inputEmail">Email</label>
                            <input type="text" class="form-control" id="inputEmail" name="email"
                                   value="E-mail address"
                                   onBlur="if(this.value=='') this.value='E-mail address'"
                                   onFocus="if(this.value =='E-mail address' ) this.value=''">
                        </div>
                    </div>

</div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label for="inputMessage">Your Message</label>
  <textarea class="form-control" rows="9" id="inputMessage" name="content"
            onBlur="if(this.value=='') this.value='Message'"
            onFocus="if(this.value =='Message' ) this.value=''">Message</textarea>
                        </div>
                    </div>
                </div>

<button type="submit" class="btn-default btn-cf-submit3">SUBMIT</button>
            </form>
        </div>

</div>

LATEST PHOTOS SECTION

Latest photos section can be changed below:

<div class="title5">LATEST PHOTOS</div>

LATEST NEWS SECTION

Latest news section can be changed below:

<div class="title5">LATEST NEWS</div>

<div class="news2_wrapper">
                            <div class="news2">
                                <a href="#">
                                    <div class="txt1">Another Blog Post</div>
                                    <div class="txt2">17 / May / 2016</div>
                                </a>
                            </div>
                            <div class="news2">
                                <a href="#">
                                    <div class="txt1">Another Blog Post</div>
                                    <div class="txt2">12 / March / 2016</div>
                                </a>
                            </div>
                            <div class="news2">
                                <a href="#">
                                    <div class="txt1">Another Blog Post</div>
                                    <div class="txt2">13 / Januarry / 2016</div>
                                </a>
                            </div>
                        </div>

CATEGORIES and TAGS SECTIONS