-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·112 lines (78 loc) · 8.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<!-- Webflow links to Scrpt functions etc -->
<html data-wf-page="5be6ec1ff1fd89f951c80374" data-wf-site="5be6ec1ff1fd89586cc80373">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QCLTV7JVG3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-QCLTV7JVG3');
</script>
<!-- Global site tag (gtag.js) - Google Analytics penstud.io -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164554934-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-164554934-1');
</script>
<!-- Pinterest Tag to Verify -->
<meta name="p:domain_verify" content="2d8605d2137d4a792f9ab3697177c0d8"/>
<meta charset="utf-8">
<title>penpadstudio</title>
<meta content="Digital Artist | Designer | Developer" name="description">
<meta content="penpadstudio" property="og:title">
<meta content="Digital Artist | Designer | Developer" property="og:description">
<meta content="https://penstudio.com/images/NoirID.svg" property="og:image">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/penpadstudio.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Josefin Sans:100italic,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 rel="shortcut icon" href="https://penpadstudio.com/images/NoirID-fav.ico" type="image/x-icon">
<link rel="icon" href="https://penpadstudio.com/images/NoirID-fav.png" sizes="32x32">
<link href="images/NoirID-app.png" rel="apple-touch-icon">
<link href="css/bob.css" rel="stylesheet" type="text/css">
</head>
<body class="body">
<div class="central-align-div">
<video id="bgVideo" preload="auto" muted="muted" autoplay="autoplay" loop="loop" playsinline >
<source src="Videos/WebsiteBackdrop.mp4" type="video/mp4">
<source src="Videos/WebsiteBackdrop.webm" type="video/webm">
</video>
<div data-w-id="be553a92-809d-af38-751b-a1c5f5e26c77" style="height:0%" class="fakeboarder2"></div>
<div data-w-id="fc1eaacf-992e-d809-3adf-519ebd70c77b" style="height:0%" class="fakesideboarder"></div>
<div data-w-id="e4018553-a043-8555-ca27-df0005564714" style="width:0%" class="topboarderfake"></div>
<div data-w-id="10cba044-a754-0169-6b4f-833e70ec3a42" style="width:0%" class="bottomboarderfake"></div>
<div class="outside-flexbox"><a href="index.html" data-w-id="88405309-85f4-010b-d515-6441cb301d69" class="logoloader w-inline-block w--current"><img src="images/PencilLogo.svg" alt="A pencil" data-w-id="0078efb5-5451-b94c-637f-6e113b08262a" style="-webkit-transform:translate3d(0, 30PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 30PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 30PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 30PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="pencil"><img src="images/ShadowLogo.svg" data-w-id="89e2189d-a585-6d15-8c46-93b411d3123a" style="opacity:0" alt="" class="shadow"><img src="images/WhiteLogoBack.svg" data-w-id="d155ee01-5564-3088-88fa-b75f11718469" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0.2, 0.2, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0.2, 0.2, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0.2, 0.2, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0.2, 0.2, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" alt="" class="whitecircle"></a>
<div class="social-flexbox">
<a target="_blank" href="https://www.instagram.com/penpadstudio" data-ix="pop-load-6" data-w-id="17687caf-465a-8c6a-3e45-b08fed80fc64" class="social-link w-inline-block">
<div class="imagediv">
<div data-w-id="204bd7b5-486f-16e4-76c3-3f4f194501ae" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="notify">
</div><img src="images/Instagram.svg" width="70" alt="Instagram" data-w-id="45ff7a3f-0fb7-a57a-3f7e-78647b037456" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="image-2"></div>
</a>
<a target="_blank" data-ix="pop-load-15" href="https://www.youtube.com/penpadstudio" data-w-id="072b568e-083c-5b72-553a-54c45cd5f85f" class="social-link w-inline-block">
<div class="imagediv">
<div data-w-id="6502e27b-7d44-9e81-f81d-8064c5856396" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="notify">
</div><img src="images/YouTube.svg" alt="YouTube" data-w-id="0f7ea090-ab5a-f42a-f45d-c2e1d042769c" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="image-2"></div>
</a>
<a target="_blank" href="https://app.gumroad.com/penpadstudio" data-ix="pop-load-2" data-w-id="6003c6c6-156c-27a0-c020-c4c74b47c9c8" class="social-link w-inline-block">
<div class="imagediv">
<div data-w-id="55cfa3be-ac9a-19b3-d9f7-f7f090eca051" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="notify">
</div><img src="images/Downloads.svg" width="70" alt="Downloads" data-w-id="8c4a969c-3469-ab19-c171-932d79f8c8a8" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="image-2"></div>
</a>
</div>
</div>
<div class="backdrop"></div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" type="text/javascript" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>