<!doctype html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no”>
<meta name=”author” content=”ThemeStarz”>
<link rel=”stylesheet” href=”https://fonts.googleapis.com/css?family=Poppins:300,400,600″>
<link rel=”stylesheet” href=”assets/bootstrap/css/bootstrap.min.css” type=”text/css”>
<link rel=”stylesheet” href=”assets/font-awesome/css/fontawesome-all.min.css”>
<link rel=”stylesheet” href=”assets/css/magnific-popup.css”>
<link rel=”stylesheet” href=”assets/css/odometer-theme-default.css”>
<link rel=”stylesheet” href=”assets/css/style.css”>
<title>Preus</title>
</head>
<body class=”has-loading-screen”>
<div class=”ts-page-wrapper”>
<!–Brand Navigation
====================================================================================================================
–>
<div id=”brand-navigation”>
<div class=”container”>
<div id=”brand”>
<button class=”navbar-toggler d-block d-xl-none” type=”button”>
<i class=”fa fa-bars”></i>
</button>
<a class=”navbar-brand” href=”#”>
<img src=”assets/img/brand-light.png” alt=”brand” class=”mw-100″>
</a>
</div>
</div>
</div>
<!–Main Left Navigation
====================================================================================================================
–>
<div id=”main-navigation”>
<nav class=”navbar navbar-dark”>
<ul class=”navbar-nav”>
<!–Home
========================================================================================================
–>
<li class=”nav-item”>
<a class=”nav-link” href=”#collapse__home” data-toggle=”collapse” role=”button”>Home</a>
<div class=”collapse” id=”collapse__home”>
<ul class=”nav flex-column”>
<li class=”nav-item”>
<a class=”nav-link” href=”index.html”>Creative</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”index__app.html”>App</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”index__freelancer.html”>Freelancer</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”index__portfolio.html”>Portfolio</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”index__slider.html”>Slider</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”index__video.html”>Video</a>
</li>
</ul>
</div>
</li>
<!–About us
========================================================================================================
–>
<li class=”nav-item”>
<a class=”nav-link” href=”#collapse__about” data-toggle=”collapse” role=”button”>About</a>
<div class=”collapse” id=”collapse__about”>
<ul class=”nav flex-column”>
<li class=”nav-item”>
<a class=”nav-link” href=”about__default.html”>Default</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”about__freelancer.html”>Freelancer</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”about__minimal.html”>Minimal</a>
</li>
</ul>
</div>
</li>
<!–Portfolio
========================================================================================================
–>
<li class=”nav-item”>
<a class=”nav-link active” href=”#collapse-portfolio” data-toggle=”collapse” role=”button”>Portfolio</a>
<div class=”collapse” id=”collapse-portfolio”>
<ul class=”nav flex-column”>
<!–Single–>
<li class=”nav-item”>
<a class=”nav-link” href=”#collapse__portfolio–detail” data-toggle=”collapse” role=”button”>Detail</a>
<div class=”collapse” id=”collapse__portfolio–detail”>
<ul class=”nav flex-column”>
<li class=”nav-item”>
<a class=”nav-link” href=”portfolio__detail–default.html”>Default</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”portfolio__detail–slider.html”>Slider</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”portfolio__detail–minimal.html”>Minimal</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”portfolio__detail–case-study.html”>Case Study</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”portfolio__detail–vertical.html”>Vertical</a>
</li>
</ul>
</div>
</li>
<!–Columns–>
<li class=”nav-item”>
<a class=”nav-link” href=”#collapse__portfolio–columns” data-toggle=”collapse” role=”button”>Columns</a>
<div class=”collapse” id=”collapse__portfolio–columns”>
<ul class=”nav flex-column”>
<li class=”nav-item”>
<a class=”nav-link” href=”portfolio__columns–2.html”>2 Columns</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”portfolio__columns–3.html”>3 Columns</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”portfolio__columns–4.html”>4 Columns</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”portfolio__columns–2–full-width.html”>Full Width 2 Columns</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”portfolio__columns–3–full-width.html”>Full Width 3 Columns</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”portfolio__columns–4–full-width.html”>Full Width 4 Columns</a>
</li>
</ul>
</div>
</li>
<!–Masonry–>
<li class=”nav-item”>
<a class=”nav-link” href=”portfolio__masonry.html”>Masonry</a>
</li>
</ul>
</div>
</li>
<!–Blog
========================================================================================================
–>
<li class=”nav-item”>
<a class=”nav-link” href=”#collapse__blog” data-toggle=”collapse” role=”button”>Blog</a>
<div class=”collapse” id=”collapse__blog”>
<ul class=”nav flex-column”>
<li class=”nav-item”>
<a class=”nav-link active” href=”blog__list.html”>Listing</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”blog__detail.html”>Post Detail</a>
</li>
</ul>
</div>
</li>
<!–Contact
========================================================================================================
–>
<li class=”nav-item”>
<a class=”nav-link” href=”#collapse__contact” data-toggle=”collapse” role=”button”>Contact</a>
<div class=”collapse” id=”collapse__contact”>
<ul class=”nav flex-column”>
<li class=”nav-item”>
<a class=”nav-link” href=”contact__default.html”>Default</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”contact__left-map.html”>Left Map</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”contact__minimal.html”>Minimal</a>
</li>
</ul>
</div>
</li>
</ul>
</nav>
</div>
<!–Content
====================================================================================================================
–>
<div class=”ts-content”>
<!–HERO HEADER
================================================================================================================
================================================================================================================
–>
<header id=”ts-hero” class=”ts-block”>
<div class=”container pt-2 pt-sm-5 pt-lg-0″>
<h1 data-animate=”ts-reveal”>
<span class=”wrapper”>
<span>Our Works</span>
</span>
</h1>
<h4>Portfolio Three Columns</h4>
</div>
</header>
<!–MAIN CONTENT
================================================================================================================
================================================================================================================
–>
<main id=”ts-content”>
<!–Works
============================================================================================================
–>
<section id=”works”>
<div class=”container-fluid px-0″>
<div class=”row no-gutters ts-gallery”>
<div class=”col-md-6 col-lg-3″>
<a href=”assets/img/img__work__thumb–01.jpg” class=”card ts-gallery__item ts-floated-description popup-image” data-animate=”ts-fadeInUp”>
<div class=”ts-gallery__item-description”>
<h5>Photography</h5>
<h3>The Moments</h3>
</div>
<div class=”ts-background ts-img-into-bg”>
<img src=”assets/img/img__work__thumb–01.jpg” alt=””>
</div>
</a>
</div>
<!–end gallery item–>
<div class=”col-md-6 col-lg-3″>
<a href=”assets/img/img__work__thumb–02.jpg” class=”card ts-gallery__item ts-floated-description popup-image” data-animate=”ts-fadeInUp” data-delay=”.1s”>
<div class=”ts-gallery__item-description”>
<h5>Branding</h5>
<h3>Perrier Refresh</h3>
</div>
<div class=”ts-background ts-img-into-bg”>
<img src=”assets/img/img__work__thumb–02.jpg” alt=””>
</div>
</a>
</div>
<!–end gallery item–>
<div class=”col-md-6 col-lg-3″>
<a href=”assets/img/img__work__thumb–03.jpg” class=”card ts-gallery__item ts-floated-description popup-image” data-animate=”ts-fadeInUp” data-delay=”.15s”>
<div class=”ts-gallery__item-description”>
<h5>Painting</h5>
<h3>Zola</h3>
</div>
<div class=”ts-background ts-img-into-bg”>
<img src=”assets/img/img__work__thumb–03.jpg” alt=””>
</div>
</a>
</div>
<!–end gallery item–>
<div class=”col-md-6 col-lg-3″>
<a href=”assets/img/img__work__thumb–04.jpg” class=”card ts-gallery__item ts-floated-description popup-image” data-animate=”ts-fadeInUp” data-delay=”.2s”>
<div class=”ts-gallery__item-description”>
<h5>Industrial Design</h5>
<h3>Aston Martin Reel</h3>
</div>
<div class=”ts-background ts-img-into-bg”>
<img src=”assets/img/img__work__thumb–04.jpg” alt=””>
</div>
</a>
</div>
<!–end gallery item–>
<div class=”col-md-6 col-lg-3″>
<a href=”assets/img/img__work__thumb–05.jpg” class=”card ts-gallery__item ts-floated-description popup-image” data-animate=”ts-fadeInUp” data-delay=”.25s”>
<div class=”ts-gallery__item-description”>
<h5>Branding</h5>
<h3>Maracana Cups</h3>
</div>
<div class=”ts-background ts-img-into-bg”>
<img src=”assets/img/img__work__thumb–05.jpg” alt=””>
</div>
</a>
</div>
<!–end gallery item–>
<div class=”col-md-6 col-lg-3″>
<a href=”assets/img/img__work__thumb–06.jpg” class=”card ts-gallery__item ts-floated-description popup-image” data-animate=”ts-fadeInUp” data-delay=”.35s”>
<div class=”ts-gallery__item-description”>
<h5>Art</h5>
<h3>Timeless Motion</h3>
</div>
<div class=”ts-background ts-img-into-bg”>
<img src=”assets/img/img__work__thumb–06.jpg” alt=””>
</div>
</a>
</div>
<!–end gallery item–>
<div class=”col-md-6 col-lg-3″>
<a href=”assets/img/img__work__thumb–07.jpg” class=”card ts-gallery__item ts-floated-description popup-image” data-animate=”ts-fadeInUp” data-delay=”.4s”>
<div class=”ts-gallery__item-description”>
<h5>Photography</h5>
<h3>An Ordinary Day</h3>
</div>
<div class=”ts-background ts-img-into-bg”>
<img src=”assets/img/img__work__thumb–07.jpg” alt=””>
</div>
</a>
</div>
<!–end gallery item–>
<div class=”col-md-6 col-lg-3″>
<a href=”assets/img/img__work__thumb–08.jpg” class=”card ts-gallery__item ts-floated-description popup-image” data-animate=”ts-fadeInUp” data-delay=”.45s”>
<div class=”ts-gallery__item-description”>
<h5>Product</h5>
<h3>Coffee Cups</h3>
</div>
<div class=”ts-background ts-img-into-bg”>
<img src=”assets/img/img__work__thumb–08.jpg” alt=””>
</div>
</a>
</div>
<!–end gallery item–>
<div class=”col-md-6 col-lg-3″>
<a href=”assets/img/img__work__thumb–09.jpg” class=”card ts-gallery__item ts-floated-description popup-image” data-animate=”ts-fadeInUp” data-delay=”.5s”>
<div class=”ts-gallery__item-description”>
<h5>Photomanipulation</h5>
<h3>Never Ending</h3>
</div>
<div class=”ts-background ts-img-into-bg”>
<img src=”assets/img/img__work__thumb–09.jpg” alt=””>
</div>
</a>
</div>
<!–end gallery item–>
<div class=”col-md-6 col-lg-3″>
<a href=”assets/img/img__work__thumb–10.jpg” class=”card ts-gallery__item ts-floated-description popup-image” data-animate=”ts-fadeInUp” data-delay=”.5s”>
<div class=”ts-gallery__item-description”>
<h5>Photomanipulation</h5>
<h3>Never Ending</h3>
</div>
<div class=”ts-background ts-img-into-bg”>
<img src=”assets/img/img__work__thumb–10.jpg” alt=””>
</div>
</a>
</div>
<!–end gallery item–>
<div class=”col-md-6 col-lg-3″>
<a href=”assets/img/img__work__thumb–11.jpg” class=”card ts-gallery__item ts-floated-description popup-image” data-animate=”ts-fadeInUp” data-delay=”.5s”>
<div class=”ts-gallery__item-description”>
<h5>Photomanipulation</h5>
<h3>Never Ending</h3>
</div>
<div class=”ts-background ts-img-into-bg”>
<img src=”assets/img/img__work__thumb–11.jpg” alt=””>
</div>
</a>
</div>
<!–end gallery item–>
<div class=”col-md-6 col-lg-3″>
<a href=”assets/img/img__work__thumb–12.jpg” class=”card ts-gallery__item ts-floated-description popup-image” data-animate=”ts-fadeInUp” data-delay=”.5s”>
<div class=”ts-gallery__item-description”>
<h5>Photomanipulation</h5>
<h3>Never Ending</h3>
</div>
<div class=”ts-background ts-img-into-bg”>
<img src=”assets/img/img__work__thumb–12.jpg” alt=””>
</div>
</a>
</div>
<!–end gallery item–>
</div>
</div>
</section>
<!–Call to action
============================================================================================================
–>
<section class=”py-5 text-center ts-background-repeat” data-bg-image=”assets/img/bg__pattern–dot.png”>
<div class=”container py-5 my-5″>
<h2 class=”mb-5″>Do You Love What You See?</h2>
<a href=”#” class=”btn btn-outline-dark”>Contact Us</a>
</div>
</section>
</main>
<!–end #content–>
<!–FOOTER
================================================================================================================
================================================================================================================
–>
<footer id=”ts-footer”>
<section id=”ts-footer-main”>
<div class=”container”>
<div class=”ts-title”>
<h2>About Us</h2>
</div>
<div class=”row”>
<div class=”col-md-5″>
<p>
Fusce pretium dui quis est pretium lobortis. Vestibulum eu ex sed nibh condimentum
tristique eu finibus lorem. Nullam sed eleifend massa. Morbi nulla turpis, pharetra et
nisl eu, pellentesque molestie erat
</p>
<a href=”#” class=”ts-link ts-underline mb-5 mb-md-0 d-inline-block”>More About Us</a>
</div>
<div class=”col-sm-6 col-md-4″>
<address class=”ts-text-muted—white”>
1565 Broadcast Drive
<br>
Dulles, VA 20166
<br>
<br>
<strong>Tel:</strong> +1 703-996-1212
<br>
<strong>Email:</strong> <a href=”#”>hello@example.com</a>
<br>
<strong>Skype:</strong> <a href=”#”>wearepreus</a>
<br>
</address>
</div>
<div class=”col-sm-6 col-md-3″>
<nav class=”nav flex-column”>
<a class=”nav-link” href=”#”>Home</a>
<a class=”nav-link” href=”#”>About us</a>
<a class=”nav-link” href=”#”>Portfolio</a>
<a class=”nav-link” href=”#”>Services</a>
<a class=”nav-link” href=”#”>Contact</a>
</nav>
</div>
</div>
</div>
</section>
<section>
<div class=”container py-5″>
<small>© 2019 All Rights Reserved</small>
</div>
</section>
</footer>
<!–end #footer–>
</div>
<!–end page–>
</div>
<script src=”assets/js/jquery-3.3.1.min.js”></script>
<script src=”assets/js/popper.min.js”></script>
<script src=”assets/bootstrap/js/bootstrap.min.js”></script>
<script src=”assets/js/imagesloaded.pkgd.min.js”></script>
<script src=”assets/js/isInViewport.jquery.js”></script>
<script src=”assets/js/jquery.magnific-popup.min.js”></script>
<script src=”assets/js/scrolla.jquery.min.js”></script>
<script src=”assets/js/jquery.validate.min.js”></script>
<script src=”assets/js/jquery-validate.bootstrap-tooltip.min.js”></script>
<script src=”assets/js/odometer.min.js”></script>
<script src=”assets/js/owl.carousel.min.js”></script>
<script src=”assets/js/jquery.vide.min.js”></script>
<script src=”assets/js/custom.js”></script>
</body>
</html>