Files
aritmija/aritmija_devTemplate/v3/about.html
2026-05-13 17:11:09 +02:00

740 lines
24 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="assets/img/love.svg">
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/responsive.css" />
<title>Home</title>
</head>
<body >
<div class="page-reveal"></div>
<!------ Header Area Start ----->
<header class="header">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<nav class="header-wrapper nav-desktop">
<a href="index.html">Home</a>
<a href="work.html">Work</a>
<div class="site-logo">
<a href="index.html"><img src="assets/img/logo.svg" alt=""></a>
</div>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
</nav>
<!-- Mobile Menu -->
<div class="mobile-nav">
<div class="love-sm">
<a href="#"><img src="assets/img/love.svg" alt=""></a>
</div>
<div class="logo-sm">
<a href="index.html"><img src="assets/img/logo.svg" alt=""></a>
</div>
<div class="menu-trigger">
<span></span>
<span></span>
</div>
</div>
<!-- Mobile Menu -->
</div>
</div>
</div>
</header>
<!------ Header Area End ----->
<!------ Slide Mobile Menu Area Start ----->
<div class="slide-menu">
<div class="menu-close">
<span></span>
<span></span>
</div>
<div class="menu_item">
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="info-bottom">
<span>En</span>
<img src="assets/img/love.svg" alt="">
<span>Sl</span>
</div>
</div>
<!------ Slide Mobile Menu Area End ----->
<!------ About Area Start ----->
<section class="about-area">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="about-title-wrap">
<h2>Aritmija je strateško-kreativni studio za znamke, ki ne želijo zveneti kot vsi ostali — ampak z več smisla, jasnosti in karakterja izstopiti iz povprečja.</h2>
</div>
</div>
</div>
</div>
<div class="team-title" ><h3>Ekipa A</h3>
<div class="team-title-subtitle">Pri nas ne boste našli ekipe B.</div>
</div>
<div class="team-slider">
<div class="team-track">
<div class="team-card">
<div class="card-thumb">
<img src="assets/img/team-1.jpg" alt="">
</div>
<div class="team-info">
<h4>Charlie priimek we we</h4>
<span>Boss</span>
</div>
</div>
<div class="team-card">
<div class="card-thumb">
<img src="assets/img/team-2.jpg" alt="">
</div>
<div class="team-info">
<h4>Ana Priimek je moj</h4>
<span>Art Director</span>
</div>
</div>
<div class="team-card">
<div class="card-thumb">
<img src="assets/img/team-3.jpg" alt="">
</div>
<div class="team-info">
<h4>Lara ki ima priimek</h4>
<span>Social Media</span>
</div>
</div>
<div class="team-card">
<div class="card-thumb">
<img src="assets/img/team-5.jpg" alt="">
</div>
<div class="team-info">
<h4>Laura</h4>
<span>Designer</span>
</div>
</div>
<div class="team-card">
<div class="card-thumb">
<img src="assets/img/team-6.jpg" alt="">
</div>
<div class="team-info">
<h4>Mitja</h4>
<span>Designer</span>
</div>
</div>
<div class="team-card">
<div class="card-thumb">
<img src="assets/img/team-7.jpg" alt="">
</div>
<div class="team-info">
<h4>Petra</h4>
<span>Creative Director</span>
</div>
</div>
</div>
</div>
</section>
<!------ About Area End ----->
<!------ working together Area Start ----->
<section class="working-together-area2">
<div class="container">
<div class="row align-items-end">
<div class="kakodelamo-title">Kako delamo</div>
<div class="col-lg-12">
<div class="together-content">
<h2>Najprej postavimo temelje. Šele nato z verige spustimo navdih.</h2>
<div class="kakodelamo-opis">Vsak projekt začnemo z razumevanjem znamke, potrošnikov in konteksta. Ne zato, da bi kreativnost ukrotili, ampak da bi ji dali pravo smer.</div>
</div>
</div>
<div class="col-lg-12">
<div class="together-content2">
<h2>Najraje sodelujemo z ekipami, ki želijo premakniti stvari.</h2>
<div class="kakodelamo-opis2">Ki ne iščejo samo izvedbe, ampak sogovornika. Ki imajo ambicijo, pogum in občutek, da njihova znamka zmore več. Takrat se hitro ujamemo.</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!------ working together Area End ----->
<!------ Creative First Area Start ----->
<section class="creative-area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="ct-wrap">
<h4>Verjamemo v</h4>
<h2 class="ct-heading">
<i>Verjamemo v</i>
<span class="ct-viewport">
<span class="ct-vertical" id="ctVertical">
<span>kakovost brez bližnjic.</span>
<span>vstavi besede</span>
<span>kakovost brez bližnjic.</span>
</span>
</span>
</h2>
</div>
</div>
</div>
</div>
</section>
<!------ Creative First Area End ----->
<!------ Brand Slider Area Start ----->
<section class="brand-slider-area brand-area-two">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12 text-center">
<div class="brief-title">
<div class="blagovne-title">Blagovne znamke, ki so z nami izstopile iz povprečja.</div>
</div>
</div>
</div>
</div>
<div class="brand-dock-wrap">
<ul class="brand-dock">
<li class="brand-dock-item logo-squre">
<a href="#" class="brand-dock-link">
<img src="assets/img/brand-1.png" alt="" class="brand-dock-img">
</a>
</li>
<li class="brand-dock-item logo-squre">
<a href="#" class="brand-dock-link">
<img src="assets/img/brand-2.png" alt="" class="brand-dock-img">
</a>
</li>
<li class="brand-dock-item">
<a href="#" class="brand-dock-link">
<img src="assets/img/brand-3.png" alt="" class="brand-dock-img">
</a>
</li>
<li class="brand-dock-item">
<a href="#" class="brand-dock-link">
<img src="assets/img/brand-4.png" alt="" class="brand-dock-img">
</a>
</li>
<li class="brand-dock-item min-h">
<a href="#" class="brand-dock-link">
<img src="assets/img/brand-5.png" alt="" class="brand-dock-img">
</a>
</li>
<li class="brand-dock-item min-h">
<a href="#" class="brand-dock-link">
<img src="assets/img/brand-6.png" alt="" class="brand-dock-img">
</a>
</li>
<li class="brand-dock-item max-h">
<a href="#" class="brand-dock-link">
<img src="assets/img/brand-7.png" alt="" class="brand-dock-img">
</a>
</li>
</ul>
</div>
</section>
<!------ Brand Slider Area End ----->
<!------ Inspiration Area End ----->
<section class="inspiration-area">
<div class="inspiration-wrapper">
<div class="inspiration-title">
<h2>Navdih včasih potrebuje odmik.</h2>>
</div>
<!--- Single Card -->
<div class="flip-card card__1" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-10.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
<!--- Single Card -->
<div class="flip-card card__2 card__normal" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-11.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
<!--- Single Card -->
<div class="flip-card card__3" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-12.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
<!--- Single Card -->
<div class="flip-card card__4" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-1.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
<!--- Single Card -->
<div class="flip-card card__5" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-2.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
<!--- Single Card -->
<div class="flip-card card__6 card__normal" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-12.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
<!--- Single Card -->
<div class="flip-card card__7" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-11.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
<!--- Single Card -->
<div class="flip-card card__8 card__normal" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-3.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
</div>
<!--- inspiration Mobile Version -->
<div class="container inspiration-mobile-wrapper">
<div class="row">
<div class="col-lg-12">
<div class="inspire-title">
<h2>Navdih včasih potrebuje odmik.</h2>>
</div>
</div>
<div class="col-lg-12">
<div class="slider-wrapper">
<div class="inspiration-overlay-slider ">
<!--- Single Card -->
<div class="flip-card" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-10.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
<!--- Single Card -->
<div class="flip-card card__normal" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-11.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
<!--- Single Card -->
<div class="flip-card" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-12.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
<!--- Single Card -->
<div class="flip-card" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-1.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
<!--- Single Card -->
<div class="flip-card" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-2.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
<!--- Single Card -->
<div class="flip-card card__normal" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-12.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
<!--- Single Card -->
<div class="flip-card" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-11.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
<!--- Single Card -->
<div class="flip-card card__normal" onclick="this.classList.toggle('active')">
<div class="flip-card-inner">
<!-- Front -->
<div class="flip-card-front">
<img src="assets/img/team-3.jpg" alt="Card Image">
</div>
<!-- Back -->
<div class="flip-card-back">
<p>Beer tasting in Vienna on the street in front bla bla card</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--- inspiration Mobile Version -->
</section>
<!------ Inspiration Area End ----->
<section class="about-area2">
<div class="awards-cursor-flair">
<img class="flair" src="assets/img/brand-2.png" alt="">
<img class="flair" src="assets/img/brand-2.png" alt="">
<img class="flair" src="assets/img/brand-2.png" alt="">
<img class="flair" src="assets/img/brand-2.png" alt="">
<img class="flair" src="assets/img/brand-2.png" alt="">
<img class="flair" src="assets/img/brand-2.png" alt="">
<img class="flair" src="assets/img/brand-2.png" alt="">
<img class="flair" src="assets/img/brand-2.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="brief-title">
<div class="blagovne-title nagrade-title">Nagrade niso naš cilj. So pa priznanje delu, v katerega smo vložili dušo in srce.</div>
</div>
</div>
</div>
</div>
<div class="awards-cloud">
<span class="award-item">SOF <sup>15</sup></span>
<span class="award-item">Outstanding <sup>5</sup></span>
<span class="award-item">Golden Drum <sup>1</sup></span>
<span class="award-item">Packaging of the world <sup>1</sup></span>
<span class="award-item">Sporto <sup>1</sup></span>
<span class="award-item blue">ADC*E <sup>1</sup></span>
<span class="award-item">White square <sup>1</sup></span>
<span class="award-item">Brumen <sup>5</sup></span>
</div>
</div>
</section>
<!------ working together Area Start ----->
<section class="working-together-area3">
<div class="container">
<div class="working-together-grid">
<div class="working-together-image">
<img src="assets/img/Frame_newimg.png" alt="">
</div>
<div class="together-content3 fixfont">
<h2>Ste za eno dobro motnjo povprečnosti?</h2>
<p>Pišite nam, če imate občutek, da vaša znamka zmore več.</p>
<a href="#" class="common-btn">
Pišite nam
<span><img src="assets/img/arrow_white.svg" alt=""></span>
</a>
</div>
</div>
</div>
</section>
<!------ working together Area End ----->
<!------ Footer Area Start ----->
<footer class="footer">
<svg preserveAspectRatio="none" id="footer-img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2278 683">
<defs>
<linearGradient id="grad-1" x1="0" y1="0" x2="2278" y2="683" gradientUnits="userSpaceOnUse">
<stop offset="0.2" stop-color="#121212"></stop>
<stop offset="0.8" stop-color="#121212"></stop>
</linearGradient>
</defs>
<path class="footer-svg" id="bouncy-path" fill="url(#grad-1)" d="M0-0.3C0-0.3,464,156,1139,156S2278-0.3,2278-0.3V683H0V-0.3z"/>
</svg>
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-5 col-md-5">
<div class="social-links">
<h4>Follow us on</h4>
<ul>
<li><a href="#"><img src="assets/img/fb.svg" alt=""></a></li>
<li><a href="#"><img src="assets/img/Instagram.svg" alt=""></a></li>
<li><a href="#"><img src="assets/img/Behance.svg" alt=""></a></li>
<li><a href="#"><img src="assets/img/Linkedin.svg" alt=""></a></li>
</ul>
</div>
</div>
<div class="col-xl-6 col-lg-7 col-md-7">
<div class="row">
<h4>Contact us</h4>
<div class="col-lg-6 col-md-6">
<div class="widget-links">
<div class="footer-info">
<ul>
<li><a href="mailto:office@aritmija.si">office@aritmija.si</a></li>
<li><a href="tel:+38626209877">+386 2 620 98 77 </a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="widget-links">
<div class="footer-info">
<p>Cesta XIV. divizije 20a </p>
<p>Maribor, Slovenija</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="footer-love">
<img src="assets/img/love.svg" alt="">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="copyright-wrap">
<div class="copyright-left">
<p>aritmija d.o.o. All rights reserved.</p>
</div>
<div class="copyright-center">
<p>Dobra motnja povprečnosti.</p>
</div>
<div class="copyright-right">
<p>Cookies. Splošni pogoji.</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!------ Footer Area End ----->
<!-- Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/lenis@1.3.13/dist/lenis.min.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/Popper.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/Draggable.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
<script src="https://unpkg.com/gsap@3/dist/MorphSVGPlugin.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>