File: /var/www/tana/frontend/build/services.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-orange">
<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 navbar-nav__item--active " data-page-id="2">
<a href="/services.html">Services</a>
</li>
<li class="navbar-nav__item " 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="services-map__container" id="servicesMapContainer">
<div class="container">
<div class="row">
<div class="col-xs-6 col-xs-offset-3 col-sm-4 col-md-3 col-lg-2 col-sm-offset-0">
<a href="./" class="tana-logo-alternate">
<img class="img-responsive" src="./assets/images/tana-logo-alternate.png" alt="Tana logotip">
</a>
</div>
</div>
</div>
<div class="visible-xs services-map__map-mobile">
<img src="./assets/images/services-map-mobile.png" alt="Karta regije" class="img-responsive">
</div>
<div class="container">
<div class="row hidden-xs">
<div class="col-xs-12">
<figure id="servicesMap" class="services-map__map-desktop">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2240 1263"
preserveAspectRatio="xMinYMin meet">
<image width="2220" height="1263" xlink:href="./assets/images/services-map.png">
</image>
<a class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Slovenia" xlink:href="#slovenia">
<text class="services-map__link-text" x="385" y="460">Slovenia</text>
</a>
<a class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Croatia" xlink:href="#croatia">
<text class="services-map__link-text" x="420" y="565">Croatia</text>
</a>
<a class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Bosnia-Herzegovina" xlink:href="#bosnia-herzegovina">
<text class="services-map__link-text" x="0" y="670">Bosnia-Herzegovina</text>
</a>
<a class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Montenegro" xlink:href="#montenegro">
<text class="services-map__link-text" x="250" y="780">Montenegro</text>
</a>
<a class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Serbia" xlink:href="#serbia">
<text class="services-map__link-text" x="1880" y="625">Serbia</text>
</a>
<a class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Kosovo" xlink:href="#kosovo">
<text class="services-map__link-text" x="1880" y="730">Kosovo</text>
</a>
<a class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Macedonia" xlink:href="#macedonia">
<text class="services-map__link-text" x="1880" y="840">Macedonia</text>
</a>
<a class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Albania" xlink:href="#albania">
<text class="services-map__link-text" x="1880" y="940">Albania</text>
</a>
</svg>
</figure>
</div>
</div>
<div class="row visible-xs">
<div class="col-xs-12">
<ul class="list list--unstyled services-map__list">
<li class="services-map__list-item">
<a href="#slovenia" class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Slovenia">Slovenia</a>
</li>
<li class="services-map__list-item" data-name="Croatia">
<a href="#croatia" class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Croatia">Croatia</a>
</li>
<li class="services-map__list-item" data-name="Bosnia-Herzegovina">
<a href="#bosnia-herzegovina" class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Bosnia-Herzegovina">Bosnia-Herzegovina</a>
</li>
<li class="services-map__list-item" data-name="Montenegro">
<a href="#montenegro" class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Montenegro">Montenegro</a>
</li>
<li class="services-map__list-item" data-name="Serbia">
<a href="#serbia" class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Serbia">Serbia</a>
</li>
<li class="services-map__list-item" data-name="Kosovo">
<a href="#kosovo" class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Kosovo">Kosovo</a>
</li>
<li class="services-map__list-item" data-name="Macedonia">
<a href="#macedonia" class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Macedonia">Macedonia</a>
</li>
<li class="services-map__list-item" data-name="Albania">
<a href="#albania" class="services-map__link" data-open-subpage data-subpage-type="country" data-name="Albania">Albania</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="services">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-1-5">
<div class="service faded">
<h3 class="service__title">Patents</h3>
<p class="service__text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada
erat ut turpis.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-lg-1-5">
<div class="service faded">
<h3 class="service__title">Trade marks</h3>
<p class="service__text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada
erat ut turpis.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-lg-1-5">
<div class="service faded">
<h3 class="service__title">Designs</h3>
<p class="service__text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada
erat ut turpis.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-lg-1-5">
<div class="service faded">
<h3 class="service__title">Copyright</h3>
<p class="service__text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada
erat ut turpis.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-lg-1-5">
<div class="service faded">
<h3 class="service__title">Litigation</h3>
<p class="service__text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada
erat ut turpis.</p>
</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>