Skip to content

Instantly share code, notes, and snippets.

@Ashon-G

Ashon-G/index.html

Created July 31, 2023 01:40
Show Gist options
  • Save Ashon-G/4d43ec393e8efb246f85d0366dbc7558 to your computer and use it in GitHub Desktop.
Save Ashon-G/4d43ec393e8efb246f85d0366dbc7558 to your computer and use it in GitHub Desktop.
Download ZIP
xxQzXxq
Raw
index.html
<!DOCTYPE html>
<!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Sun Nov 06 2022 18:23:48 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="fojcikdominik.webflow.io" data-wf-page="62b86b827713d80a7f9fcd65" data-wf-site="621b82fec7a99d5915ba8dc5" lang="en">
<head>
<meta charset="utf-8" />
<title>Bankous</title>
<link href="https://uploads-ssl.webflow.com/621b82fec7a99d5915ba8dc5/css/fojcikdominik.webflow.eb4e6e9cb.css" rel="stylesheet" type="text/css" />
<style>
@media (min-width:992px) {
html.w-mod-js:not(.w-mod-ix) [data-w-id="2b3a6bda-c94b-a206-fccb-b1d1dd91926d"] {
-webkit-transform: translate3d(0, -50em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
-moz-transform: translate3d(0, -50em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
-ms-transform: translate3d(0, -50em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
transform: translate3d(0, -50em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
display: block;
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="b9a40947-9246-c628-4a10-f85ef0404e02"] {
display: none;
-webkit-transform: translate3d(0, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
-moz-transform: translate3d(0, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
-ms-transform: translate3d(0, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
transform: translate3d(0, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="e4f8a13b-db22-54cf-3eec-f1ebd10796fe"] {
-webkit-transform: translate3d(0, -50em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
-moz-transform: translate3d(0, -50em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
-ms-transform: translate3d(0, -50em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
transform: translate3d(0, -50em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
display: block;
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="72321650-593d-a8f2-0a5b-98920ded0bf9"] {
display: none;
-webkit-transform: translate3d(0, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
-moz-transform: translate3d(0, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
-ms-transform: translate3d(0, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
transform: translate3d(0, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="e405eb8b-2ce7-c3d8-17ef-6cc4269c17ac"] {
color: rgb(255, 255, 255);
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="08433026-e97c-c99f-2cf4-6020e089b719"] {
display: none;
-webkit-transform: translate3d(0, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
-moz-transform: translate3d(0, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
-ms-transform: translate3d(0, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
transform: translate3d(0, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="2fd08191-acbc-23da-2f87-bb0fb51b0db7"] {
display: block;
-webkit-transform: translate3d(0, -50em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
-moz-transform: translate3d(0, -50em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
-ms-transform: translate3d(0, -50em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
transform: translate3d(0, -50em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="544c7a91-5c56-1c06-e58d-96e2b905e853"] {
opacity: 0;
}
html.w-mod-js:not(.w-mod-ix) [data-w-id="96a42ea8-5485-90e1-aa19-f15120e5edc8"] {
opacity: 0;
}
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">
WebFont.load({
google: {
families: ["Libre Barcode 128:regular"]
}
});
</script>
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]-->
<script type="text/javascript">
! function(o, c) {
var n = c.documentElement,
t = " w-mod-";
n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")
}(window, document);
</script>
<link href="https://uploads-ssl.webflow.com/621b82fec7a99d5915ba8dc5/621fe435d8ad1a185cf68be2_Favicon.png" rel="shortcut icon" type="image/x-icon" />
<link href="https://uploads-ssl.webflow.com/621b82fec7a99d5915ba8dc5/621fe38db0fab6638c872b42_Webclip.png" rel="apple-touch-icon" />
<style>
::-webkit-scrollbar {
display: none;
}
</style>
</head>
<body>
<div bind="86b51892-b679-e3e9-dd26-7e253c298874" class="global">
<div bind="86b51892-b679-e3e9-dd26-7e253c298875" class="html w-embed">
<style>
/* ALL PAGES CSS */
/* Your max width code replaces the code below */
@media only screen and (min-width: 1560px) {
body {
font-size: 0.975em;
}
}
/* Desktop Only CSS (i.e. hover states) */
@media only screen and (min-width: 992px) {}
/* Main Variables */
:root {
--main-dark: black;
--main-light: white;
}
/* Global Styles */
::selection {
background: var(--main-dark);
color: var(--main-light);
text-shadow: none;
}
img::selection,
svg::selection {
background: transparent;
}
/* Link color inherits from parent font color */
a {
color: inherit;
}
/* Disable / enable clicking on an element and its children */
.no-click {
pointer-events: none;
}
.can-click {
pointer-events: auto;
}
.flying_arrow {
pointer-events: none;
}
</style>
</div>
</div>
<div class="navbar home">
<a href="mailto:[email protected]" class="contact_nav home main w-inline-block">
<div class="tb mail">KAPED IS NOW BANKOUS</div>
</a>
<a href="tel:+48731188570" class="number_nav w-inline-block">
<div class="tb">VIEW OUR SPECS BELOW</div>
</a>
</div>
<div class="section is--home home wf-section">
<div class="grid">
<div data-w-id="544c7a91-5c56-1c06-e58d-96e2b905e853" class="row between is--1">
<div bind="67181c7f-e6dc-28e7-fbb4-2d4450b4e4cf" class="guide">
<div class="p-line">
<div class="tb guide short">hover to </div>
<div class="guide_arrow"><img src="https://uploads-ssl.webflow.com/621b82fec7a99d5915ba8dc5/621b971053d9eddb4a1c32d5_guide_arrow.svg" loading="lazy" bind="7f954e63-41d4-fc74-461a-9a990d023ec9" alt="" class="image" /></div>
</div>
<div class="p-line">
<div class="tb guide">reveal cards</div>
</div>
</div>
<div bind="67181c7f-e6dc-28e7-fbb4-2d4450b4e4cf" class="info">
<div class="p-line">
<div class="tb info-w short">webflow<br />motion<br />expert</div>
<div class="guide_arrow"><img src="https://uploads-ssl.webflow.com/621b82fec7a99d5915ba8dc5/621b971053d9eddb4a1c32d5_guide_arrow.svg" loading="lazy" bind="7f954e63-41d4-fc74-461a-9a990d023ec9" alt="" class="image" /></div>
</div>
<div class="p-line"></div>
</div>
<div data-w-id="0e24e1ad-ad80-8e5b-ebaf-32deaa97b6f6" class="page_links">
<a data-w-id="71d50d85-7c22-12c6-8970-fe3cf7f9c31c" href="/work" class="page_link is--1 change w-inline-block">
<div class="tb page_link">plan</div>
</a>
<a data-w-id="e405eb8b-2ce7-c3d8-17ef-6cc4269c17ac" href="/about" class="page_link is--2 change w-inline-block">
<div class="tb page_link">roadmap</div>
</a>
<a data-w-id="21b026b8-e7e3-1287-b16c-52b2e3c9371e" href="/contact" class="page_link is--3 change w-inline-block">
<div class="tb page_link">more...</div>
</a>
</div>
</div>
<div data-w-id="96a42ea8-5485-90e1-aa19-f15120e5edc8" class="row between footerhero is--2">
<div class="portfolio_info">
<div class="p-line between">
<div class="tb portfolio_info">formaly</div>
<div class="tb portfolio_info">kaped</div>
</div>
<div class="p-line">
<div class="tb portfolio_info spacing home"><span class="text-span-9">b</span><span class="text-span-8">a</span><span class="text-span-7">n</span><span class="text-span-6">k</span><span class="text-span-5">o</span><span class="text-span-4">u</span><span class="text-span-3">s</span>
<span class="text-span">.i</span><span class="text-span-2">o</span>
</div>
</div>
<div class="p-line between">
<div bind="b387b39e-101b-ae42-2a20-8168616b16a6" class="tb portfolio_info">2024©</div>
<div bind="a0ffdedc-c436-2040-abf5-7cd5cec45e97" class="tb portfolio_info">all rights reserved</div>
</div>
</div>
<div class="social_links">
<a href="https://www.linkedin.com/company/kapedinc/" target="_blank" class="social_link is--1 w-inline-block">
<div class="tb social_link is--1">linkedin</div>
</a>
<a href="https://dribbble.com/dominikfojcik" target="_blank" class="social_link is--2 w-inline-block">
<div class="tb social_link is--2">DRIBBBLE</div>
</a>
<a href="https://www.instagram.com/_fojciko/" target="_blank" class="social_link is--3 w-inline-block">
<div class="tb social_link is--3 tricks">INSTAGRAM</div>
</a>
</div>
</div>
</div>
</div>
<div class="canvas">
<div class="canvas_resize"><img src="https://uploads-ssl.webflow.com/621b82fec7a99d5915ba8dc5/621bd5433dcec340d15a2b53_floppy-red.svg" loading="lazy" data-w-id="b9a40947-9246-c628-4a10-f85ef0404e02" bind="b9a40947-9246-c628-4a10-f85ef0404e02" alt="" class="canvas_svg dead is--1" /><img src="https://uploads-ssl.webflow.com/621b82fec7a99d5915ba8dc5/621bd5433865067dfaceca01_floppy-blue.svg" loading="lazy" data-w-id="72321650-593d-a8f2-0a5b-98920ded0bf9" alt="" class="canvas_svg dead2 is--2" /><img src="https://uploads-ssl.webflow.com/621b82fec7a99d5915ba8dc5/621bd543e75d7e4368a257e0_floppy-yellow.svg" loading="lazy" data-w-id="08433026-e97c-c99f-2cf4-6020e089b719" bind="08433026-e97c-c99f-2cf4-6020e089b719" alt="" class="canvas_svg dead is--3" /><img src="https://uploads-ssl.webflow.com/621b82fec7a99d5915ba8dc5/621bb26399061eed6da9e325_floppy.svg" loading="lazy" data-w-id="2b3a6bda-c94b-a206-fccb-b1d1dd91926d" bind="2b3a6bda-c94b-a206-fccb-b1d1dd91926d" alt="" class="canvas_svg is--1" /><img src="https://uploads-ssl.webflow.com/621b82fec7a99d5915ba8dc5/621bb26399061eed6da9e325_floppy.svg" loading="lazy" data-w-id="e4f8a13b-db22-54cf-3eec-f1ebd10796fe" alt="" class="canvas_svg is--2" /><img src="https://uploads-ssl.webflow.com/621b82fec7a99d5915ba8dc5/621bb26399061eed6da9e325_floppy.svg" loading="lazy" data-w-id="2fd08191-acbc-23da-2f87-bb0fb51b0db7" alt="" class="canvas_svg is--3" /></div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=621b82fec7a99d5915ba8dc5" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://uploads-ssl.webflow.com/621b82fec7a99d5915ba8dc5/js/webflow.ac4687019.js" type="text/javascript"></script>
<!--[if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]--><noscript>
<style>
@media only screen and (min-width: 992px) {
body {
font-size: 1rem;
}
}
</style>
</noscript>
<script>
$(document).ready(function() {
$(".w-webflow-badge").removeClass("w-webflow-badge").empty();
});
</script>
<script>
function setFontSize() {
let maxWidth = 1560;
let windowWidth = $(window).width();
if (windowWidth >= maxWidth || windowWidth < 992) {
$('body').removeAttr("style");
} else {
let fontSize = (windowWidth / 100) / 16;
$('body').css('font-size', fontSize + "rem");
}
}
setFontSize();
window.addEventListener("resize", function() {
setFontSize();
});
</script>
<script>
$('a.change').click(function(e) {
e.preventDefault(); // prevent default anchor behavior
var goTo = this.getAttribute("href"); // store anchor href
setTimeout(function() {
window.location = goTo;
}, 2000);
});
</script>
<script>
/* let floppy1 = document.querySelector('.canvas_svg.is--1');
let floppy2 = document.querySelector('.canvas_svg.is--2');
let floppy3 = document.querySelector('.canvas_svg.is--3');
let page1 = document.querySelector('.page_link.is--1');
let page2 = document.querySelector('.page_link.is--2');
let page3 = document.querySelector('.page_link.is--3');
page1.onmouseover = () => {
floppy1.src = 'images/floppy-red.svg';
};
page1.onmouseout = () => {
setTimeout(() => { floppy1.src = 'images/floppy.svg'; }, 10);
};
page2.onmouseover = () => {
floppy2.src = 'images/floppy-blue.svg';
};
page2.onmouseout = () => {
setTimeout(() => { floppy2.src = 'images/floppy.svg'; }, 100);
};
page3.onmouseover = () => {
floppy3.src = 'images/floppy-yellow.svg';
};
page3.onmouseout = () => {
setTimeout(() => { floppy3.src = 'images/floppy.svg'; }, 100);
};
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment