portfolio

7
7/21/2019 Portfolio http://slidepdf.com/reader/full/portfolio-56d976b75f9ba 1/7 <!DOCTYPE html> <html lang="en"> <head>  <meta charset="utf-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="description" content="">  <meta name="author" content="">  <title>Portfolio | Corlate</title>  <link href="css/bootstrap.min.css" rel="stylesheet">  <link href="css/font-awesome.min.css" rel="stylesheet">  <link href="css/prettyPhoto.css" rel="stylesheet">  <link href="css/animate.min.css" rel="stylesheet">  <link href="css/main.css" rel="stylesheet">  <link href="css/responsive.css" rel="stylesheet">  <!--[if lt IE 9]>  <script src="js/html5shiv.js"></script>  <script src="js/respond.min.js"></script>  <![endif]--> <link rel="shortcut icon" href="images/ico/favicon.ico">  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/ap ple-touch-icon-144-precomposed.png">  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/ap ple-touch-icon-114-precomposed.png">  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/appl e-touch-icon-72-precomposed.png">  <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-5 7-precomposed.png"> </head><!--/head--> <body>  <header id="header">  <div class="top-bar">  <div class="container">  <div class="row">  <div class="col-sm-6 col-xs-4">  <div class="top-number"><p><i class="fa fa-phone-square" ></i> +0123 456 70 90</p></div>  </div>  <div class="col-sm-6 col-xs-8">  <div class="social">  <ul class="social-share">  <li><a href="#"><i class="fa fa-facebook"></i></ a></li>  <li><a href="#"><i class="fa fa-twitter"></i></a ></li>  <li><a href="#"><i class="fa fa-linkedin"></i></ a></li> <li><a href="#"><i class="fa fa-dribbble"></i></ a></li>  <li><a href="#"><i class="fa fa-skype"></i></a>< /li>  </ul>  <div class="search">  <form role="form">  <input type="text" class="search-form" autoc omplete="off" placeholder="Search">  <i class="fa fa-search"></i>  </form>  </div>  </div>

Upload: h4leluy4h

Post on 04-Mar-2016

4 views

Category:

Documents


0 download

DESCRIPTION

Corlate Portfolio

TRANSCRIPT

Page 1: Portfolio

7/21/2019 Portfolio

http://slidepdf.com/reader/full/portfolio-56d976b75f9ba 1/7

<!DOCTYPE html><html lang="en"><head>  <meta charset="utf-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="description" content="">  <meta name="author" content="">  <title>Portfolio | Corlate</title>  <link href="css/bootstrap.min.css" rel="stylesheet">  <link href="css/font-awesome.min.css" rel="stylesheet">  <link href="css/prettyPhoto.css" rel="stylesheet">  <link href="css/animate.min.css" rel="stylesheet">  <link href="css/main.css" rel="stylesheet">  <link href="css/responsive.css" rel="stylesheet">  <!--[if lt IE 9]>  <script src="js/html5shiv.js"></script>  <script src="js/respond.min.js"></script>  <![endif]-->

<link rel="shortcut icon" href="images/ico/favicon.ico">  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/appl

e-touch-icon-72-precomposed.png">  <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png"></head><!--/head--><body>

  <header id="header">  <div class="top-bar">  <div class="container">  <div class="row">  <div class="col-sm-6 col-xs-4">  <div class="top-number"><p><i class="fa fa-phone-square"></i> +0123 456 70 90</p></div>

  </div>  <div class="col-sm-6 col-xs-8">  <div class="social">  <ul class="social-share">  <li><a href="#"><i class="fa fa-facebook"></i></a></li>  <li><a href="#"><i class="fa fa-twitter"></i></a></li>  <li><a href="#"><i class="fa fa-linkedin"></i></a></li>

<li><a href="#"><i class="fa fa-dribbble"></i></a></li>  <li><a href="#"><i class="fa fa-skype"></i></a><

/li>  </ul>  <div class="search">  <form role="form">  <input type="text" class="search-form" autocomplete="off" placeholder="Search">  <i class="fa fa-search"></i>  </form>  </div>  </div>

Page 2: Portfolio

7/21/2019 Portfolio

http://slidepdf.com/reader/full/portfolio-56d976b75f9ba 2/7

  </div>  </div>  </div><!--/.container-->  </div><!--/.top-bar-->

  <nav class="navbar navbar-inverse" role="banner">  <div class="container">  <div class="navbar-header">  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">  <span class="sr-only">Toggle navigation</span>  <span class="icon-bar"></span>  <span class="icon-bar"></span>  <span class="icon-bar"></span>  </button>  <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo"></a>  </div> 

<div class="collapse navbar-collapse navbar-right">  <ul class="nav navbar-nav">  <li><a href="index.html">Home</a></li>  <li><a href="about-us.html">About Us</a></li>  <li><a href="services.html">Services</a></li>

  <li class="active"><a href="portfolio.html">Portfolio</a></li>  <li class="dropdown">

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <i class="fa fa-angle-down"></i></a>  <ul class="dropdown-menu">  <li><a href="blog-item.html">Blog Single</a></li>  <li><a href="pricing.html">Pricing</a></li>  <li><a href="404.html">404</a></li>  <li><a href="shortcodes.html">Shortcodes</a></li>  </ul>

  </li>  <li><a href="blog.html">Blog</a></li><li><a href="contact-us.html">Contact</a></li>

</ul>  </div>  </div><!--/.container-->  </nav><!--/nav--> 

</header><!--/header-->  <section id="portfolio">  <div class="container">  <div class="center">

  <h2>Portfolio</h2>  <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut <br> et dolore magna aliqua. Ut enim ad minim veniam</p>  </div> 

<ul class="portfolio-filter text-center">  <li><a class="btn btn-default active" href="#" data-filter="*">All Works</a></li>

Page 3: Portfolio

7/21/2019 Portfolio

http://slidepdf.com/reader/full/portfolio-56d976b75f9ba 3/7

  <li><a class="btn btn-default" href="#" data-filter=".bootstrap">Creative</a></li>  <li><a class="btn btn-default" href="#" data-filter=".html">Photography</a></li>  <li><a class="btn btn-default" href="#" data-filter=".wordpress">Web Development</a></li>  </ul><!--/#portfolio-filter-->

  <div class="row">  <div class="portfolio-items">  <div class="portfolio-item apps col-xs-12 col-sm-4 col-md-3">  <div class="recent-work-wrap">  <img class="img-responsive" src="images/portfolio/recent/item1.png" alt="">  <div class="overlay">  <div class="recent-work-inner">  <h3><a href="#">Business theme</a></h3>  <p>There are many variations of passages ofLorem Ipsum available, but the majority</p>  <a class="preview" href="images/portfolio/full/item1.png" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>  </div>

</div>

  </div>  </div><!--/.portfolio-item-->

  <div class="portfolio-item joomla bootstrap col-xs-12 col-sm-4 col-md-3">  <div class="recent-work-wrap">  <img class="img-responsive" src="images/portfolio/recent/item2.png" alt="">  <div class="overlay">  <div class="recent-work-inner">  <h3><a href="#">Business theme</a></h3>  <p>There are many variations of passages ofLorem Ipsum available, but the majority</p>

  <a class="preview" href="images/portfolio/full/item2.png" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>  </div>

</div>  </div>

</div><!--/.portfolio-item-->

  <div class="portfolio-item bootstrap wordpress col-xs-12 col-sm-4 col-md-3">  <div class="recent-work-wrap">  <img class="img-responsive" src="images/portfolio/recent/item3.png" alt="">  <div class="overlay">

  <div class="recent-work-inner">  <h3><a href="#">Business theme</a></h3>  <p>There are many variations of passages ofLorem Ipsum available, but the majority</p>  <a class="preview" href="images/portfolio/full/item3.png" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>  </div>

</div>  </div>

</div><!--/.portfolio-item-->

Page 4: Portfolio

7/21/2019 Portfolio

http://slidepdf.com/reader/full/portfolio-56d976b75f9ba 4/7

  <div class="portfolio-item joomla wordpress apps col-xs-12 col-sm-4 col-md-3">  <div class="recent-work-wrap">  <img class="img-responsive" src="images/portfolio/recent/item4.png" alt="">  <div class="overlay">  <div class="recent-work-inner">  <h3><a href="#">Business theme</a></h3>  <p>There are many variations of passages ofLorem Ipsum available, but the majority</p>  <a class="preview" href="images/portfolio/full/item4.png" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>  </div>

</div>  </div>

</div><!--/.portfolio-item--> 

<div class="portfolio-item joomla html bootstrap col-xs-12 col-sm-4 col-md-3">  <div class="recent-work-wrap">  <img class="img-responsive" src="images/portfolio/recent/item5.png" alt="">  <div class="overlay">

  <div class="recent-work-inner">  <h3><a href="#">Business theme</a></h3>  <p>There are many variations of passages ofLorem Ipsum available, but the majority</p>  <a class="preview" href="images/portfolio/full/item5.png" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>  </div>

</div>  </div>

</div><!--/.portfolio-item-->

  <div class="portfolio-item wordpress html apps col-xs-12 col-sm-4 col-md-3">

  <div class="recent-work-wrap">  <img class="img-responsive" src="images/portfolio/recent/item6.png" alt="">  <div class="overlay">  <div class="recent-work-inner">  <h3><a href="#">Business theme</a></h3>  <p>There are many variations of passages ofLorem Ipsum available, but the majority</p>  <a class="preview" href="images/portfolio/full/item6.png" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>  </div>

</div>  </div>

</div><!--/.portfolio-item-->

  <div class="portfolio-item wordpress html col-xs-12 col-sm-4 col-md-3">  <div class="recent-work-wrap">  <img class="img-responsive" src="images/portfolio/recent/item7.png" alt="">  <div class="overlay">  <div class="recent-work-inner">  <h3><a href="#">Business theme</a></h3>

Page 5: Portfolio

7/21/2019 Portfolio

http://slidepdf.com/reader/full/portfolio-56d976b75f9ba 5/7

  <p>There are many variations of passages ofLorem Ipsum available, but the majority</p>  <a class="preview" href="images/portfolio/full/item7.png" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>  </div>

</div>  </div>

</div><!--/.portfolio-item-->

  <div class="portfolio-item wordpress html bootstrap col-xs-12 col-sm-4 col-md-3">  <div class="recent-work-wrap">  <img class="img-responsive" src="images/portfolio/recent/item8.png" alt="">  <div class="overlay">  <div class="recent-work-inner">  <h3><a href="#">Business theme</a></h3>  <p>There are many variations of passages ofLorem Ipsum available, but the majority</p>  <a class="preview" href="images/portfolio/full/item8.png" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>  </div>

</div>  </div>

</div><!--/.portfolio-item-->  </div>  </div>  </div>  </section><!--/#portfolio-item--> 

<section id="bottom">  <div class="container wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">  <div class="row">  <div class="col-md-3 col-sm-6">  <div class="widget">  <h3>Company</h3>

  <ul>  <li><a href="#">About us</a></li>  <li><a href="#">We are hiring</a></li>  <li><a href="#">Meet the team</a></li>  <li><a href="#">Copyright</a></li>  <li><a href="#">Terms of use</a></li>  <li><a href="#">Privacy policy</a></li>  <li><a href="#">Contact us</a></li>  </ul>  </div>

</div><!--/.col-md-3-->

  <div class="col-md-3 col-sm-6">

  <div class="widget">  <h3>Support</h3>  <ul>  <li><a href="#">Faq</a></li>  <li><a href="#">Blog</a></li>  <li><a href="#">Forum</a></li>  <li><a href="#">Documentation</a></li>  <li><a href="#">Refund policy</a></li>  <li><a href="#">Ticket system</a></li>  <li><a href="#">Billing system</a></li>

Page 6: Portfolio

7/21/2019 Portfolio

http://slidepdf.com/reader/full/portfolio-56d976b75f9ba 6/7

  </ul>  </div>

</div><!--/.col-md-3-->

  <div class="col-md-3 col-sm-6">  <div class="widget">  <h3>Developers</h3>  <ul>  <li><a href="#">Web Development</a></li>  <li><a href="#">SEO Marketing</a></li>  <li><a href="#">Theme</a></li>  <li><a href="#">Development</a></li>  <li><a href="#">Email Marketing</a></li>  <li><a href="#">Plugin Development</a></li>  <li><a href="#">Article Writing</a></li>  </ul>  </div>

</div><!--/.col-md-3-->

  <div class="col-md-3 col-sm-6">  <div class="widget">  <h3>Our Partners</h3>  <ul>  <li><a href="#">Adipisicing Elit</a></li>

  <li><a href="#">Eiusmod</a></li>  <li><a href="#">Tempor</a></li>  <li><a href="#">Veniam</a></li>  <li><a href="#">Exercitation</a></li>  <li><a href="#">Ullamco</a></li>  <li><a href="#">Laboris</a></li>  </ul>  </div>

</div><!--/.col-md-3-->  </div>  </div>  </section><!--/#bottom-->

  <footer id="footer" class="midnight-blue">  <div class="container">  <div class="row">  <div class="col-sm-6">  &copy; 2013 <a target="_blank" href="http://shapebootstrap.net/" title="Free Twitter Bootstrap WordPress Themes and HTML templates">ShapeBootstrap</a>. All Rights Reserved.  </div>  <div class="col-sm-6">  <ul class="pull-right">  <li><a href="#">Home</a></li>  <li><a href="#">About Us</a></li>  <li><a href="#">Faq</a></li>

  <li><a href="#">Contact Us</a></li>  </ul>  </div>  </div>  </div>  </footer><!--/#footer-->

  <script src="js/jquery.js"></script>  <script src="js/bootstrap.min.js"></script>  <script src="js/jquery.prettyPhoto.js"></script>

Page 7: Portfolio

7/21/2019 Portfolio

http://slidepdf.com/reader/full/portfolio-56d976b75f9ba 7/7

  <script src="js/jquery.isotope.min.js"></script>  <script src="js/main.js"></script>  <script src="js/wow.min.js"></script></body></html>