+180
@@ -0,0 +1,180 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>GC Universe Projects</title>
|
||||
<link rel="stylesheet" href="style/subpage-style.css">
|
||||
<link rel="stylesheet" href="style/menu.css">
|
||||
<link rel="icon" href="img/logos/brikk-rocks-white.png" type="image/png">
|
||||
<!-- Matomo -->
|
||||
<script>
|
||||
var _paq = window._paq = window._paq || [];
|
||||
_paq.push(['setVisitorCookieTimeout', 3600]); // Besucher-Cookie auf 1 Stunde begrenzen
|
||||
_paq.push(['setSessionCookieTimeout', 1800]); // Sitzungscookie auf 30 Minuten begrenzen
|
||||
_paq.push(['setReferralCookieTimeout', 3600]); // Referrer-Cookie auf 1 Stunde begrenzen
|
||||
_paq.push(['setDocumentTitle', document.title]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="//analytikks.brikk.rocks/";
|
||||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||
_paq.push(['setSiteId', '2']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
</script>
|
||||
<!-- End Matomo Code -->
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div id="logo" onclick="window.location.href='index.html';">BRIKK.ROCKS</div>
|
||||
</header>
|
||||
|
||||
<h2>eyeye Studio</h2>
|
||||
|
||||
<div class="partners">
|
||||
|
||||
<p>An evolving marketing agency specialized in generative AI. More to find at <a href="">eyeye.studio</a></p>
|
||||
<br>
|
||||
<p>I work closely together with:</p>
|
||||
<ul>
|
||||
<li>Christian Schön - CEO</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="text-box">
|
||||
<h5>eyeye SUMMER 2025</h5>
|
||||
<h4>05/2025 / FFM</h4>
|
||||
<p>Strong animated cases and concepts for the upcoming summer! ☀</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="visual">
|
||||
|
||||
<video src="video/reel-eyeye-lowres.mp4" autoplay controls muted loop></video>
|
||||
<p class="subtitle">REEL</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="text-box">
|
||||
<h5>FOREVER</h5>
|
||||
<h4>04/2025 / FFM</h4>
|
||||
<p>Can an AI-generated film make you smell a fragrance? We did have a go at it.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="visual">
|
||||
|
||||
<video src="video/forever-lowres.mp4" autoplay controls muted loop></video>
|
||||
<p class="subtitle">CAMPAIGN FILM</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="text-box">
|
||||
<h5>Electric Root</h5>
|
||||
<h4>04/2025 / FFM</h4>
|
||||
<p>eyeye sowed seeds and harvested flowers.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="visual">
|
||||
|
||||
<video src="video/electric-root.mp4" autoplay controls muted loop></video>
|
||||
<p class="subtitle">REEL</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<footer>
|
||||
<a href="impressum.html">Imprint</a>
|
||||
</footer>
|
||||
|
||||
<!-- Soundwave-Button für Fullscreen-Menü -->
|
||||
<div id="soundwaveButton">
|
||||
|
||||
<div class="wave-line"></div>
|
||||
<div class="wave-line"></div>
|
||||
<div class="wave-line"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Fullscreen-Menü -->
|
||||
<div id="menu">
|
||||
|
||||
|
||||
<div class="menu-header">
|
||||
|
||||
<div class="first-block"></div>
|
||||
<div class="logo"><img src="img/logos/brikk-rocks-black.png" alt=""></div>
|
||||
<div class="second-block"></div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="menu-center">
|
||||
<div class="first-block"></div>
|
||||
<nav>
|
||||
<div class="sitelinks">
|
||||
<a href="index.html">HOME</a>
|
||||
<a href="index.html#spotlite">SPOTLITE</a>
|
||||
<a href="index.html#me">MARK</a>
|
||||
|
||||
<a href="index.html#friends">FRIENDS</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="webshop-container">
|
||||
<p id="coming-soon">COMING SOON!</p>
|
||||
<a id="webshop-link" href="">WEBSHOP</a>
|
||||
<div class="logo-and-claim">
|
||||
<p id="stoned-rocks-1">STONED<br>ROKKS</p>
|
||||
<div class="sr-logo">
|
||||
<img src="img/logos/stoned-rocks.png" alt="">
|
||||
</div>
|
||||
<p>ART THAT<br>HITS HARD</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
||||
<div class="second-block"></div>
|
||||
</div>
|
||||
|
||||
<div class="lower-part">
|
||||
<div class="contact-links">
|
||||
<div class="left">
|
||||
<a href="https://www.linkedin.com/in/mark-hartmann-siegen/">LinkedIn</a>
|
||||
<a href="https://www.instagram.com/markdemacco/">Instagram</a>
|
||||
</div>
|
||||
|
||||
<div class="right">
|
||||
<a href="tel:+4916096558365">+49 160 965 58 365</a>
|
||||
<a href="mailto:mark@brikk.rocks">mark@brikk.rocks</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="imprint">
|
||||
<a href="imprint.html">Imprint</a>
|
||||
</div>
|
||||
|
||||
<div class="menu-music-control">
|
||||
<button id="menuPlayPause">Play/Pause</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="scripts/script.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user