Looks to

<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=Edge" /><meta name="description" content="" /><meta name="keywords" content="" /><meta name="author" content="" /><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /><title>Floren - Portfolio HTML Template</title><link rel="stylesheet" href="css/bootstrap.min.css" /> <link rel="stylesheet" href="css/animate.css" /> <link rel="stylesheet" href="css/font-awesome.min.css" /> <link rel="stylesheet" href="css/magnific-popup.css" /> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700" rel="stylesheet" type="text/css" /> <!-- Main css --> <link rel="stylesheet" href="css/style.css" /></head><body><!-- PRE LOADER --> <div class="preloader"> <div class="sk-spinner sk-spinner-pulse"></div> </div> <!-- Navigation Section --> <div class="navbar navbar-default navbar-static-top"> <div class="container"> <div class="navbar-header"><button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon icon-bar"></span> <span class="icon icon-bar"></span> <span class="icon icon-bar"></span> </button> <a href="index.html" class="navbar-brand">Floren.</a></div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="service.html">Service</a></li> <li><a href="work.html">Work</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> </div> </div> <!-- Home Section --> <section id="home" class="main"> <div class="container"> <div class="row"> <div class="col-md-10 col-sm-12"> <h1 class="wow fadeInUp element" data-wow-delay="0.6s"></h1> <p class="wow fadeInUp" data-wow-delay="0.8s">Creative Agency 90 Founded &amp; Based in New York, we have been more 20+ years in web &amp; mobile Industry. we build beautiful websites &amp; smart mobile app for your business. Let's work together.</p> </div> </div> </div> </section> <!-- Portfolio Section --> <section id="portfolio"> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12"><!-- iso section --> <div class="iso-section wow fadeInUp" data-wow-delay="1s"> <ul class="filter-wrapper clearfix"> <li><a href="#" data-filter="*" class="selected opc-main-bg">Show All</a></li> <li><a href="#" class="opc-main-bg" data-filter=".web">Web Design</a></li> <li><a href="#" class="opc-main-bg" data-filter=".photoshop">Photoshop</a></li> <li><a href="#" class="opc-main-bg" data-filter=".branding">Branding</a></li> <li><a href="#" class="opc-main-bg" data-filter=".mobile">Mobile App</a></li> <li><a href="#" class="opc-main-bg" data-filter=".html">HTML Templates</a></li> </ul> <!-- iso box section --> <div class="iso-box-section wow fadeInUp" data-wow-delay="1.4s"> <div class="iso-box-wrapper col4-iso-box"> <div class="iso-box graphic photoshop branding html col-md-4 col-sm-6"> <div class="portfolio-thumb"><a href="images/portfolio-img1.jpg" class="image-popup"> <div class="portfolio-item-hover"><i class="fa fa-plus"></i></div> <img src="images/portfolio-img1.jpg" class="img-responsive" alt="Portfolio" /> </a></div> </div> <div class="iso-box graphic photoshop col-md-4 col-sm-6"> <div class="portfolio-thumb"><a href="images/portfolio-img2.jpg" class="image-popup"> <div class="portfolio-item-hover"><i class="fa fa-plus"></i></div> <img src="images/portfolio-img2.jpg" class="img-responsive" alt="Portfolio" /> </a></div> </div> <div class="iso-box branding mobile col-md-4 col-sm-6"> <div class="portfolio-thumb"><a href="images/portfolio-img3.jpg" class="image-popup"> <div class="portfolio-item-hover"><i class="fa fa-plus"></i></div> <img src="images/portfolio-img3.jpg" class="img-responsive" alt="Portfolio" /> </a></div> </div> <div class="iso-box graphic mobile col-md-4 col-sm-6"> <div class="portfolio-thumb"><a href="images/portfolio-img4.jpg" class="image-popup"> <div class="portfolio-item-hover"><i class="fa fa-plus"></i></div> <img src="images/portfolio-img4.jpg" class="img-responsive" alt="Portfolio" /> </a></div> </div> <div class="iso-box web mobile col-md-4 col-sm-6"> <div class="portfolio-thumb"><a href="images/portfolio-img5.jpg" class="image-popup"> <div class="portfolio-item-hover"><i class="fa fa-plus"></i></div> <img src="images/portfolio-img5.jpg" class="img-responsive" alt="Portfolio" /> </a></div> </div> <div class="iso-box web photoshop col-md-4 col-sm-6"> <div class="portfolio-thumb"><a href="images/portfolio-img6.jpg" class="image-popup"> <div class="portfolio-item-hover"><i class="fa fa-plus"></i></div> <img src="images/portfolio-img6.jpg" class="img-responsive" alt="Portfolio" /> </a></div> </div> <div class="iso-box web html col-md-4 col-sm-6"> <div class="portfolio-thumb"><a href="images/portfolio-img7.jpg" class="image-popup"> <div class="portfolio-item-hover"><i class="fa fa-plus"></i></div> <img src="images/portfolio-img7.jpg" class="img-responsive" alt="Portfolio" /> </a></div> </div> <div class="iso-box graphic photoshop col-md-4 col-sm-6"> <div class="portfolio-thumb"><a href="images/portfolio-img8.jpg" class="image-popup"> <div class="portfolio-item-hover"><i class="fa fa-plus"></i></div> <img src="images/portfolio-img8.jpg" class="img-responsive" alt="Portfolio" /> </a></div> </div> <div class="iso-box web photoshop col-md-4 col-sm-6"> <div class="portfolio-thumb"><a href="images/portfolio-img9.jpg" class="image-popup"> <div class="portfolio-item-hover"><i class="fa fa-plus"></i></div> <img src="images/portfolio-img9.jpg" class="img-responsive" alt="Portfolio" /> </a></div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Divider Section --> <section id="divider" class="bg-gray"> <div class="container"> <div class="row"> <div class="col-md-offset-2 col-md-8 col-sm-12"> <p class="wow fadeInUp" data-wow-delay="0.4s">Floren Creative Agency 90 Founded &amp; Based in New York, we have been more 20+ years in web &amp; mobile Industry. we build beautiful websites &amp; smart mobile app for your business.</p> <a href="#" class="wow fadeInUp btn btn-success" data-wow-delay="0.8s">LEARN ABOUT US</a></div> </div> </div> </section> <!-- Footer Section --> <footer> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12"> <div class="wow fadeIn footer-link" data-wow-delay="0.8s"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Service</a></li> <li><a href="#">Work</a></li> <li><a href="#">Contact</a></li> </ul> </div> <div class="footer-copyright"> <ul class="social-icon"> <li><a href="#" class="fa fa-facebook wow fadeInUp" data-wow-delay="0.2s"></a></li> <li><a href="#" class="fa fa-twitter wow fadeInUp" data-wow-delay="0.4s"></a></li> <li><a href="#" class="fa fa-linkedin wow fadeInUp" data-wow-delay="0.6s"></a></li> <li><a href="#" class="fa fa-google-plus wow fadeInUp" data-wow-delay="0.8s"></a></li> <li><a href="#" class="fa fa-dribbble wow fadeInUp" data-wow-delay="1s"></a></li> </ul> <p class="small">© Copyright 2016 Floren Creative Agency - All Rights Reserved</p> </div> </div> </div> </div> </footer> <!-- Back top --> <a href="#" class="go-top"><i class="fa fa-angle-up"></i></a> <!-- SCRIPTS --><script src="js/jquery.js"></script><script src="js/bootstrap.min.js"></script><script src="js/isotope.js"></script><script src="js/imagesloaded.min.js"></script><script src="js/jquery.magnific-popup.min.js"></script><script src="js/magnific-popup-options.js"></script><script src="js/typed.js"></script><script src="js/typed-options.js"></script><script src="js/wow.min.js"></script><script src="js/custom.js"></script></body></html>