<!DOCTYPE html>
<html lang="en">
<head>
<!-- Charset -->
<meta charset="utf-8">
<!-- Title -->
<title>taklia.com</title>
<!-- Viewport -->
<meta name="viewport"
content="width=device-width, initial-scale=1" />
<!-- Description -->
<meta name="description"
content="A one page template very useful on any kind of website niche" />
<!-- Author -->
<meta name="author"
content="taklia.com" />
<!-- Keyword -->
<meta name="keyword"
content="
taklia communication agency,
taklia,
sensibility producer ,
humanistic communication ,
sub-vertising lab
"
/>
<!-- Favicon -->
<link rel="shortcut icon"
type="image/png"
href="/public/images/taklia/favicon.ico" />
<!-- Bootstrap -->
<link
rel="stylesheet"
type="text/css"
href="/public/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
<!-- Font -->
<link
rel="stylesheet"
type="text/css"
href="/public/css/font.css" />
<!-- Animate -->
<link
rel="stylesheet"
type="text/css"
href="/public/animate/css/animate.css" />
<!-- Fontawesome-->
<link
rel="stylesheet"
type="text/css"
href="/public/font-awesome/css/font-awesome.min.css" />
<!-- Owl Carousel -->
<link
rel="stylesheet"
type="text/css"
href="/public/owl-carousel/css/owl-carousel.css" />
<link
rel="stylesheet"
type="text/css"
href="/public/owl-carousel/css/owl-theme.css" />
<!-- Magnific Popup -->
<link
rel="stylesheet"
type="text/css"
href="/public/magnific-popup/css/magnific-popup.css" />
<!-- Main-Style -->
<link
rel="stylesheet"
type="text/css"
href="/public/css/fs.css" />
<!-- Specific-Style -->
<link
rel="stylesheet"
type="text/css"
href="/public/css/taklia.css" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[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 class="bg-static">
<div class="preloader">
<div class="loader-item">
<img src="/public/images/fs/loading.gif" alt="loader">
</div>
</div>
<!-- pattern -->
<div id="bg_pattern"></div>
<!-- ./pattern -->
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button"
class="navbar-toggle"
data-toggle="collapse"
data-target="#top-nav">
<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="#">
<img src="/public/images/taklia/taklia.com_logo_white.png"
alt="taklia.com logo"
width="200px" />
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="top-nav">
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- ./navigation -->
<!-- Slider -->
<div id="slider" class="fullSection">
<div class="container">
<!-- fullscreen-slider -->
<div id="fullscreen-slider" class="carousel slide wow bounceIn showdelay4" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#fullscreen-slider" data-slide-to="0" class="active"></li>
<li data-target="#fullscreen-slider" data-slide-to="1"></li>
<li data-target="#fullscreen-slider" data-slide-to="2"></li>
<li data-target="#fullscreen-slider" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<div class="slider-caption">
<img class="fa fa-lightbulb-o"
src="/public/images/taklia/taklia_logo_solo_trasp.png" />
<h2> Publishing House </h2>
<p>
Taklia is a multichannel publishing house
focused on socially useful content.
</p>
<div class="page-scroll">
<!--
<a href="#icon-box" class="btn btn-custom btn-lg">
Learn More
</a>
-->
</div>
</div>
</div>
<div class="item ">
<div class="slider-caption">
<i class="fa fa-heartbeat"></i>
<h2> Sensibility Producer</h2>
<p>
Taklia produces
<span style="font-style: italic;">
sensibility enhancement
</span>
against the pervasive inhumanity.
</p>
<div class="page-scroll">
<!--
<a href="#icon-box" class="btn btn-custom btn-lg">
Learn More
</a>
-->
</div>
</div>
</div>
<div class="item">
<div class="slider-caption">
<img class="fa fa-lightbulb-o"
src="/public/images/taklia/cropped-notes-logo_02.png" />
<h2>Humanistic communication</h2>
<p>
Taklia.com leads anti-militaristic campaigns.
</p>
<!--
<a href="#" class="btn btn-custom btn-lg"
data-toggle="modal" data-target="#slider-modal">
Learn More
</a>
-->
</div>
</div>
<div class="item">
<div class="slider-caption">
<img class="fa fa-lightbulb-o"
src="/public/images/taklia/subversive_small.png" />
<h2>Sub-vertising Lab</h2>
<p>
Taklia.com is a
<span style="font-style: italic;">
sense marketing agency
</span>
in the sense
that realizes marketing campaigns of social interest.
</p>
<!--
<a href="#"
class="btn btn-custom btn-lg"
data-toggle="modal" data-target="#video-modal">
Learn More
</a>
-->
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#fullscreen-slider"
role="button" data-slide="prev">
<!-- <span class="glyphicon glyphicon-chevron-left"></span> -->
<span class="fa fa-chevron-left"></span>
</a>
<a class="right carousel-control" href="#fullscreen-slider"
role="button" data-slide="next">
<!-- <span class="glyphicon glyphicon-chevron-right"></span> -->
<span class="fa fa-chevron-right"></span>
</a>
</div>
<!-- fullscreen-slider -->
</div>
</div>
<!-- footer -->
<footer id="footer">
<div class="container">
<div class="text-center">
privacy is freedom | i n f o @ taklia.com
</div>
</div>
</footer>
<!-- footer -->
<!-- jQuery -->
<script src="/public/jquery/jquery-1.11.3.js"></script>
<!-- bootstrap -->
<script src="/public/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<!-- easing -->
<script src="/public/jquery/jquery.easing-1.3.js"></script>
<!-- wow -->
<script src="/public/wow/js/wow.min.js"></script>
<!-- backstretch -->
<script src="/public/jquery/jquery.backstretch-2.0.4.min.js"></script>
<!-- owl carousel -->
<script src="/public/owl-carousel/js/owl-carousel.js"></script>
<!-- Magnific Popup -->
<script src="/public/jquery/jquery.magnific-popup-0.9.9.js"></script>
<!-- waypoints -->
<script src="/public/waypoints/waypoints.js"></script>
<!-- counterup -->
<script src="/public/jquery/jquery.counterup-1.0.js"></script>
<!-- countdown -->
<script src="/public/jquery/jquery.countdown-2.0.4.min.js"></script>
<!-- UIToTop -->
<script src="/public/jquery-ui/jquery.ui.totop-1.2.min.js"></script>
<!-- jqbootstrapvalidator -->
<script src="/public/javascript/jqBootstrapValidation.js"></script>
<!-- template specific -->
<script src="/public/javascript/fs.js"></script>
<!-- Website specific -->
<script src="/public/javascript/default.js"></script>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.mindholocaust.is/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '4']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</body>
</html>