File: /var/www/tana/frontend/build/index.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="">
<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 navbar-nav__item--active " 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 " 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="scrolled-pages__logo">
<div class="row">
<div class="col-xs-8 col-xs-offset-2 col-sm-6 col-sm-offset-3 col-md-12 col-md-offset-0">
<img class="img-responsive" src="./assets/images/tana-logo.png" alt="Tana logotip">
</div>
</div>
</div>
<div class="scrolled-pages__container">
<section class="scrolled-pages__page scrolled-pages__page-1">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="about-box">
<div class="row">
<div class="col-xs-12 col-sm-6 col-sm-push-6 v-center">
<div class="about-text about-text--offset-left">
<p>You need a trustworthy partner and legal advice on all matters IP, trade or corporate for your small or large scale business in the SEE region. </p>
<p>Tana is your one-stop IP rights solution.</p>
</div>
</div><div class="col-xs-12 col-sm-6 col-sm-pull-6 v-center">
<div class="aspectratio" data-ratio="10:1">
<div class="aspectratio__item">
<div class="slider slider--offset-left">
<div class="slider__images faded">
<img class="slider__image img-responsive" src="./assets/images/about-apple.png">
<img class="slider__image img-responsive" src="./assets/images/about-homo-volans.png">
</div>
<svg class="slider__circle">
<circle class="slider__circle-shape" stroke="#1428aa" stroke-width="20" fill="transparent" r="45%" cx="50%" cy="50%"></circle>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="scrolled-pages__page scrolled-pages__page-2">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="about-box">
<div class="row">
<div class="col-xs-12 col-sm-6 v-center">
<div class="about-text about-text--offset-right">
<p>Gain 25 years of experience, expert attorneys and a team of multilingual associates with specialist industry knowledge in an instant.</p>
<p>Clients from both of the Americas, EU, Middle East, Asia, Australia trust us with IP rights prosecution, enforcement and legal advice.</p>
<p>So can you.</p>
</div>
<div class="row">
<div class="col-xs-12 visible-xs text-center">
<button class="btn btn--primary btn--spaced" data-open-subpage data-subpage-type="about">Company profile</button>
</div>
</div>
</div><div class="col-xs-12 col-sm-6 v-center"><!-- Important that there is no whitespace between these two columns because of display: inline-block; -->
<div class="aspectratio" data-ratio="10:1">
<div class="aspectratio__item">
<div class="slider slider--offset-right">
<div class="slider__images faded">
<img class="slider__image img-responsive" src="./assets/images/about-homo-volans.png">
<img class="slider__image img-responsive" src="./assets/images/about-apple.png">
</div>
<svg class="slider__circle">
<circle class="slider__circle-shape" stroke="#1428aa" stroke-width="20" fill="transparent" r="45%" cx="50%" cy="50%"></circle>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 hidden-xs text-center">
<button class="btn btn--primary" data-open-subpage data-subpage-type="about">Company profile</button>
</div>
</div>
</div>
</section>
</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>