"Our Goal"
Bootstrap 3.3.0 Snippet by nikkonicky

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- This file has been downloaded from Bootsnipp.com. Enjoy! --> <title>List of Blog Posts - Bootsnipp.com</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> <style type="text/css"> </style> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="row"> <div class="col-md-1"></div> <div class="col-md-6"> <div id="postlist"> <div class="panel"> <div class="panel-heading"> <div class="text-center"> <div class="row"> <div class="col-sm-9"> <h3 class="pull-left">Our Goal</h3> </div> <div class="col-sm-3"> <h4 class="pull-right"> <small><em>2014-07-30<br>18:30:00</em></small> </h4> </div> </div> </div> </div> <div class="panel-body"> <ul><a style="font-style: italic;">MSM မ်ား၏ တန္းတူ အခြင့္အေရး ရရွိေအာင္ ေဆာင္ရြက္ေနတဲ့ CBO အဖြဲ႔အစည္း အျဖစ္ရပ္တည္လ်က္ </a> <li>လံုေလာက္ေသာ အရင္းအျမစ္ (လူအင္အား ၊ ရံပံုေငြ)</li> <li>စြမ္းရည္ျပည့္ဝေသာ အဖြဲ႕ဝင္မ်ား</li> <li>အလုပ္အကိုင္ အခြင့္အလမ္းရွိျပီး ပံုမွန္ဝင္ေငြရရွိတဲ့ အဖြဲ႕ဝင္</li> <li>စည္းလံုးညီညြတ္ျပီး စုေပါင္းေဆာင္ရြက္မႈ ေကာင္းေသာ စနစ္က်ေသာ အဖြဲ႕အစည္းျဖစ္</li> <li>ခြဲျခားဆက္ဆံမႈ ကင္းျပီး တန္းတူရည္တူ ဆက္ဆံခံရေသာ အခြင့္အေရးမ်ား ရရွိေသာပါတ္ဝန္းက်င္ျဖစ္</li> <li>လက္တြဲေဆာင္ရြက္ေသာ မဟာမိတ္ အဖြဲ႕အစည္းမ်ားႏွင့္ ခ်ိတ္ဆက္ႏိုင္</li> </ul> </div> <div class="panel-footer"> <span class="label label-default">Welcome</span> <span class="label label-default">Updates</span> <span class="label label-default">News</span> </div> </div> <div class="panel"> <div class="panel-heading"> <div class="text-center"> <div class="row"> <div class="col-sm-9"> <h3 class="pull-left">Group Work</h3> </div> <div class="col-sm-3"> <h4 class="pull-right"> <small><em>2014-07-30 18:30:00</em></small> </h4> </div> </div> </div> </div> <div class="panel-body"> <img src="g.gif" width="50%" height="50%"> </div> <div class="panel-footer"> <span class="label label-default">Image</span> <span class="label label-default">Updates</span> <span class="label label-default">July</span> </div> </div> </div> <div class="text-center"><a href="http://bootsnipp.com/fullscreen/B2gO4" id="loadmore" class="btn btn-primary">Older Posts...</a></div> </div> <div class="col-md-1"></div> <div class="col-md-3"> </div> <div class="col-md-1"> </div> </div> </div> <script type="text/javascript"> </script> </body> </html>

Related: See More


Questions / Comments: