280 lines
9.6 KiB
HTML
280 lines
9.6 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>
|
||
</head>
|
||
<body >
|
||
<body>
|
||
|
||
<!------ 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><a href="about.html">About</a></li>
|
||
<li class="active"><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 ----->
|
||
|
||
|
||
|
||
<!------ Projects Area Start ----->
|
||
<section class="projects-area">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="single-project">
|
||
<div class="project-info">
|
||
<div class="row">
|
||
<div class="col-lg-6 col-md-8">
|
||
<h2>Najboljša kino izkušnja in
|
||
vse kar sodi zraven</h2>
|
||
</div>
|
||
<div class="col-lg-6 col-md-4">
|
||
<div class="subtitle">
|
||
<p>Podoba festivala</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="thumbnail-wrap">
|
||
<video class="project-video" autoplay muted loop playsinline>
|
||
<source src="assets/video/hero.mp4" type="video/mp4">
|
||
</video>
|
||
</div>
|
||
<div class="row mt-5 single-wrapper">
|
||
<div class="col-lg-6">
|
||
<div class="project-info mb-0">
|
||
<div class="client-info">
|
||
<h4>Client</h4>
|
||
<span>SOZ</span>
|
||
</div>
|
||
<div class="project-details">
|
||
<h4>Awarded</h4>
|
||
<p>SOF - Gold Award - Art Direction</p>
|
||
<p>SOF - Silver Award - Design</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="description-text">
|
||
<p>Ne za kogarkoli, ampak za Golden Drum. Festival, ki vstopa v četrto desetletje in še vedno premika meje. Festival, ki spodbuja prebojne ideje in na novo definira kreativno industrijo.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-6 col-md-6">
|
||
<div class="single-project">
|
||
<div class="thumbnail-wrap">
|
||
<img src="assets/img/project-2.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-md-6">
|
||
<div class="single-project">
|
||
<div class="thumbnail-wrap">
|
||
<img src="assets/img/project-3.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row project-content justify-content-center">
|
||
<div class="col-lg-6 text-center project-quote">
|
||
<p>"Golden Drum celebrates creatives who see the world differently and connect ideas in original and unexpected ways. Join the festival of creativity, the sea, and unforgettable fun!"</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="single-project">
|
||
<div class="thumbnail-wrap">
|
||
<img src="assets/img/project-4.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-lg-6 col-md-6">
|
||
<div class="single-project">
|
||
<div class="thumbnail-wrap">
|
||
<img src="assets/img/project-5.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-md-6">
|
||
<div class="single-project">
|
||
<div class="thumbnail-wrap">
|
||
<img src="assets/img/project-6.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="single-project">
|
||
<div class="thumbnail-wrap">
|
||
<video class="project-video" autoplay muted loop playsinline>
|
||
<source src="assets/video/hero.mp4" type="video/mp4">
|
||
</video>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container mt-4">
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="btn-wrapper">
|
||
<a href="#" class="common-btn">Next project <span><img src="assets/img/arrow.svg" alt=""></span></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!------ Projects 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 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">
|
||
<p>aritmija d.o.o. All rights reserved.</p>
|
||
<p>Cookies. Splošni pogoji.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!------ Footer Area End ----->
|
||
|
||
|
||
|
||
|
||
<!-- Bootstrap Bundle with Popper -->
|
||
<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="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
|
||
<script src="assets/js/main.js"></script>
|
||
|
||
</body>
|
||
</html> |