{{ define "main" }}
<!-- <h3>Posts</h3> -->
<!-- <img src="{{.Params.image}}" alt="Alps" style="width:100%"> -->
<!-- <p>{{.Description}}</p> -->
<!-- <header><b>{{.Title}}</b></header> -->
<!-- <h2> {{.Params.Title}} </h2> -->
<!-- <header> {{.Params.Date}} </header> -->
<!-- <img src="{{.Params.image}}" class="element-image"> --> 
<!-- <div class="w3-bar-item"> -->
<!--         <span class="w3-large">Mike</span><br> -->
<!--         <span>Web Designer</span> -->
<!-- </div> -->
<!-- <ul class="row"> -->
        {{ range .Pages.ByDate }}
        <div class="">
                <div>
                        <a href="{{.Params.url}}"> <h4 style="margin:0"> {{.Params.Title}} </h4> </a>
                        <header> {{.Params.date | time.Format ":date_long"}}, by {{.Params.author}} </header>
                </div>
                <div class="col">
                        <a href="{{.URL}}">
                        <img src="{{.Params.Image}}"style="width:25em; padding-right:2em;">
                        </a>
                        <div style="text-align:left">
                                <p>{{ .Params.Description | .RenderString  }}</p>
                                <a href="{{.Params.url}}">Read More!</a>
                        </div>
                </div>
                <br> </br>
        </div>

        {{ end }}
<!-- </ul> -->
{{ end }}