blogone.html (28289B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="description" content=""> 7 <meta name="author" content=""> 8 <title>Blog 2 Columns + Right Sidebar | Triangle</title> 9 <link href="css/bootstrap.min.css" rel="stylesheet"> 10 <link href="css/font-awesome.min.css" rel="stylesheet"> 11 <link href="css/lightbox.css" rel="stylesheet"> 12 <link href="css/animate.min.css" rel="stylesheet"> 13 <link href="css/main.css" rel="stylesheet"> 14 <link href="css/responsive.css" rel="stylesheet"> 15 16 <!--[if lt IE 9]> 17 <script src="js/html5shiv.js"></script> 18 <script src="js/respond.min.js"></script> 19 <![endif]--> 20 <link rel="shortcut icon" href="images/ico/favicon.ico"> 21 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png"> 22 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png"> 23 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png"> 24 <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png"> 25 </head><!--/head--> 26 27 <body> 28 <header id="header"> 29 <div class="container"> 30 <div class="row"> 31 <div class="col-sm-12 overflow"> 32 <div class="social-icons pull-right"> 33 <ul class="nav nav-pills"> 34 <li><a href=""><i class="fa fa-facebook"></i></a></li> 35 <li><a href=""><i class="fa fa-twitter"></i></a></li> 36 <li><a href=""><i class="fa fa-google-plus"></i></a></li> 37 <li><a href=""><i class="fa fa-dribbble"></i></a></li> 38 <li><a href=""><i class="fa fa-linkedin"></i></a></li> 39 </ul> 40 </div> 41 </div> 42 </div> 43 </div> 44 <div class="navbar navbar-inverse" role="banner"> 45 <div class="container"> 46 <div class="navbar-header"> 47 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 48 <span class="sr-only">Toggle navigation</span> 49 <span class="icon-bar"></span> 50 <span class="icon-bar"></span> 51 <span class="icon-bar"></span> 52 </button> 53 54 <a class="navbar-brand" href="index.html"> 55 <h1><img src="images/logo.png" alt="logo"></h1> 56 </a> 57 58 </div> 59 <div class="collapse navbar-collapse"> 60 <ul class="nav navbar-nav navbar-right"> 61 <li><a href="index.html">Home</a></li> 62 <li class="dropdown"><a href="#">Pages <i class="fa fa-angle-down"></i></a> 63 <ul role="menu" class="sub-menu"> 64 <li><a href="aboutus.html">About</a></li> 65 <li><a href="aboutus2.html">About 2</a></li> 66 <li><a href="service.html">Services</a></li> 67 <li><a href="pricing.html">Pricing</a></li> 68 <li><a href="contact.html">Contact us</a></li> 69 <li><a href="contact2.html">Contact us 2</a></li> 70 <li><a href="404.html">404 error</a></li> 71 <li><a href="coming-soon.html">Coming Soon</a></li> 72 </ul> 73 </li> 74 <li class="dropdown active"><a href="blog.html">Blog <i class="fa fa-angle-down"></i></a> 75 <ul role="menu" class="sub-menu"> 76 <li><a href="blog.html">Blog Default</a></li> 77 <li><a href="blogtwo.html">Timeline Blog</a></li> 78 <li><a class="active" href="blogone.html">2 Columns + Right Sidebar</a></li> 79 <li><a href="blogthree.html">1 Column + Left Sidebar</a></li> 80 <li><a href="blogfour.html">Blog Masonary</a></li> 81 <li><a href="blogdetails.html">Blog Details</a></li> 82 </ul> 83 </li> 84 <li class="dropdown"><a href="portfolio.html">Portfolio <i class="fa fa-angle-down"></i></a> 85 <ul role="menu" class="sub-menu"> 86 <li><a href="portfolio.html">Portfolio Default</a></li> 87 <li><a href="portfoliofour.html">Isotope 3 Columns + Right Sidebar</a></li> 88 <li><a href="portfolioone.html">3 Columns + Right Sidebar</a></li> 89 <li><a href="portfoliotwo.html">3 Columns + Left Sidebar</a></li> 90 <li><a href="portfoliothree.html">2 Columns</a></li> 91 <li><a href="portfolio-details.html">Portfolio Details</a></li> 92 </ul> 93 </li> 94 <li><a href="shortcodes.html ">Shortcodes</a></li> 95 </ul> 96 </div> 97 <div class="search"> 98 <form role="form"> 99 <i class="fa fa-search"></i> 100 <div class="field-toggle"> 101 <input type="text" class="search-form" autocomplete="off" placeholder="Search"> 102 </div> 103 </form> 104 </div> 105 </div> 106 </div> 107 </header> 108 <!--/#header--> 109 110 111 <section id="page-breadcrumb"> 112 <div class="vertical-center sun"> 113 <div class="container"> 114 <div class="row"> 115 <div class="action"> 116 <div class="col-sm-12"> 117 <h1 class="title">Blog</h1> 118 <p>Blog with right sidebar</p> 119 </div> 120 </div> 121 </div> 122 </div> 123 </div> 124 </section> 125 <!--/#action--> 126 127 <section id="blog" class="padding-top"> 128 <div class="container"> 129 <div class="row"> 130 <div class="col-md-9 col-sm-7"> 131 <div class="row"> 132 <div class="col-md-6 col-sm-12 blog-padding-right"> 133 <div class="single-blog two-column"> 134 <div class="post-thumb"> 135 <a href="blogdetails.html"><img src="images/blog/timeline/1.jpg" class="img-responsive" alt=""></a> 136 <div class="post-overlay"> 137 <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span> 138 </div> 139 </div> 140 <div class="post-content overflow"> 141 <h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2> 142 <h3 class="post-author"><a href="#">Posted by micron News</a></h3> 143 <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]</p> 144 <a href="#" class="read-more">View More</a> 145 <div class="post-bottom overflow"> 146 <ul class="nav nav-justified post-nav"> 147 <li><a href="#"><i class="fa fa-tag"></i>Creative</a></li> 148 <li><a href="#"><i class="fa fa-heart"></i>32 Love</a></li> 149 <li><a href="#"><i class="fa fa-comments"></i>3 Comments</a></li> 150 </ul> 151 </div> 152 </div> 153 </div> 154 </div> 155 <div class="col-md-6 col-sm-12 blog-padding-right"> 156 <div class="single-blog two-column"> 157 <div class="post-thumb"> 158 <a href="blogdetails.html"><img src="images/blog/timeline/4.jpg" class="img-responsive" alt=""></a> 159 <div class="post-overlay"> 160 <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span> 161 </div> 162 </div> 163 <div class="post-content overflow"> 164 <h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2> 165 <h3 class="post-author"><a href="#">Posted by micron News</a></h3> 166 <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]</p> 167 <a href="#" class="read-more">View More</a> 168 <div class="post-bottom overflow"> 169 <ul class="nav nav-justified post-nav"> 170 <li><a href="#"><i class="fa fa-tag"></i>Creative</a></li> 171 <li><a href="#"><i class="fa fa-heart"></i>32 Love</a></li> 172 <li><a href="#"><i class="fa fa-comments"></i>3 Comments</a></li> 173 </ul> 174 </div> 175 </div> 176 </div> 177 </div> 178 <div class="col-md-6 col-sm-12 blog-padding-right"> 179 <div class="single-blog two-column"> 180 <div class="post-thumb"> 181 <a href="blogdetails.html"><img src="images/blog/timeline/5.jpg" class="img-responsive" alt=""></a> 182 <div class="post-overlay"> 183 <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span> 184 </div> 185 </div> 186 <div class="post-content overflow"> 187 <h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2> 188 <h3 class="post-author"><a href="#">Posted by micron News</a></h3> 189 <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]</p> 190 <a href="#" class="read-more">View More</a> 191 <div class="post-bottom overflow"> 192 <ul class="nav nav-justified post-nav"> 193 <li><a href="#"><i class="fa fa-tag"></i>Creative</a></li> 194 <li><a href="#"><i class="fa fa-heart"></i>32 Love</a></li> 195 <li><a href="#"><i class="fa fa-comments"></i>3 Comments</a></li> 196 </ul> 197 </div> 198 </div> 199 </div> 200 </div> 201 <div class="col-md-6 col-sm-12 blog-padding-right"> 202 <div class="single-blog two-column"> 203 <div class="post-thumb"> 204 <a href="blogdetails.html"><img src="images/blog/timeline/6.jpg" class="img-responsive" alt=""></a> 205 <div class="post-overlay"> 206 <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span> 207 </div> 208 </div> 209 <div class="post-content overflow"> 210 <h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2> 211 <h3 class="post-author"><a href="#">Posted by micron News</a></h3> 212 <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]</p> 213 <a href="#" class="read-more">View More</a> 214 <div class="post-bottom overflow"> 215 <ul class="nav nav-justified post-nav"> 216 <li><a href="#"><i class="fa fa-tag"></i>Creative</a></li> 217 <li><a href="#"><i class="fa fa-heart"></i>32 Love</a></li> 218 <li><a href="#"><i class="fa fa-comments"></i>3 Comments</a></li> 219 </ul> 220 </div> 221 </div> 222 </div> 223 </div> 224 <div class="col-md-6 col-sm-12 blog-padding-right"> 225 <div class="single-blog two-column"> 226 <div class="post-thumb"> 227 <a href="blogdetails.html"><img src="images/blog/timeline/3.jpg" class="img-responsive" alt=""></a> 228 <div class="post-overlay"> 229 <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span> 230 </div> 231 </div> 232 <div class="post-content overflow"> 233 <h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2> 234 <h3 class="post-author"><a href="#">Posted by micron News</a></h3> 235 <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]</p> 236 <a href="#" class="read-more">View More</a> 237 <div class="post-bottom overflow"> 238 <ul class="nav nav-justified post-nav"> 239 <li><a href="#"><i class="fa fa-tag"></i>Creative</a></li> 240 <li><a href="#"><i class="fa fa-heart"></i>32 Love</a></li> 241 <li><a href="#"><i class="fa fa-comments"></i>3 Comments</a></li> 242 </ul> 243 </div> 244 </div> 245 </div> 246 </div> 247 <div class="col-md-6 col-sm-12 blog-padding-right"> 248 <div class="single-blog two-column"> 249 <div class="post-thumb"> 250 <a href="blogdetails.html"><img src="images/blog/timeline/2.jpg" class="img-responsive" alt=""></a> 251 <div class="post-overlay"> 252 <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span> 253 </div> 254 </div> 255 <div class="post-content overflow"> 256 <h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2> 257 <h3 class="post-author"><a href="#">Posted by micron News</a></h3> 258 <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]</p> 259 <a href="#" class="read-more">View More</a> 260 <div class="post-bottom overflow"> 261 <ul class="nav nav-justified post-nav"> 262 <li><a href="#"><i class="fa fa-tag"></i>Creative</a></li> 263 <li><a href="#"><i class="fa fa-heart"></i>32 Love</a></li> 264 <li><a href="#"><i class="fa fa-comments"></i>3 Comments</a></li> 265 </ul> 266 </div> 267 </div> 268 </div> 269 </div> 270 </div> 271 <div class="blog-pagination"> 272 <ul class="pagination"> 273 <li><a href="#">left</a></li> 274 <li><a href="#">1</a></li> 275 <li><a href="#">2</a></li> 276 <li class="active"><a href="#">3</a></li> 277 <li><a href="#">4</a></li> 278 <li><a href="#">5</a></li> 279 <li><a href="#">6</a></li> 280 <li><a href="#">7</a></li> 281 <li><a href="#">8</a></li> 282 <li><a href="#">9</a></li> 283 <li><a href="#">right</a></li> 284 </ul> 285 </div> 286 </div> 287 <div class="col-md-3 col-sm-5"> 288 <div class="sidebar blog-sidebar"> 289 <div class="sidebar-item recent"> 290 <h3>Comments</h3> 291 <div class="media"> 292 <div class="pull-left"> 293 <a href="#"><img src="images/portfolio/project1.jpg" alt=""></a> 294 </div> 295 <div class="media-body"> 296 <h4><a href="#">Lorem ipsum dolor sit amet consectetur adipisicing elit,</a></h4> 297 <p>posted on 07 March 2014</p> 298 </div> 299 </div> 300 <div class="media"> 301 <div class="pull-left"> 302 <a href="#"><img src="images/portfolio/project2.jpg" alt=""></a> 303 </div> 304 <div class="media-body"> 305 <h4><a href="#">Lorem ipsum dolor sit amet consectetur adipisicing elit,</a></h4> 306 <p>posted on 07 March 2014</p> 307 </div> 308 </div> 309 <div class="media"> 310 <div class="pull-left"> 311 <a href="#"><img src="images/portfolio/project3.jpg" alt=""></a> 312 </div> 313 <div class="media-body"> 314 <h4><a href="#">Lorem ipsum dolor sit amet consectetur adipisicing elit,</a></h4> 315 <p>posted on 07 March 2014</p> 316 </div> 317 </div> 318 </div> 319 <div class="sidebar-item categories"> 320 <h3>Categories</h3> 321 <ul class="nav navbar-stacked"> 322 <li><a href="#">Lorem ipsum<span class="pull-right">(1)</span></a></li> 323 <li class="active"><a href="#">Dolor sit amet<span class="pull-right">(8)</span></a></li> 324 <li><a href="#">Adipisicing elit<span class="pull-right">(4)</span></a></li> 325 <li><a href="#">Sed do<span class="pull-right">(9)</span></a></li> 326 <li><a href="#">Eiusmod<span class="pull-right">(3)</span></a></li> 327 <li><a href="#">Mockup<span class="pull-right">(4)</span></a></li> 328 <li><a href="#">Ut enim ad minim <span class="pull-right">(2)</span></a></li> 329 <li><a href="#">Veniam, quis nostrud <span class="pull-right">(8)</span></a></li> 330 </ul> 331 </div> 332 <div class="sidebar-item tag-cloud"> 333 <h3>Tag Cloud</h3> 334 <ul class="nav nav-pills"> 335 <li><a href="#">Corporate</a></li> 336 <li><a href="#">Joomla</a></li> 337 <li><a href="#">Abstract</a></li> 338 <li><a href="#">Creative</a></li> 339 <li><a href="#">Business</a></li> 340 <li><a href="#">Product</a></li> 341 </ul> 342 </div> 343 <div class="sidebar-item popular"> 344 <h3>Latest Photos</h3> 345 <ul class="gallery"> 346 <li><a href="#"><img src="images/portfolio/popular1.jpg" alt=""></a></li> 347 <li><a href="#"><img src="images/portfolio/popular2.jpg" alt=""></a></li> 348 <li><a href="#"><img src="images/portfolio/popular3.jpg" alt=""></a></li> 349 <li><a href="#"><img src="images/portfolio/popular4.jpg" alt=""></a></li> 350 <li><a href="#"><img src="images/portfolio/popular5.jpg" alt=""></a></li> 351 <li><a href="#"><img src="images/portfolio/popular1.jpg" alt=""></a></li> 352 </ul> 353 </div> 354 </div> 355 </div> 356 </div> 357 </div> 358 </section> 359 <!--/#blog--> 360 361 <footer id="footer"> 362 <div class="container"> 363 <div class="row"> 364 <div class="col-sm-12 text-center bottom-separator"> 365 <img src="images/home/under.png" class="img-responsive inline" alt=""> 366 </div> 367 <div class="col-md-4 col-sm-6"> 368 <div class="testimonial bottom"> 369 <h2>Testimonial</h2> 370 <div class="media"> 371 <div class="pull-left"> 372 <a href="#"><img src="images/home/profile1.png" alt=""></a> 373 </div> 374 <div class="media-body"> 375 <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote> 376 <h3><a href="#">- Jhon Kalis</a></h3> 377 </div> 378 </div> 379 <div class="media"> 380 <div class="pull-left"> 381 <a href="#"><img src="images/home/profile2.png" alt=""></a> 382 </div> 383 <div class="media-body"> 384 <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote> 385 <h3><a href="">- Abraham Josef</a></h3> 386 </div> 387 </div> 388 </div> 389 </div> 390 <div class="col-md-3 col-sm-6"> 391 <div class="contact-info bottom"> 392 <h2>Contacts</h2> 393 <address> 394 E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br> 395 Phone: +1 (123) 456 7890 <br> 396 Fax: +1 (123) 456 7891 <br> 397 </address> 398 399 <h2>Address</h2> 400 <address> 401 Unit C2, St.Vincent's Trading Est., <br> 402 Feeder Road, <br> 403 Bristol, BS2 0UY <br> 404 United Kingdom <br> 405 </address> 406 </div> 407 </div> 408 <div class="col-md-4 col-sm-12"> 409 <div class="contact-form bottom"> 410 <h2>Send a message</h2> 411 <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php"> 412 <div class="form-group"> 413 <input type="text" name="name" class="form-control" required="required" placeholder="Name"> 414 </div> 415 <div class="form-group"> 416 <input type="email" name="email" class="form-control" required="required" placeholder="Email Id"> 417 </div> 418 <div class="form-group"> 419 <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea> 420 </div> 421 <div class="form-group"> 422 <input type="submit" name="submit" class="btn btn-submit" value="Submit"> 423 </div> 424 </form> 425 </div> 426 </div> 427 <div class="col-sm-12"> 428 <div class="copyright-text text-center"> 429 <p>© Your Company 2014. All Rights Reserved.</p> 430 <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a></p> 431 </div> 432 </div> 433 </div> 434 </div> 435 </footer> 436 <!--/#footer--> 437 438 <script type="text/javascript" src="js/jquery.js"></script> 439 <script type="text/javascript" src="js/bootstrap.min.js"></script> 440 <script type="text/javascript" src="js/lightbox.min.js"></script> 441 <script type="text/javascript" src="js/wow.min.js"></script> 442 <script type="text/javascript" src="js/main.js"></script> 443 </body> 444 </html>