blogdetails.html (25368B)
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 Details | 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 <script type="text/javascript">var switchTo5x=true;</script> 26 <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> 27 <script type="text/javascript">stLight.options({publisher: "7e8eb33b-fbe0-4915-9b93-09490e3d10df", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script> 28 </head><!--/head--> 29 30 <body> 31 <header id="header"> 32 <div class="container"> 33 <div class="row"> 34 <div class="col-sm-12 overflow"> 35 <div class="social-icons pull-right"> 36 <ul class="nav nav-pills"> 37 <li><a href=""><i class="fa fa-facebook"></i></a></li> 38 <li><a href=""><i class="fa fa-twitter"></i></a></li> 39 <li><a href=""><i class="fa fa-google-plus"></i></a></li> 40 <li><a href=""><i class="fa fa-dribbble"></i></a></li> 41 <li><a href=""><i class="fa fa-linkedin"></i></a></li> 42 </ul> 43 </div> 44 </div> 45 </div> 46 </div> 47 <div class="navbar navbar-inverse" role="banner"> 48 <div class="container"> 49 <div class="navbar-header"> 50 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 51 <span class="sr-only">Toggle navigation</span> 52 <span class="icon-bar"></span> 53 <span class="icon-bar"></span> 54 <span class="icon-bar"></span> 55 </button> 56 57 <a class="navbar-brand" href="index.html"> 58 <h1><img src="images/logo.png" alt="logo"></h1> 59 </a> 60 61 </div> 62 <div class="collapse navbar-collapse"> 63 <ul class="nav navbar-nav navbar-right"> 64 <li><a href="index.html">Home</a></li> 65 <li class="dropdown"><a href="#">Pages <i class="fa fa-angle-down"></i></a> 66 <ul role="menu" class="sub-menu"> 67 <li><a href="aboutus.html">About</a></li> 68 <li><a href="aboutus2.html">About 2</a></li> 69 <li><a href="service.html">Services</a></li> 70 <li><a href="pricing.html">Pricing</a></li> 71 <li><a href="contact.html">Contact us</a></li> 72 <li><a href="contact2.html">Contact us 2</a></li> 73 <li><a href="404.html">404 error</a></li> 74 <li><a href="coming-soon.html">Coming Soon</a></li> 75 </ul> 76 </li> 77 <li class="dropdown active"><a href="blog.html">Blog <i class="fa fa-angle-down"></i></a> 78 <ul role="menu" class="sub-menu"> 79 <li><a href="blog.html">Blog Default</a></li> 80 <li><a href="blogtwo.html">Timeline Blog</a></li> 81 <li><a href="blogone.html">2 Columns + Right Sidebar</a></li> 82 <li><a href="blogthree.html">1 Column + Left Sidebar</a></li> 83 <li><a href="blogfour.html">Blog Masonary</a></li> 84 <li><a class="active" href="blogdetails.html">Blog Details</a></li> 85 </ul> 86 </li> 87 <li class="dropdown"><a href="portfolio.html">Portfolio <i class="fa fa-angle-down"></i></a> 88 <ul role="menu" class="sub-menu"> 89 <li><a href="portfolio.html">Portfolio Default</a></li> 90 <li><a href="portfoliofour.html">Isotope 3 Columns + Right Sidebar</a></li> 91 <li><a href="portfolioone.html">3 Columns + Right Sidebar</a></li> 92 <li><a href="portfoliotwo.html">3 Columns + Left Sidebar</a></li> 93 <li><a href="portfoliothree.html">2 Columns</a></li> 94 <li><a href="portfolio-details.html">Portfolio Details</a></li> 95 </ul> 96 </li> 97 <li><a href="shortcodes.html ">Shortcodes</a></li> 98 </ul> 99 </div> 100 <div class="search"> 101 <form role="form"> 102 <i class="fa fa-search"></i> 103 <div class="field-toggle"> 104 <input type="text" class="search-form" autocomplete="off" placeholder="Search"> 105 </div> 106 </form> 107 </div> 108 </div> 109 </div> 110 </header> 111 <!--/#header--> 112 113 114 <section id="page-breadcrumb"> 115 <div class="vertical-center sun"> 116 <div class="container"> 117 <div class="row"> 118 <div class="action"> 119 <div class="col-sm-12"> 120 <h1 class="title">Blog Details</h1> 121 <p>Blog with right sidebar</p> 122 </div> 123 </div> 124 </div> 125 </div> 126 </div> 127 </section> 128 <!--/#page-breadcrumb--> 129 130 <section id="blog-details" class="padding-top"> 131 <div class="container"> 132 <div class="row"> 133 <div class="col-md-9 col-sm-7"> 134 <div class="row"> 135 <div class="col-md-12 col-sm-12"> 136 <div class="single-blog blog-details two-column"> 137 <div class="post-thumb"> 138 <a href="#"><img src="images/blog/7.jpg" class="img-responsive" alt=""></a> 139 <div class="post-overlay"> 140 <span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span> 141 </div> 142 </div> 143 <div class="post-content overflow"> 144 <h2 class="post-title bold"><a href="#">Advanced business cards design</a></h2> 145 <h3 class="post-author"><a href="#">Posted by micron News</a></h3> 146 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. <br> <br> 147 148 There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. </p> 149 <div class="post-bottom overflow"> 150 <ul class="nav navbar-nav post-nav"> 151 <li><a href="#"><i class="fa fa-tag"></i>Creative</a></li> 152 <li><a href="#"><i class="fa fa-heart"></i>32 Love</a></li> 153 <li><a href="#"><i class="fa fa-comments"></i>3 Comments</a></li> 154 </ul> 155 </div> 156 <div class="blog-share"> 157 <span class='st_facebook_hcount'></span> 158 <span class='st_twitter_hcount'></span> 159 <span class='st_linkedin_hcount'></span> 160 <span class='st_pinterest_hcount'></span> 161 <span class='st_email_hcount'></span> 162 </div> 163 <div class="author-profile padding"> 164 <div class="row"> 165 <div class="col-sm-2"> 166 <img src="images/blogdetails/1.png" alt=""> 167 </div> 168 <div class="col-sm-10"> 169 <h3>Rodrix Hasel</h3> 170 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</p> 171 <span>Website:<a href="www.jooomshaper.com"> www.jooomshaper.com</a></span> 172 </div> 173 </div> 174 </div> 175 <div class="response-area"> 176 <h2 class="bold">Comments</h2> 177 <ul class="media-list"> 178 <li class="media"> 179 <div class="post-comment"> 180 <a class="pull-left" href="#"> 181 <img class="media-object" src="images/blogdetails/2.png" alt=""> 182 </a> 183 <div class="media-body"> 184 <span><i class="fa fa-user"></i>Posted by <a href="#">Endure</a></span> 185 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p> 186 <ul class="nav navbar-nav post-nav"> 187 <li><a href="#"><i class="fa fa-clock-o"></i>February 11,2014</a></li> 188 <li><a href="#"><i class="fa fa-reply"></i>Reply</a></li> 189 </ul> 190 </div> 191 </div> 192 <div class="parrent"> 193 <ul class="media-list"> 194 <li class="post-comment reply"> 195 <a class="pull-left" href="#"> 196 <img class="media-object" src="images/blogdetails/3.png" alt=""> 197 </a> 198 <div class="media-body"> 199 <span><i class="fa fa-user"></i>Posted by <a href="#">Endure</a></span> 200 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p> 201 <ul class="nav navbar-nav post-nav"> 202 <li><a href="#"><i class="fa fa-clock-o"></i>February 11,2014</a></li> 203 </ul> 204 </div> 205 </li> 206 </ul> 207 </div> 208 </li> 209 <li class="media"> 210 <div class="post-comment"> 211 <a class="pull-left" href="#"> 212 <img class="media-object" src="images/blogdetails/4.png" alt=""> 213 </a> 214 <div class="media-body"> 215 <span><i class="fa fa-user"></i>Posted by <a href="#">Endure</a></span> 216 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliq Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p> 217 <ul class="nav navbar-nav post-nav"> 218 <li><a href="#"><i class="fa fa-clock-o"></i>February 11,2014</a></li> 219 <li><a href="#"><i class="fa fa-reply"></i>Reply</a></li> 220 </ul> 221 </div> 222 </div> 223 </li> 224 225 </ul> 226 </div><!--/Response-area--> 227 </div> 228 </div> 229 </div> 230 </div> 231 </div> 232 <div class="col-md-3 col-sm-5"> 233 <div class="sidebar blog-sidebar"> 234 <div class="sidebar-item recent"> 235 <h3>Comments</h3> 236 <div class="media"> 237 <div class="pull-left"> 238 <a href="#"><img src="images/portfolio/project1.jpg" alt=""></a> 239 </div> 240 <div class="media-body"> 241 <h4><a href="#">Lorem ipsum dolor sit amet consectetur adipisicing elit,</a></h4> 242 <p>posted on 07 March 2014</p> 243 </div> 244 </div> 245 <div class="media"> 246 <div class="pull-left"> 247 <a href="#"><img src="images/portfolio/project2.jpg" alt=""></a> 248 </div> 249 <div class="media-body"> 250 <h4><a href="#">Lorem ipsum dolor sit amet consectetur adipisicing elit,</a></h4> 251 <p>posted on 07 March 2014</p> 252 </div> 253 </div> 254 <div class="media"> 255 <div class="pull-left"> 256 <a href="#"><img src="images/portfolio/project3.jpg" alt=""></a> 257 </div> 258 <div class="media-body"> 259 <h4><a href="#">Lorem ipsum dolor sit amet consectetur adipisicing elit,</a></h4> 260 <p>posted on 07 March 2014</p> 261 </div> 262 </div> 263 </div> 264 <div class="sidebar-item categories"> 265 <h3>Categories</h3> 266 <ul class="nav navbar-stacked"> 267 <li><a href="#">Lorem ipsum<span class="pull-right">(1)</span></a></li> 268 <li class="active"><a href="#">Dolor sit amet<span class="pull-right">(8)</span></a></li> 269 <li><a href="#">Adipisicing elit<span class="pull-right">(4)</span></a></li> 270 <li><a href="#">Sed do<span class="pull-right">(9)</span></a></li> 271 <li><a href="#">Eiusmod<span class="pull-right">(3)</span></a></li> 272 <li><a href="#">Mockup<span class="pull-right">(4)</span></a></li> 273 <li><a href="#">Ut enim ad minim <span class="pull-right">(2)</span></a></li> 274 <li><a href="#">Veniam, quis nostrud <span class="pull-right">(8)</span></a></li> 275 </ul> 276 </div> 277 <div class="sidebar-item tag-cloud"> 278 <h3>Tag Cloud</h3> 279 <ul class="nav nav-pills"> 280 <li><a href="#">Corporate</a></li> 281 <li><a href="#">Joomla</a></li> 282 <li><a href="#">Abstract</a></li> 283 <li><a href="#">Creative</a></li> 284 <li><a href="#">Business</a></li> 285 <li><a href="#">Product</a></li> 286 </ul> 287 </div> 288 <div class="sidebar-item popular"> 289 <h3>Latest Photos</h3> 290 <ul class="gallery"> 291 <li><a href="#"><img src="images/portfolio/popular1.jpg" alt=""></a></li> 292 <li><a href="#"><img src="images/portfolio/popular2.jpg" alt=""></a></li> 293 <li><a href="#"><img src="images/portfolio/popular3.jpg" alt=""></a></li> 294 <li><a href="#"><img src="images/portfolio/popular4.jpg" alt=""></a></li> 295 <li><a href="#"><img src="images/portfolio/popular5.jpg" alt=""></a></li> 296 <li><a href="#"><img src="images/portfolio/popular1.jpg" alt=""></a></li> 297 </ul> 298 </div> 299 </div> 300 </div> 301 </div> 302 </div> 303 </section> 304 <!--/#blog--> 305 306 <footer id="footer"> 307 <div class="container"> 308 <div class="row"> 309 <div class="col-sm-12 text-center bottom-separator"> 310 <img src="images/home/under.png" class="img-responsive inline" alt=""> 311 </div> 312 <div class="col-md-4 col-sm-6"> 313 <div class="testimonial bottom"> 314 <h2>Testimonial</h2> 315 <div class="media"> 316 <div class="pull-left"> 317 <a href="#"><img src="images/home/profile1.png" alt=""></a> 318 </div> 319 <div class="media-body"> 320 <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote> 321 <h3><a href="#">- Jhon Kalis</a></h3> 322 </div> 323 </div> 324 <div class="media"> 325 <div class="pull-left"> 326 <a href="#"><img src="images/home/profile2.png" alt=""></a> 327 </div> 328 <div class="media-body"> 329 <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote> 330 <h3><a href="">- Abraham Josef</a></h3> 331 </div> 332 </div> 333 </div> 334 </div> 335 <div class="col-md-3 col-sm-6"> 336 <div class="contact-info bottom"> 337 <h2>Contacts</h2> 338 <address> 339 E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br> 340 Phone: +1 (123) 456 7890 <br> 341 Fax: +1 (123) 456 7891 <br> 342 </address> 343 344 <h2>Address</h2> 345 <address> 346 Unit C2, St.Vincent's Trading Est., <br> 347 Feeder Road, <br> 348 Bristol, BS2 0UY <br> 349 United Kingdom <br> 350 </address> 351 </div> 352 </div> 353 <div class="col-md-4 col-sm-12"> 354 <div class="contact-form bottom"> 355 <h2>Send a message</h2> 356 <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php"> 357 <div class="form-group"> 358 <input type="text" name="name" class="form-control" required="required" placeholder="Name"> 359 </div> 360 <div class="form-group"> 361 <input type="email" name="email" class="form-control" required="required" placeholder="Email Id"> 362 </div> 363 <div class="form-group"> 364 <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea> 365 </div> 366 <div class="form-group"> 367 <input type="submit" name="submit" class="btn btn-submit" value="Submit"> 368 </div> 369 </form> 370 </div> 371 </div> 372 <div class="col-sm-12"> 373 <div class="copyright-text text-center"> 374 <p>© Your Company 2014. All Rights Reserved.</p> 375 <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a></p> 376 </div> 377 </div> 378 </div> 379 </div> 380 </footer> 381 <!--/#footer--> 382 383 384 <script type="text/javascript" src="js/jquery.js"></script> 385 <script type="text/javascript" src="js/bootstrap.min.js"></script> 386 <script type="text/javascript" src="js/lightbox.min.js"></script> 387 <script type="text/javascript" src="js/wow.min.js"></script> 388 <script type="text/javascript" src="js/main.js"></script> 389 </body> 390 </html>