new updates
This commit is contained in:
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/._about.html
Normal file
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/._about.html
Normal file
Binary file not shown.
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/._assets
Normal file
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/._assets
Normal file
Binary file not shown.
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/._index.html
Normal file
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/._index.html
Normal file
Binary file not shown.
Binary file not shown.
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/._css
Normal file
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/._css
Normal file
Binary file not shown.
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/._js
Normal file
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/._js
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/css/._bootstrap.min.css
vendored
Normal file
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/css/._bootstrap.min.css
vendored
Normal file
Binary file not shown.
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/css/._owl.carousel.min.css
vendored
Normal file
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/css/._owl.carousel.min.css
vendored
Normal file
Binary file not shown.
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/css/._owl.theme.default.min.css
vendored
Normal file
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/css/._owl.theme.default.min.css
vendored
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/js/._bootstrap.min.js
vendored
Normal file
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/js/._bootstrap.min.js
vendored
Normal file
Binary file not shown.
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/js/._jquery.min.js
vendored
Normal file
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/js/._jquery.min.js
vendored
Normal file
Binary file not shown.
Binary file not shown.
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/js/._owl.carousel.min.js
vendored
Normal file
BIN
aritmija_devTemplate/aritmija_v4_Archive/__MACOSX/assets/js/._owl.carousel.min.js
vendored
Normal file
Binary file not shown.
774
aritmija_devTemplate/aritmija_v4_Archive/about.html
Normal file
774
aritmija_devTemplate/aritmija_v4_Archive/about.html
Normal file
@@ -0,0 +1,774 @@
|
||||
<!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.
|
||||
<span class="hero-rotating-word"
|
||||
|
||||
data-words="Naming.,Strategy.,Branding.,Digital.">
|
||||
|
||||
</span>
|
||||
|
||||
</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">
|
||||
|
||||
|
||||
<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 ----->
|
||||
|
||||
|
||||
<!------ 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">
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
<!------ 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>
|
||||
7
aritmija_devTemplate/aritmija_v4_Archive/assets/css/bootstrap.min.css
vendored
Normal file
7
aritmija_devTemplate/aritmija_v4_Archive/assets/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
6
aritmija_devTemplate/aritmija_v4_Archive/assets/css/owl.carousel.min.css
vendored
Normal file
6
aritmija_devTemplate/aritmija_v4_Archive/assets/css/owl.carousel.min.css
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
||||
6
aritmija_devTemplate/aritmija_v4_Archive/assets/css/owl.theme.default.min.css
vendored
Normal file
6
aritmija_devTemplate/aritmija_v4_Archive/assets/css/owl.theme.default.min.css
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
|
||||
1019
aritmija_devTemplate/aritmija_v4_Archive/assets/css/responsive.css
Normal file
1019
aritmija_devTemplate/aritmija_v4_Archive/assets/css/responsive.css
Normal file
File diff suppressed because it is too large
Load Diff
3321
aritmija_devTemplate/aritmija_v4_Archive/assets/css/style.css
Normal file
3321
aritmija_devTemplate/aritmija_v4_Archive/assets/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
7
aritmija_devTemplate/aritmija_v4_Archive/assets/js/bootstrap.min.js
vendored
Normal file
7
aritmija_devTemplate/aritmija_v4_Archive/assets/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
aritmija_devTemplate/aritmija_v4_Archive/assets/js/jquery.min.js
vendored
Normal file
2
aritmija_devTemplate/aritmija_v4_Archive/assets/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2789
aritmija_devTemplate/aritmija_v4_Archive/assets/js/main.js
Normal file
2789
aritmija_devTemplate/aritmija_v4_Archive/assets/js/main.js
Normal file
File diff suppressed because it is too large
Load Diff
7
aritmija_devTemplate/aritmija_v4_Archive/assets/js/owl.carousel.min.js
vendored
Normal file
7
aritmija_devTemplate/aritmija_v4_Archive/assets/js/owl.carousel.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
aritmija_devTemplate/aritmija_v4_Archive/assets/love.png
Normal file
BIN
aritmija_devTemplate/aritmija_v4_Archive/assets/love.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
657
aritmija_devTemplate/aritmija_v4_Archive/index.html
Normal file
657
aritmija_devTemplate/aritmija_v4_Archive/index.html
Normal file
@@ -0,0 +1,657 @@
|
||||
<!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 class="active"><a href="index.html">Home</a></li>
|
||||
<li><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 ----->
|
||||
|
||||
|
||||
<!------ Hero Area Start ----->
|
||||
|
||||
<!------ Hero Area End ----->
|
||||
|
||||
|
||||
|
||||
<section class="about-area_home">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<div class="about-title-wrap5">
|
||||
<h2>Strateško-kreativni studio za <span
|
||||
class="pink-text2 hero-rotating-word-pink"
|
||||
data-words="znamke,vizije la la,zgodbe,identitete">
|
||||
</span>, ki ne želijo biti povprečne.</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!------ Showcase Area Start ----->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="showcase-area">
|
||||
|
||||
|
||||
|
||||
<div class="portfolio-slider-wrap">
|
||||
<div class="portfolio-slider">
|
||||
|
||||
<a href="#" class="portfolio-slide klasik-sirina">
|
||||
<img src="assets/img/show-1.jpg" alt="">
|
||||
<span class="portfolio-slide-link">Golden Drum 2025</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="portfolio-slide ozki-sirina">
|
||||
<img src="assets/img/show-2.jpg" alt="">
|
||||
<span class="portfolio-slide-link">Golden Drum 2025</span>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
<a href="#" class="portfolio-slide klasik-sirina">
|
||||
|
||||
<div class="portfolio-video-embed">
|
||||
<iframe
|
||||
tabindex="-1"
|
||||
src="https://player.mediadelivery.net/embed/641915/946cd284-5122-47b9-8817-831463b78829?autoplay=true&loop=true&muted=true&preload=true&responsive=true&controls=false"
|
||||
loading="lazy"
|
||||
allow="accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;"
|
||||
allowfullscreen>
|
||||
</iframe>
|
||||
</div>
|
||||
|
||||
<span class="portfolio-slide-link">
|
||||
Golden Drum 2025
|
||||
</span>
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="#" class="portfolio-slide mini-sirina">
|
||||
<img src="assets/img/show-4.jpg" alt="">
|
||||
<span class="portfolio-slide-link">Golden Drum 2025</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="portfolio-slide siroki-sirina">
|
||||
<img src="assets/img/show-5.jpg" alt="">
|
||||
<span class="portfolio-slide-link">Golden Drum 2025</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
<!------ Showcase Area End ----->
|
||||
|
||||
|
||||
<!------ Opis storitev v2 ----->
|
||||
<section class="pulse-services-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
|
||||
<div class="pulse-services-wrap">
|
||||
|
||||
<div class="kakodelamo-title">
|
||||
Ne delamo vsega.<br>
|
||||
Zato se lahko bolj poglobimo v tisto, kar delamo najbolje.
|
||||
</div>
|
||||
|
||||
<div class="pulse-story-wrap">
|
||||
|
||||
<div class="pulse-word-cloud">
|
||||
|
||||
<div class="pulse-preview-img"></div>
|
||||
|
||||
<div class="pulse-service-word" data-url="https://www.google.com">
|
||||
<img src="assets/img/portfolio-1.jpg" alt="">
|
||||
<span>Strategije</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="pulse-service-word"
|
||||
data-url="/znamcenje/"
|
||||
data-preview-type="video"
|
||||
data-preview-src="https://player.mediadelivery.net/embed/641915/946cd284-5122-47b9-8817-831463b78829?autoplay=true&loop=true&muted=true&preload=true&responsive=true&controls=false">
|
||||
|
||||
|
||||
<span>Znamčenje</span>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="pulse-service-word" data-url="/identitete/">
|
||||
<img src="assets/img/portfolio-3.jpg" alt="">
|
||||
<span>Identitete</span>
|
||||
</div>
|
||||
|
||||
<div class="pulse-service-word" data-url="/komunikacije/">
|
||||
<img src="assets/img/portfolio-4.jpg" alt="">
|
||||
<span>Komunikacije</span>
|
||||
</div>
|
||||
|
||||
<div class="pulse-service-word" data-url="/embalaze/">
|
||||
<img src="assets/img/portfolio-5.jpg" alt="">
|
||||
<span>Embalaže</span>
|
||||
</div>
|
||||
|
||||
<div class="pulse-service-word" data-url="/oblikovanje/">
|
||||
<img src="assets/img/show-1.jpg" alt="">
|
||||
<span>Oblikovanje</span>
|
||||
</div>
|
||||
|
||||
<div class="pulse-service-word" data-url="/digital/">
|
||||
<img src="assets/img/show-2.jpg" alt="">
|
||||
<span>Digital</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!------ END Opis storitev v2 ----->
|
||||
|
||||
|
||||
|
||||
|
||||
<!------ Opis storitev ----->
|
||||
<section class="about-area_home about_area_home2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
|
||||
<div class="about-title-wrap5">
|
||||
<div class="kakodelamo-title">
|
||||
Ne delamo vsega.<br>
|
||||
Zato se lahko bolj poglobimo v tisto, kar delamo najbolje.
|
||||
</div>
|
||||
|
||||
|
||||
<div class="services-story-mobile-wrap">
|
||||
<div class="services-word-cloud">
|
||||
<div class="mobile-service-preview"></div>
|
||||
|
||||
<div class="service-word">
|
||||
<img src="assets/img/portfolio-1.jpg" alt="">
|
||||
<span>Strategije</span>
|
||||
</div>
|
||||
|
||||
<div class="service-word">
|
||||
<img src="assets/img/portfolio-2.jpg" alt="">
|
||||
<span>Znamčenje</span>
|
||||
</div>
|
||||
|
||||
<div class="service-word">
|
||||
<img src="assets/img/portfolio-3.jpg" alt="">
|
||||
<span>Identitete</span>
|
||||
</div>
|
||||
|
||||
<div class="service-word">
|
||||
<img src="assets/img/portfolio-4.jpg" alt="">
|
||||
<span>Komunikacije</span>
|
||||
</div>
|
||||
|
||||
<div class="service-word">
|
||||
<img src="assets/img/portfolio-5.jpg" alt="">
|
||||
<span>Embalaže</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="service-word"
|
||||
data-preview-type="video"
|
||||
data-preview-src="https://player.mediadelivery.net/embed/641915/946cd284-5122-47b9-8817-831463b78829?autoplay=true&loop=true&muted=true&preload=true&responsive=true&controls=false">
|
||||
<img src="assets/img/show-1.jpg" alt="">
|
||||
<span>Oblikovanje</span>
|
||||
</div>
|
||||
|
||||
<div class="service-word">
|
||||
<img src="assets/img/show-2.jpg" alt="">
|
||||
<span>Digital</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!------ video ----->
|
||||
<section class="hero-area">
|
||||
<div class="video-hero">
|
||||
<video class="hero-video" autoplay muted loop playsinline>
|
||||
<source src="assets/video/hero.mp4" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
<a href="#" class="lets-talk-btn">Let’s talk</a>
|
||||
<div class="language-action">
|
||||
<ul>
|
||||
<li class="active">
|
||||
<a href="https://google.com">EN</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://youtube.com">SL</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!------ kako delamo ----->
|
||||
<section class="working-together-area4">
|
||||
<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 together-content3">
|
||||
<h2>Navdih brez temeljev hitro zbledi, temelji brez navdiha pa nič ne premaknejo. Zato vedno združimo oboje.</h2>
|
||||
<div class="kakodelamo-opis kakodelamo-opis5"><a href="#" class="common-btn">Več o nas <span><img src="assets/img/arrow_white3.svg" alt=""></span></a></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-12">
|
||||
<div class="together-content2">
|
||||
<h2>Navijamo za ambiciozne ekipe. Za tiste, ki čutijo, da njihova znamka zmore več.</h2>
|
||||
<div class="kakodelamo-opis2 kakodelamo-opis5"><a href="#" class="common-btn">Pišite nam <span><img src="assets/img/arrow_white3.svg" alt=""></span></a></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!------ Brand Slider Area Start MOBILE VERSION ----->
|
||||
<section class="about-area2">
|
||||
<div class="awards-cursor-flair">
|
||||
<img class="flair" src="assets/img/brand-2.png" alt="" style="translate: none; rotate: none; scale: none; transform: translate(-50%, -50%) translate3d(0px, 44.0962px, 0px) rotate(-360deg); top: 552px; left: 538px; opacity: 0;">
|
||||
<img class="flair" src="assets/img/brand-2.png" alt="" style="translate: none; rotate: none; scale: none; transform: translate(-50%, -50%) translate3d(0px, 34.1137px, 0px) rotate(357.5794deg); top: 441px; left: 462px; opacity: 0;">
|
||||
<img class="flair" src="assets/img/brand-2.png" alt="" style="translate: none; rotate: none; scale: none; transform: translate(-50%, -50%) translate3d(0px, 25.5799px, 0px) rotate(-350.0798deg); top: 334px; left: 426px; opacity: 0;">
|
||||
<img class="flair" src="assets/img/brand-2.png" alt="" style="opacity: 0;">
|
||||
<img class="flair" src="assets/img/brand-2.png" alt="" style="opacity: 0;">
|
||||
<img class="flair" src="assets/img/brand-2.png" alt="" style="opacity: 0;">
|
||||
<img class="flair" src="assets/img/brand-2.png" alt="" style="opacity: 0;">
|
||||
<img class="flair" src="assets/img/brand-2.png" alt="" style="opacity: 0;">
|
||||
</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>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
<!------ Brand Slider Area End ----->
|
||||
|
||||
|
||||
<!------ Brief Area Start ----->
|
||||
<section class="brief-area3 light">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<div class="brief-title3">
|
||||
<h2>Začutite naš utrip.</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-slider">
|
||||
<div class="team-track" style="translate: none; rotate: none; scale: none; transform: translate3d(-426.92px, 0px, 0px); touch-action: pan-y; cursor: grab; -webkit-user-select: none;">
|
||||
<div class="team-card" style="touch-action: pan-y;">
|
||||
<div class="card-thumb card-thumb-video">
|
||||
|
||||
<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 class="team-info" style="touch-action: pan-y;">
|
||||
<span style="touch-action: pan-y;">Beer tasting in Vienna on the street in front bla bla card</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-card" style="touch-action: pan-y;">
|
||||
<div class="card-thumb" style="touch-action: pan-y;">
|
||||
<img src="assets/img/team-2.jpg" alt="" style="touch-action: pan-y;">
|
||||
</div>
|
||||
<div class="team-info" style="touch-action: pan-y;">
|
||||
<span style="touch-action: pan-y;">Beer tasting in Vienna on the street in front bla bla card</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-card" style="touch-action: pan-y; translate: none; rotate: none; scale: none; transform: rotate(-0.99986deg);">
|
||||
<div class="card-thumb" style="touch-action: pan-y;">
|
||||
<img src="assets/img/team-3.jpg" alt="" style="touch-action: pan-y;">
|
||||
</div>
|
||||
<div class="team-info" style="touch-action: pan-y;">
|
||||
<span style="touch-action: pan-y;">Beer tasting in Vienna on the street in front bla bla card</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-card" style="touch-action: pan-y;">
|
||||
<div class="card-thumb" style="touch-action: pan-y;">
|
||||
<img src="assets/img/team-5.jpg" alt="" style="touch-action: pan-y;">
|
||||
</div>
|
||||
<div class="team-info" style="touch-action: pan-y;">
|
||||
<span style="touch-action: pan-y;">Beer tasting in Vienna on the street in front bla bla card</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-card" style="touch-action: pan-y;">
|
||||
<div class="card-thumb" style="touch-action: pan-y;">
|
||||
<img src="assets/img/team-6.jpg" alt="" style="touch-action: pan-y;">
|
||||
</div>
|
||||
<div class="team-info" style="touch-action: pan-y;">
|
||||
<span style="touch-action: pan-y;">Beer tasting in Vienna on the street in front bla bla card</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-card" style="touch-action: pan-y;">
|
||||
<div class="card-thumb" style="touch-action: pan-y;">
|
||||
<img src="assets/img/team-7.jpg" alt="" style="touch-action: pan-y;">
|
||||
</div>
|
||||
<div class="team-info" style="touch-action: pan-y;">
|
||||
<span style="touch-action: pan-y;">Beer tasting in Vienna on the street in front bla bla card</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="team-card" style="touch-action: pan-y;">
|
||||
<div class="card-thumb" style="touch-action: pan-y;">
|
||||
<img src="assets/img/team-1.jpg" alt="" style="touch-action: pan-y;">
|
||||
</div>
|
||||
<div class="team-info" style="touch-action: pan-y;">
|
||||
<span style="touch-action: pan-y;">Beer tasting in Vienna on the street in front bla bla card</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-card" style="touch-action: pan-y;">
|
||||
<div class="card-thumb" style="touch-action: pan-y;">
|
||||
<img src="assets/img/team-2.jpg" alt="" style="touch-action: pan-y;">
|
||||
</div>
|
||||
<div class="team-info" style="touch-action: pan-y;">
|
||||
<span style="touch-action: pan-y;">Beer tasting in Vienna on the street in front bla bla card</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-card" style="touch-action: pan-y;">
|
||||
<div class="card-thumb" style="touch-action: pan-y;">
|
||||
<img src="assets/img/team-3.jpg" alt="" style="touch-action: pan-y;">
|
||||
</div>
|
||||
<div class="team-info" style="touch-action: pan-y;">
|
||||
<span style="touch-action: pan-y;">Beer tasting in Vienna on the street in front bla bla card</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-card" style="touch-action: pan-y;">
|
||||
<div class="card-thumb" style="touch-action: pan-y;">
|
||||
<img src="assets/img/team-5.jpg" alt="" style="touch-action: pan-y;">
|
||||
</div>
|
||||
<div class="team-info" style="touch-action: pan-y;">
|
||||
<span style="touch-action: pan-y;">Beer tasting in Vienna on the street in front bla bla card</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-card" style="touch-action: pan-y;">
|
||||
<div class="card-thumb" style="touch-action: pan-y;">
|
||||
<img src="assets/img/team-6.jpg" alt="" style="touch-action: pan-y;">
|
||||
</div>
|
||||
<div class="team-info" style="touch-action: pan-y;">
|
||||
<span style="touch-action: pan-y;">Beer tasting in Vienna on the street in front bla bla card</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-card" style="touch-action: pan-y;">
|
||||
<div class="card-thumb" style="touch-action: pan-y;">
|
||||
<img src="assets/img/team-7.jpg" alt="" style="touch-action: pan-y;">
|
||||
</div>
|
||||
<div class="team-info" style="touch-action: pan-y;">
|
||||
<span style="touch-action: pan-y;">Beer tasting in Vienna on the street in front bla bla card</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <div class="row veonas">
|
||||
<div class="col-lg-12 text-center">
|
||||
<div class="cta-btn">
|
||||
<a href="#" class="common-btn">Več o nas <span><img src="assets/img/arrow_black.svg" alt=""></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!------ Brief Area End ----->
|
||||
|
||||
|
||||
|
||||
<!------ CTA Area Start ----->
|
||||
<section class="cta-area">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-8 col-md-8">
|
||||
<div class="cta-content">
|
||||
<h2>Če imate občutek, da lahko vaša znamka naredi več — imate prav.</h2>
|
||||
<h3>Pišite nam, da se spoznamo. Morda nastane dober projekt. Morda samo dober pogovor.</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4">
|
||||
<div class="cta-btn">
|
||||
<a href="#" class="common-btn">Lets talk <span><img src="assets/img/arrow_white3.svg" alt=""></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!------ CTA 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="https://cdn.jsdelivr.net/npm/hls.js@latest"></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>
|
||||
Reference in New Issue
Block a user