blogtwo.html (21163B)
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 Timeline | 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 class="active" href="blogtwo.html">Timeline Blog</a></li> 78 <li><a 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 <section id="page-breadcrumb"> 111 <div class="vertical-center sun"> 112 <div class="container"> 113 <div class="row"> 114 <div class="action"> 115 <div class="col-sm-12"> 116 <h1 class="title">Blog</h1> 117 <p>Timeline</p> 118 </div> 119 </div> 120 </div> 121 </div> 122 </div> 123 </section> 124 <!--/#page-breadcrumb--> 125 126 <section id="blog" class="padding-bottom"> 127 <div class="container"> 128 <div class="row"> 129 <div class="timeline-blog overflow padding-top"> 130 <div class="timeline-date text-center"> 131 <a href="#" class="btn btn-common uppercase">November 2013</a> 132 </div> 133 <div class="timeline-divider overflow padding-bottom"> 134 <div class="col-sm-6 padding-right arrow-right wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms"> 135 <div class="single-blog timeline"> 136 <div class="single-blog-wrapper"> 137 <div class="post-thumb"> 138 <img src="images/blog/timeline/1.jpg" class="img-responsive" alt=""> 139 <div class="post-overlay"> 140 <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span> 141 </div> 142 </div> 143 </div> 144 <div class="post-content overflow"> 145 <h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2> 146 <h3 class="post-author"><a href="#">Posted by micron News</a></h3> 147 <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> 148 <a href="#" class="read-more">View More</a> 149 <div class="post-bottom overflow"> 150 <span class="post-date pull-left">February 11, 2014</span> 151 <span class="comments-number pull-right"><a href="#">3 comments</a></span> 152 </div> 153 </div> 154 </div> 155 </div> 156 <div class="col-sm-6 padding-left padding-top arrow-left wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="300ms"> 157 <div class="single-blog timeline"> 158 <div class="single-blog-wrapper"> 159 <div class="post-thumb"> 160 <img src="images/blog/timeline/2.jpg" class="img-responsive" alt=""> 161 <div class="post-overlay"> 162 <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span> 163 </div> 164 </div> 165 </div> 166 <div class="post-content overflow"> 167 <h2 class="post-title bold"><a href="blogdetails.html#">Advanced business cards design</a></h2> 168 <h3 class="post-author"><a href="#">Posted by micron News</a></h3> 169 <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> 170 <a href="#" class="read-more">View More</a> 171 <div class="post-bottom overflow"> 172 <span class="post-date pull-left">February 11, 2014</span> 173 <span class="comments-number pull-right"><a href="#">3 comments</a></span> 174 </div> 175 </div> 176 </div> 177 </div> 178 <div class="col-sm-6 padding-right arrow-right wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms"> 179 <div class="single-blog timeline"> 180 <div class="single-blog-wrapper"> 181 <div class="post-thumb"> 182 <iframe src="https://player.vimeo.com/video/95995577"></iframe> 183 </div> 184 </div> 185 <div class="post-content overflow"> 186 <h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2> 187 <h3 class="post-author"><a href="#">Posted by micron News</a></h3> 188 <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> 189 <a href="#" class="read-more">View More</a> 190 <div class="post-bottom overflow"> 191 <span class="post-date pull-left">February 11, 2014</span> 192 <span class="comments-number pull-right"><a href="#">3 comments</a></span> 193 </div> 194 </div> 195 </div> 196 </div> 197 </div> 198 </div> 199 <div class="timeline-blog overflow"> 200 <div class="timeline-date text-center"> 201 <a href="" class="btn btn-common uppercase">Setember 2013</a> 202 </div> 203 <div class="timeline-divider overflow padding-bottom"> 204 <div class="col-sm-6 padding-right arrow-right wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms"> 205 <div class="single-blog timeline"> 206 <div class="single-blog-wrapper"> 207 <div class="post-thumb"> 208 <img src="images/blog/timeline/3.jpg" class="img-responsive" alt=""> 209 <div class="post-overlay"> 210 <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span> 211 </div> 212 </div> 213 </div> 214 <div class="post-content overflow"> 215 <h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2> 216 <h3 class="post-author"><a href="#">Posted by micron News</a></h3> 217 <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> 218 <a href="#" class="read-more">View More</a> 219 <div class="post-bottom overflow"> 220 <span class="post-date pull-left">February 11, 2014</span> 221 <span class="comments-number pull-right"><a href="#">3 comments</a></span> 222 </div> 223 </div> 224 </div> 225 </div> 226 <div class="col-sm-6 padding-left padding-top arrow-left wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="300ms"> 227 <div class="single-blog timeline"> 228 <div class="single-blog-wrapper"> 229 <div class="post-thumb"> 230 <img src="images/blog/timeline/4.jpg" class="img-responsive" alt=""> 231 <div class="post-overlay"> 232 <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span> 233 </div> 234 </div> 235 </div> 236 <div class="post-content overflow"> 237 <h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2> 238 <h3 class="post-author"><a href="#">Posted by micron News</a></h3> 239 <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> 240 <a href="#" class="read-more">View More</a> 241 <div class="post-bottom overflow"> 242 <span class="post-date pull-left">February 11, 2014</span> 243 <span class="comments-number pull-right"><a href="#">3 comments</a></span> 244 </div> 245 </div> 246 </div> 247 </div> 248 </div> 249 <div class="timeline-date text-center"> 250 <a href="#" class="btn btn-common">See More</a> 251 </div> 252 </div> 253 </div> 254 </div> 255 </section> 256 <!--/#blog--> 257 258 <footer id="footer"> 259 <div class="container"> 260 <div class="row"> 261 <div class="col-sm-12 text-center bottom-separator"> 262 <img src="images/home/under.png" class="img-responsive inline" alt=""> 263 </div> 264 <div class="col-md-4 col-sm-6"> 265 <div class="testimonial bottom"> 266 <h2>Testimonial</h2> 267 <div class="media"> 268 <div class="pull-left"> 269 <a href="#"><img src="images/home/profile1.png" alt=""></a> 270 </div> 271 <div class="media-body"> 272 <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote> 273 <h3><a href="#">- Jhon Kalis</a></h3> 274 </div> 275 </div> 276 <div class="media"> 277 <div class="pull-left"> 278 <a href="#"><img src="images/home/profile2.png" alt=""></a> 279 </div> 280 <div class="media-body"> 281 <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote> 282 <h3><a href="">- Abraham Josef</a></h3> 283 </div> 284 </div> 285 </div> 286 </div> 287 <div class="col-md-3 col-sm-6"> 288 <div class="contact-info bottom"> 289 <h2>Contacts</h2> 290 <address> 291 E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br> 292 Phone: +1 (123) 456 7890 <br> 293 Fax: +1 (123) 456 7891 <br> 294 </address> 295 296 <h2>Address</h2> 297 <address> 298 Unit C2, St.Vincent's Trading Est., <br> 299 Feeder Road, <br> 300 Bristol, BS2 0UY <br> 301 United Kingdom <br> 302 </address> 303 </div> 304 </div> 305 <div class="col-md-4 col-sm-12"> 306 <div class="contact-form bottom"> 307 <h2>Send a message</h2> 308 <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php"> 309 <div class="form-group"> 310 <input type="text" name="name" class="form-control" required="required" placeholder="Name"> 311 </div> 312 <div class="form-group"> 313 <input type="email" name="email" class="form-control" required="required" placeholder="Email Id"> 314 </div> 315 <div class="form-group"> 316 <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea> 317 </div> 318 <div class="form-group"> 319 <input type="submit" name="submit" class="btn btn-submit" value="Submit"> 320 </div> 321 </form> 322 </div> 323 </div> 324 <div class="col-sm-12"> 325 <div class="copyright-text text-center"> 326 <p>© Your Company 2014. All Rights Reserved.</p> 327 <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a></p> 328 </div> 329 </div> 330 </div> 331 </div> 332 </footer> 333 <!--/#footer--> 334 335 336 <script type="text/javascript" src="js/jquery.js"></script> 337 <script type="text/javascript" src="js/bootstrap.min.js"></script> 338 <script type="text/javascript" src="js/lightbox.min.js"></script> 339 <script type="text/javascript" src="js/wow.min.js"></script> 340 <script type="text/javascript" src="js/main.js"></script> 341 </body> 342 </html>