<!DOCTYPE html>
<html lang="en">
<head>
<title>Advertising Agency - Minimalist Modern</title>
<link href="img/logo.png" rel="shortcut icon" />
<meta name="description" content="The services we provide are a lot deeper than your imagination!">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="css/animate.css" />
<link rel="stylesheet" href="css/owl.carousel.css" />
<link rel="stylesheet" href="css/style.css" />
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="preloder">
<div class="loader"></div>
</div>
<header class="header-area">
<a href="home.html" class="logo-area">
<img src="img/logo.png" alt width="200px">
</a>
<div class="nav-switch">
<i class="fa fa-bars"></i>
</div>
<nav class="nav-menu">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="profile.php">Profile</a></li>
</ul>
</nav>
</header>
<section class="hero-section">
<div class="left-bar">
<div class="left-bar-content">
<div class="social-links">
<a href="#"><i class="fa fa-pinterest"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
</div>
</div>
</div>
<div class="hero-slider">
<div class="hero-slide-item set-bg" data-setbg="img/bg.jpg">
<div class="slide-inner">
<div class="slide-content">
<h2>Minimalistic <br>Architecture <br> and more</h2>
<a href="#" class="site-btn sb-light">See Project</a>
</div>
</div>
</div>
<div class="hero-slide-item set-bg" data-setbg="img/bg.jpg">
<div class="slide-inner">
<div class="slide-content">
<h2>Minimalistic <br>Architecture <br> and more</h2>
<a href="#" class="site-btn sb-light">See Project</a>
</div>
</div>
</div>
</div>
<div class="slide-num-holder" id="snh-1"></div>
<div class="hero-right-text">architecture</div>
</section>
<section class="intro-section pt100 pb50">
<div class="container">
<div class="row">
<div class="col-lg-7 intro-text mb-5 mb-lg-0">
<h2 class="sp-title">Minimalist Modern: The Architecture of Rural Retreats</h2>
<p>Minimalism has shaped architecture for over a century. Embracing new materials and rejecting ornament, the modernist movement grounded minimalist architecture through rational use and function. Throughout the 20th century, architects returned to minimalism as they worked with glass, steel and reinforced concrete. Over time, minimalist and modernist designs became more closely tied to cost, construction and aesthetic.</p>
<a href="#" class="site-btn sb-dark">See Project</a>
</div>
<div class="col-lg-5 pt-4">
<img src="img/intro.png" alt>
</div>
</div>
</div>
</section>
<section class="service-section spad">
<div class="container">
<div class="section-title">
<h2>Services</h2>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="sb-icon">
<div class="sb-img-icon">
<img src="img/icon/dark/1.png" alt>
</div>
</div>
<h3>Plans and Projects</h3>
<p>We Plan and write a powerful presentation with a clear focus.</p>
<a href="#" class="readmore">READ MORE</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="sb-icon">
<div class="sb-img-icon">
<img src="img/icon/dark/2.png" alt>
</div>
</div>
<h3>Conceptual Architecture</h3>
<p>We Design like a professional, while working with the best Builders.</p>
<a href="#" class="readmore">READ MORE</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="sb-icon">
<div class="sb-img-icon">
<img src="img/icon/dark/3.png" alt>
</div>
</div>
<h3>Apartment Buildings</h3>
<p>We Get ideas formed into a powerful presentation that will move our audience.</p>
<a href="#" class="readmore">READ MORE</a>
</div>
</div>
</div>
</div>
</section>
<section class="cta-section pt100 pb50">
<div class="cta-image-box"></div>
<div class="container">
<div class="row">
<div class="col-lg-7 pl-lg-0 offset-lg-5 cta-content">
<h2 class="sp-title">Square-Meter Apartments: Minimizing Living Space or Maximizing Profit?</h2>
<p>The launch of a building in downtown São Paulo - Brazil was the talk of the town due to its surprising apartment sizes of only 10 square meters. This raised the debate about the market trend to produce ever smaller properties and the ability of these properties to meet the needs of its residents.
There is no doubt that, this type of real estate is related to newest trends of family compositions. It is increasingly common for residences to be occupied by only one person, or at most two. According to data from the SEADE Foundation for 2010, in the State of São Paulo, almost 40% of households have these characteristic, 13% of which is made up of a single resident.</p>
<div class="cta-icons">
<div class="cta-img-icon">
<img src="img/icon/light/1.png" alt>
</div>
<div class="cta-img-icon">
<img src="img/icon/light/2.png" alt>
</div>
<div class="cta-img-icon">
<img src="img/icon/color/3.png" alt>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="milestones-section spad">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="milestone">
<h2>14</h2>
<p>Years <br>of <br>Experience</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="milestone">
<h2>237</h2>
<p>Projects <br>Taken</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="milestone">
<h2>11k</h2>
<p>Twitter <br>Followers</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="milestone">
<h2>12</h2>
<p>Awards <br>Won</p>
</div>
</div>
</div>
</div>
</section>
<div class="projects-section pb50">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="section-title">
<h1>Projects</h1>
</div>
</div>
<div class="col-lg-9">
<ul class="projects-filter-nav">
<li class="btn-filter" data-filter="*">All</li>
<li class="btn-filter" data-filter=".rest">Restaurations</li>
<li class="btn-filter" data-filter=".build">Buildings</li>
<li class="btn-filter" data-filter=".apart">Apartments</li>
</ul>
</div>
</div>
</div>
<div id="projects-carousel" class="projects-slider">
<div class="single-project set-bg rest" data-setbg="img/projects/1.jpg">
<div class="project-content">
<h2>Biggest <br> Restaurations</h2>
<p>Jan 19, 2018</p>
<a href="#" class="seemore">See Project </a>
</div>
</div>
<div class="single-project set-bg build" data-setbg="img/projects/2.jpg">
<div class="project-content">
<h2>Office <br> Building</h2>
<p>Jan 19, 2018</p>
<a href="#" class="seemore">See Project </a>
</div>
</div>
<div class="single-project set-bg apart" data-setbg="img/projects/3.jpg">
<div class="project-content">
<h2>Nice <br> Apartments</h2>
<p>Jan 19, 2018</p>
<a href="#" class="seemore">See Project </a>
</div>
</div>
<div class="single-project set-bg rest" data-setbg="img/projects/4.jpg">
<div class="project-content">
<h2>Biggest <br> Restaurations</h2>
<p>Jan 19, 2018</p>
<a href="#" class="seemore">See Project </a>
</div>
</div>
<div class="single-project set-bg apart" data-setbg="img/projects/2.jpg">
<div class="project-content">
<h2>Office <br> Building</h2>
<p>Jan 19, 2018</p>
<a href="#" class="seemore">See Project </a>
</div>
</div>
</div>
</div>
<div class="client-section spad">
<div class="container">
<div id="client-carousel" class="client-slider">
<div class="single-brand">
<a href="#">
<img src="img/clients/1.png" alt>
</a>
</div>
<div class="single-brand">
<a href="#">
<img src="img/clients/2.png" alt>
</a>
</div>
<div class="single-brand">
<a href="#">
<img src="img/clients/3.png" alt>
</a>
</div>
<div class="single-brand">
<a href="#">
<img src="img/clients/4.png" alt>
</a>
</div>
<div class="single-brand">
<a href="#">
<img src="img/clients/5.png" alt>
</a>
</div>
</div>
</div>
</div>
<footer class="footer-section">
<div class="footer-social">
<div class="social-links">
<a href="#"><i class="fa fa-pinterest"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
</div>
</div>
</footer>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.owl-filter.js"></script>
<script src="js/magnific-popup.min.js"></script>
<script src="js/circle-progress.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>