872 lines
28 KiB
HTML
872 lines
28 KiB
HTML
<!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>
|
||
<script src="assets/js/page_reveal.js"></script>
|
||
</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="slide-menu-logo">
|
||
<a href="index.html">
|
||
<img src="assets/img/love.svg" alt="">
|
||
</a>
|
||
</div>
|
||
|
||
<div class="menu-close">
|
||
<span></span>
|
||
<span></span>
|
||
</div>
|
||
<div class="menu_item">
|
||
<ul>
|
||
<li class="active"><a href="index.html">Home</a></li>
|
||
<li><a href="work.html">Portfolio</a></li>
|
||
<li><a href="about.html">Studio</a></li>
|
||
|
||
<li><a href="contact.html">Get in Touch</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">
|
||
<h1>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.
|
||
<span class="hero-rotating-word"
|
||
|
||
data-words="Naming,Strategy,Branding,Digital">
|
||
|
||
</span>
|
||
|
||
</h1>
|
||
</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">
|
||
|
||
|
||
<h2 class="ct-heading">
|
||
Verjamemo v
|
||
<span class="ct-rotating-word" data-words="kakovost brez bližnjic,|strategijo z občutkom,|ideje z razlogom.|znamke s karakterjem."></span>
|
||
</h2>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!------ Creative First 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">
|
||
|
||
<div class="flip-card-media">
|
||
|
||
<iframe
|
||
src="https://player.mediadelivery.net/embed/641915/946cd284-5122-47b9-8817-831463b78829?autoplay=true&loop=true&muted=true&preload=true&controls=false"
|
||
loading="eager"
|
||
allow="accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;"
|
||
allowfullscreen
|
||
tabindex="-1">
|
||
</iframe>
|
||
|
||
</div>
|
||
|
||
</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">
|
||
|
||
<div class="flip-card-media">
|
||
|
||
<iframe
|
||
|
||
src="https://player.mediadelivery.net/embed/641915/946cd284-5122-47b9-8817-831463b78829?autoplay=true&loop=true&muted=true&preload=true&controls=false"
|
||
|
||
loading="eager"
|
||
|
||
allow="accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;"
|
||
|
||
allowfullscreen
|
||
|
||
tabindex="-1">
|
||
|
||
</iframe>
|
||
|
||
</div>
|
||
|
||
</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>
|
||
|
||
|
||
<!------ 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/black lime bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/black lime_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item logo-squre">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/BTC bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/BTC_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/elektro lj bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/elektro lj_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/europlakat bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/europlakat_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/fitinn bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/fitinn_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/golden drum bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/golden drum_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/impol bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/impol_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/kovacnik bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/kovacnik_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/maribox bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/maribox_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/marles bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/marles_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/Mastercard bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/Mastercard_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/MOM bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/MOM_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/nk mb bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/nk mb_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/nzs b2_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/nzs_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/ptuj bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/ptuj_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/Sava_bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/Sava_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="brand-dock-item">
|
||
<a href="#" class="brand-dock-link">
|
||
<img src="assets/img/visit maribor bw_1x.webp" alt="" class="brand-dock-img brand-default">
|
||
<img src="assets/img/visit maribor_1x.webp" alt="" class="brand-dock-img brand-hover">
|
||
</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
<!------ Brand Slider Area End ----->
|
||
|
||
|
||
<!------ working together Area Start ----->
|
||
<section class="working-together-area">
|
||
<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-content5 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> |