File: /var/www/tana/frontend/build/know-how.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Tana</title>
<link rel="icon" type="image/x-icon" href="./assets/images/favicon.ico"/>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400|Montserrat:400,500,700&subset=latin-ext" rel="stylesheet">
<link rel="stylesheet" href="./assets/style/style.css">
</head>
<body class="theme-gray">
<div class="full-wrapper">
<div class="content-wrapper">
<nav class="navbar" id="navbar">
<div class="container-fluid">
<div class="navbar-nav__container">
<ul class="navbar-nav list list--unstyled">
<li class="navbar-nav__item " data-page-id="1">
<a href="/">About Us</a>
</li>
<li class="navbar-nav__item " data-page-id="2">
<a href="/services.html">Services</a>
</li>
<li class="navbar-nav__item navbar-nav__item--active " data-page-id="3">
<a href="/know-how.html">Know-how</a>
</li>
<li class="navbar-nav__item " data-page-id="4">
<a href="/contacts.html" >Contacts</a>
</li>
</ul>
</div>
</div>
<div class="menu-toggle" id="menuToggle">
<div class="menu-toggle__lines">
<div class="menu-toggle__line1"></div>
<div class="menu-toggle__line2"></div>
<div class="menu-toggle__line3"></div>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="row">
<div class="col-xs-6 col-xs-offset-3 col-sm-2 col-sm-offset-0">
<a href="./">
<img class="logo--secondary img-responsive center-block" src="./assets/images/tana-logo.png" alt="Tana logotip">
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-18 sticky-follow">
<div>
<div>
<a href="./">
<img class="logo--secondary img-responsive center-block" src="./assets/images/tana-logo.png" alt="Tana logotip">
</a>
</div>
<ul class="list list--unstyled list-categories list-categories--pretty">
<li class="list-categories__item list-categories__item--active">All</li>
<li class="list-categories__item" data-type="articles">Articles</li>
<li class="list-categories__item" data-type="news">News</li>
<li class="list-categories__item" data-type="events">Events</li>
<li class="list-categories__item" data-type="links">Links</li>
</ul>
</div>
</div>
<div class="col-sm-82">
<div class="results-container">
<div class="articles-grid">
<div class="row">
<div class="col-sm-6 col-md-8 faded">
<div class="article" style="background: #1428aa url('./assets/images/suit-image.png') center/cover no-repeat;">
<a href="#" class="article__link"></a>
<div class="article__metadata">
<div class="article__date">
10 Jun 2018
</div>
<h2 class="article__title">
<a class="article__title-link" href="#">Lorem ipsum dolor sit amet.</a>
</h2>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 faded">
<div class="article" style="background: #1428aa url('./assets/images/suit-image.png') center/cover no-repeat;">
<a href="#" class="article__link"></a>
<div class="article__metadata">
<div class="article__date">
10 Jun 2018
</div>
<h2 class="article__title">
<a class="article__title-link" href="#">Lorem ipsum dolor sit amet.</a>
</h2>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 faded">
<div class="article" style="background: #1428aa url('./assets/images/suit-image.png') center/cover no-repeat;">
<a href="#" class="article__link"></a>
<div class="article__metadata">
<div class="article__date">
10 Jun 2018
</div>
<h2 class="article__title">
<a class="article__title-link" href="#">Lorem ipsum dolor sit amet.</a>
</h2>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 faded">
<div class="article" style="background: #1428aa url('./assets/images/suit-image.png') center/cover no-repeat;">
<a href="#" class="article__link"></a>
<div class="article__metadata">
<div class="article__date">
10 Jun 2018
</div>
<h2 class="article__title">
<a class="article__title-link" href="#">Lorem ipsum dolor sit amet.</a>
</h2>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 faded">
<div class="article" style="background: #1428aa url('./assets/images/suit-image.png') center/cover no-repeat;">
<a href="#" class="article__link"></a>
<div class="article__metadata">
<div class="article__date">
10 Jun 2018
</div>
<h2 class="article__title">
<a class="article__title-link" href="#">Lorem ipsum dolor sit amet.</a>
</h2>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 faded">
<div class="article" style="background: #1428aa url('./assets/images/suit-image.png') center/cover no-repeat;">
<a href="#" class="article__link"></a>
<div class="article__metadata">
<div class="article__date">
10 Jun 2018
</div>
<h2 class="article__title">
<a class="article__title-link" href="#">Lorem ipsum dolor sit amet.</a>
</h2>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 faded">
<div class="article" style="background: #1428aa url('./assets/images/suit-image.png') center/cover no-repeat;">
<a href="#" class="article__link"></a>
<div class="article__metadata">
<div class="article__date">
10 Jun 2018
</div>
<h2 class="article__title">
<a class="article__title-link" href="#">Lorem ipsum dolor sit amet.</a>
</h2>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 faded">
<div class="article" style="background: #1428aa url('./assets/images/suit-image.png') center/cover no-repeat;">
<a href="#" class="article__link"></a>
<div class="article__metadata">
<div class="article__date">
10 Jun 2018
</div>
<h2 class="article__title">
<a class="article__title-link" href="#">Lorem ipsum dolor sit amet.</a>
</h2>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 faded">
<div class="article" style="background: #1428aa url('./assets/images/suit-image.png') center/cover no-repeat;">
<a href="#" class="article__link"></a>
<div class="article__metadata">
<div class="article__date">
10 Jun 2018
</div>
<h2 class="article__title">
<a class="article__title-link" href="#">Lorem ipsum dolor sit amet.</a>
</h2>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 faded">
<div class="article" style="background: #1428aa url('./assets/images/suit-image.png') center/cover no-repeat;">
<a href="#" class="article__link"></a>
<div class="article__metadata">
<div class="article__date">
10 Jun 2018
</div>
<h2 class="article__title">
<a class="article__title-link" href="#">Lorem ipsum dolor sit amet.</a>
</h2>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 faded">
<div class="article" style="background: #1428aa url('./assets/images/suit-image.png') center/cover no-repeat;">
<a href="#" class="article__link"></a>
<div class="article__metadata">
<div class="article__date">
10 Jun 2018
</div>
<h2 class="article__title">
<a class="article__title-link" href="#">Lorem ipsum dolor sit amet.</a>
</h2>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 faded">
<div class="article" style="background: #1428aa url('./assets/images/suit-image.png') center/cover no-repeat;">
<a href="#" class="article__link"></a>
<div class="article__metadata">
<div class="article__date">
10 Jun 2018
</div>
<h2 class="article__title">
<a class="article__title-link" href="#">Lorem ipsum dolor sit amet.</a>
</h2>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4 faded">
<div class="article" style="background: #1428aa url('./assets/images/suit-image.png') center/cover no-repeat;">
<a href="#" class="article__link"></a>
<div class="article__metadata">
<div class="article__date">
10 Jun 2018
</div>
<h2 class="article__title">
<a class="article__title-link" href="#">Lorem ipsum dolor sit amet.</a>
</h2>
</div>
</div>
</div>
</div>
</div>
<!-- LINKS GRID is only here to show how the markup looks. On server it's being fetched with AJAX and placed in the .results-container -->
<div class="links-grid hidden">
<div class="row">
<div class="col-md-4">
<div class="links-grid__single">
<h4 class="links-grid__single-title">Albania</h4>
<ul class="list list--unstyled links-grid__single-list">
<li>
<a href="#">Albanian domain name registry</a>
</li>
<li>
<a href="#">Albanian patent office</a>
</li>
</ul>
</div>
<div class="links-grid__single">
<h4 class="links-grid__single-title">Bosnia-Herzegovina</h4>
<ul class="list list--unstyled links-grid__single-list">
<li>
<a href="#">Intellectual Property Institute of Bosnia-Herzegovina</a>
</li>
<li>
<a href="#">UTIC – top level .ba domain names</a>
</li>
</ul>
</div>
<div class="links-grid__single">
<h4 class="links-grid__single-title">Croatia</h4>
<ul class="list list--unstyled links-grid__single-list">
<li>
<a href="#">CARNet – top level .hr domain names</a>
</li>
<li>
<a href="#">Croatian Customs Authority</a>
</li>
<li>
<a href="#">State Inspectorate of the Republic of Croatia</a>
</li>
<li>
<a href="#">The Croatian State Intellectual Property Office</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="links-grid__single">
<h4 class="links-grid__single-title">Kosovo</h4>
<ul class="list list--unstyled links-grid__single-list">
<li>
<a href="#">Kosovo IP office</a>
</li>
<li>
<a href="#">The Assembly of Kosovo</a>
</li>
</ul>
</div>
<div class="links-grid__single">
<h4 class="links-grid__single-title">Macedonia</h4>
<ul class="list list--unstyled links-grid__single-list">
<li>
<a href="#">Customs Administration of the Republic of Macedonia</a>
</li>
<li>
<a href="#">The Macedonian State Office of Industrial Property</a>
</li>
</ul>
</div>
<div class="links-grid__single">
<h4 class="links-grid__single-title">Montenegro</h4>
<ul class="list list--unstyled links-grid__single-list">
<li>
<a href="#">Intellectual Property Office of Montenegro</a>
</li>
<li>
<a href="#">Montenegro - top level .me domain names</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="links-grid__single">
<h4 class="links-grid__single-title">Serbia</h4>
<ul class="list list--unstyled links-grid__single-list">
<li>
<a href="#">Republic of Serbia Customs Administration</a>
</li>
<li>
<a href="#">Republic of Serbia Intellectual Property Office</a>
</li>
<li>
<a href="#">RNIDS – Serbian internet domain name registry</a>
</li>
</ul>
</div>
<div class="links-grid__single">
<h4 class="links-grid__single-title">Slovenia</h4>
<ul class="list list--unstyled links-grid__single-list">
<li>
<a href="#">ARNES – Slovenian domain name registry</a>
</li>
<li>
<a href="#">Customs Administration of the Republic of Slovenia</a>
</li>
<li>
<a href="#">The Slovenian Intellectual Property Office</a>
</li>
</ul>
</div>
<div class="links-grid__single">
<h4 class="links-grid__single-title">International</h4>
<ul class="list list--unstyled links-grid__single-list">
<li>
<a href="#">European Patent Organization</a>
</li>
<li>
<a href="#">The Office of Harmonization for the Internal Market (EU)</a>
</li>
<li>
<a href="#">World Intellectual Property Office</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-wrapper-second">
</div>
</div>
<div id="secondaryPage" class="secondary-page">
<div class="secondary-page__header text-center">
<div class="secondary-page__close">
<div class="arrow__container">
<div class="arrow__circle">
<div class="arrow__pointer arrow__pointer--up"></div>
</div>
</div>
</div>
</div>
<div class="secondary-page__content">
</div>
</div>
<div id="tertiaryPage" class="tertiary-page">
<div class="tertiary-page__header text-center">
<div class="tertiary-page__close">
<div class="arrow__container">
<div class="arrow__circle">
<div class="arrow__pointer arrow__pointer--up"></div>
</div>
</div>
</div>
</div>
<div class="tertiary-page__content">
</div>
</div>
<!-- <div id="transitionCircle" class="transition-circle">
<svg viewbox="0 0 100 50" width="100%">
<defs>
<mask id="mask" x="0" y="0" width="100%" height="100%">
<rect x="5" y="5" width="100%" height="100%" fill="#ebebeb"/>
<circle class="transition-circle__inner-circle" cx="50" cy="25" r="70" />
</mask>
</defs>
<rect x="0" y="0" width="100%" height="100%" mask="url(#mask)" fill-opacity="1"/>
</svg>
</div> -->
<footer class="footer">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<p class="footer__copyright">
© Tana Patents Ltd • Made in <a href="//filburg.co/" target="_blank">Filburg</a>
</p>
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="./assets/scripts/vendor.min.js"></script>
<script src="./assets/scripts/app.min.js"></script>
</body>
</html>