- 제출된 URL:
- https://www.daimendesigns.com/
- 보고서 완료:
링크 · 1개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://www.missvickymusic.com | Miss VickyUX, Research, Logo Design& Development |
JavaScript 변수 · 8개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| WebFont | object |
| $ | function |
| jQuery | function |
| tram | function |
| Webflow | object |
콘솔 로그 메시지 · 0개 결과
웹 콘솔에 기록된 메시지
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Wed Oct 16 2024 13:22:51 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="www.daimendesigns.com" data-wf-page="62ede12f612cb50ce04e6385" data-wf-site="62d0aeb5588aa2d557bda6d9" class="w-mod-js wf-opensans-n7-active wf-opensans-n6-active wf-opensans-n4-active wf-opensans-n3-active wf-opensans-n8-active wf-roboto-n9-active wf-roboto-n3-active wf-roboto-n4-active wf-opensans-i3-active wf-opensans-i8-active wf-opensans-i4-active wf-opensans-i6-active wf-opensans-i7-active wf-roboto-n5-active wf-dmserifdisplay-n4-active wf-roboto-n7-active wf-active w-mod-ix"><head><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Design & Art Direction</title><meta content="Daimen is a graphic designer, web designer & visual developer helping labels, small businesses, non-profits, & individuals succeed on the web with memorable design and websites." name="description"><meta content="Design & Art Direction" property="og:title"><meta content="Daimen is a graphic designer, web designer & visual developer helping labels, small businesses, non-profits, & individuals succeed on the web with memorable design and websites." property="og:description"><meta content="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0af4ff0c56e30513f9ffe_daim%20hand%20on%20pole%20no%20smile.png" property="og:image"><meta content="Design & Art Direction" property="twitter:title"><meta content="Daimen is a graphic designer, web designer & visual developer helping labels, small businesses, non-profits, & individuals succeed on the web with memorable design and websites." property="twitter:description"><meta content="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0af4ff0c56e30513f9ffe_daim%20hand%20on%20pole%20no%20smile.png" property="twitter:image"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><meta content="Webflow" name="generator"><link href="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/css/daimen-carter-porfolio.webflow.0ef791655.css" rel="stylesheet" type="text/css"><style>@media (min-width:992px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="42b2e0fd-8718-41ca-9d57-e342f65f5da0"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="4d3be258-c948-62e9-1981-57ecc1e276d4"] {-webkit-transform:translate3d(0, 1em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 3deg);-moz-transform:translate3d(0, 1em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 3deg);-ms-transform:translate3d(0, 1em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 3deg);transform:translate3d(0, 1em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 3deg);opacity:0;}}@media (max-width:991px) and (min-width:768px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="42b2e0fd-8718-41ca-9d57-e342f65f5da0"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}}@media (max-width:767px) and (min-width:480px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="42b2e0fd-8718-41ca-9d57-e342f65f5da0"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}}@media (max-width:479px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="42b2e0fd-8718-41ca-9d57-e342f65f5da0"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}}</style><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic%7CDM+Serif+Display:regular%7CRoboto:300,regular,500,700,900" media="all"><script type="text/javascript">WebFont.load({ google: { families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","DM Serif Display:regular","Roboto:300,regular,500,700,900"] }});</script><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://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d105a58b8758f711497358_favicon-32x32.png" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d105e3f0c56e1737446257_favicon-3.ico" rel="apple-touch-icon"><style>
body {
overflow-x: hidden;
opacity: 100;
}
</style>
<style>
.service_list p {
transform: translate3d(-200%,0,0);
}
.service_list:before {
transform: scale3d(1,0,1);
}
@media (max-width:767px){
.service_list p {
transform: translate3d(-50%,0,0);
}
}
</style></head><body data-w-id="60ebc127983d7f13b7175c0c" style="opacity: 0.37019; will-change: opacity;"><div><div class="globals"><div class="global-css w-embed"><style>
.no-point {
pointer-events: none;
}
.service_list p {
font-size: 1.5em;
padding: .75em 0;
width: auto;
transition: transform 1500ms cubic-bezier(.19, 1, .22, 1) 750ms;
}
.service:nth-child(odd) .service_list p:nth-child(3n + 1) {
padding-left: 2em;
}
.service:nth-child(odd) .service_list p:nth-child(2n + 2) {
padding-left: 4em;
}
.service:nth-child(even) .service_list p:nth-child(3n + 2) {
padding-left: 2em;
}
.service:nth-child(even) .service_list p:nth-child(4n + 1) {
padding-left: 4em;
}
.service_list p.reveal {
transform: translate3d(0%,0,0);
}
.service_list:before {
content: "";
display: block;
width: 3px;
height: 100%;
background: #000;
transform-origin: top;
transition: transform 2000ms cubic-bezier(.19, 1, .22, 1) 500ms;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.service_list:after {
content: "";
display: block;
width: 100vw;
height: 100%;
background: #fff;
position: absolute;
right: 100%;
top: 0;
bottom: 0;
z-index: 1;
}
.service_list.reveal:before{
transform: scale3d(1,1,1);
}
.custom-cursor_wrap, .img-span_img-outer{
pointer-events: none;
}
.cursor.cta-grow .cursor_arrow, .cursor.grow .cursor_arrow{
opacity:1;
}
.cursor.blur-grow .cursor_arrow{
opacity:0;
}
@keyframes rotate {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
.cursor.blur-grow .cursor-text{
display: block;
opacity:1;
animation: rotate 10s linear infinite;
}
body:hover .cursor {
opacity: 1;
}
.section_body.large.about > .grow-text:nth-child(odd){
transform-origin: bottom right !important;
}
.section_body.large.about > .grow-text:nth-child(3n + 2){
transform-origin: center left !important;
}
@media (max-width:767px){
.service_list p {
width: 200vw;
}
}
@media (min-width:1700px){
body {
font-size: 17px;
}
}
@keyframes tickerForwards {
from {transform: translate3d(0%, 0, 0);}
to {transform: translate3d(-100%, 0, 0);}
}
.ticker.forwards .ticker_group {
animation: tickerForwards 25s linear infinite;
}
.ticker.slow .ticker_group {
animation: tickerForwards 45s linear infinite;
}
.ticker.giant .ticker_group {
animation: tickerForwards 200s linear infinite;
}
@keyframes tickerBackwards {
from {transform: translate3d(0%, 0, 0);}
to {transform: translate3d(100%, 0, 0);}
}
.ticker.reverse .ticker_group {
animation: tickerBackwards 25s linear infinite;
}
.img-span{
display: inline-flex;
}
</style></div></div><div class="custom-cursor_wrap"><div data-w-id="a7a5023a-3095-bf8e-144b-dadf2cd25d68" class="cursor"><img src="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa2b220bda728_arrow-big.png" loading="lazy" width="125" alt="Arrow" class="cursor_arrow"><div class="cursor-text">View Project</div></div></div><header class="header difference"><div class="container"><div class="navbar_inner"><a href="#home" class="logo_link w-inline-block w--current"><img src="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d105e3f0c56e1737446257_favicon-3.ico" loading="lazy" alt="" class="navbar_logo"></a><nav class="nav"><a href="/ux-design" class="nav_link">UX Design.</a><a href="/brand-design" class="nav_link">Brand Design.</a><a href="#contact" class="nav_link">Contact.</a></nav></div></div></header><div id="luxy" class="page-wrapper"><section id="home" data-w-id="04dcac28-e0ae-953e-2822-13c173886ed8" class="section hero"><div class="container hero-container"><div class="hero_inner"><div style="opacity: 1; will-change: transform; transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;" class="img-reveal_wrap hero_img-wrap"><div class="img-reveal_block dark" style="transform: translate3d(0px, -98.514%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; will-change: transform;"></div><img src="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0af4ff0c56e30513f9ffe_daim%20hand%20on%20pole%20no%20smile.png" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 767px) 90vw, (max-width: 991px) 582.3529052734375px, (max-width: 1439px) 59vw, 46vw" srcset="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0af4ff0c56e30513f9ffe_daim%20hand%20on%20pole%20no%20smile-p-500.png 500w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0af4ff0c56e30513f9ffe_daim%20hand%20on%20pole%20no%20smile-p-800.png 800w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0af4ff0c56e30513f9ffe_daim%20hand%20on%20pole%20no%20smile-p-1080.png 1080w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0af4ff0c56e30513f9ffe_daim%20hand%20on%20pole%20no%20smile-p-1600.png 1600w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0af4ff0c56e30513f9ffe_daim%20hand%20on%20pole%20no%20smile.png 1619w" alt="" class="img-reveal_img hero_image" style="will-change: transform; transform: translate3d(0%, 0%, 0px) scale3d(1.0365, 1.0365, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></div><div class="hero_heading-wrap"><div class="hero_heading_embed w-embed"><h1 class="hero_heading-all">
<span class="hero_heading-track heading-1" style="transform: translate3d(-33.372vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; will-change: transform;">
<span class="hero_heading-inner heading-1">
<span class="hero_heading heading-1" style="will-change: transform; transform: translate3d(0vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Daimen</span>
</span>
</span>
<span class="hero_heading-track heading-2" style="transform: translate3d(33.372vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; will-change: transform;">
<span class="hero_heading-inner heading-2">
<span class="hero_heading heading-2" style="will-change: transform; transform: translate3d(0vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Carter</span>
</span>
</span>
<span class="hero_heading-track heading-3" style="transform: translate3d(-33.372vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; will-change: transform;">
<span class="hero_heading-inner heading-3">
<span class="hero_heading heading-3" style="will-change: transform; transform: translate3d(0vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">visual</span>
</span>
</span>
<span class="hero_heading-track heading-4" style="transform: translate3d(33.372vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; will-change: transform;">
<span class="hero_heading-inner heading-4">
<span class="hero_heading heading-4" style="will-change: transform; transform: translate3d(0vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">designer</span>
</span>
</span>
</h1></div></div><div class="hero_heading-wrap control"><div class="hero_heading-all"><div style="transform: translate3d(-33.372vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; will-change: transform;" class="hero_heading-track heading-1"><div class="hero_heading-inner heading-1"><div class="hero_heading heading-1" style="will-change: transform; transform: translate3d(0vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></div></div></div><div style="transform: translate3d(33.372vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; will-change: transform;" class="hero_heading-track heading-2"><div class="hero_heading-inner heading-2"><div class="hero_heading heading-2" style="will-change: transform; transform: translate3d(0vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></div></div></div><div style="transform: translate3d(-33.372vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; will-change: transform;" class="hero_heading-track heading-3"><div class="hero_heading-inner heading-3"><div class="hero_heading heading-3" style="will-change: transform; transform: translate3d(0vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></div></div></div><div style="transform: translate3d(33.372vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; will-change: transform;" class="hero_heading-track heading-4"><div class="hero_heading-inner heading-4"><div class="hero_heading heading-4" style="will-change: transform; transform: translate3d(0vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></div></div></div></div></div></div></div></section><section class="section intro"><div class="container small"><div class="section_content"><p data-w-id="30066008-27c5-a99b-6710-d096ce9dacd4" class="section_body large intro" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); transform-style: preserve-3d; opacity: 0;">Hey, Daimen here. ⭐️<span data-w-id="97bb521d-1930-e11f-e10d-025095fb128a" class="emoji" style="width: 0px;"> </span>I'm a visual designer & developer. I love to help bring what's in your head in front of your eyes.</p><p id="w-node-_9f3f3223-5878-20eb-144c-2a6d6eb0b722-e04e6385" class="section_body intro" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); transform-style: preserve-3d; opacity: 0;">If you need help bringing a dream, idea, or business to life with pro visuals like websites & branding, or want to see an existing project grow with solid SEO - give me a call!</p></div></div></section><section id="works" class="section projects"><div class="container works"><div data-w-id="f6585821-a33f-a5b0-aed3-c9632f41658b" class="flow-grid"><div id="w-node-_038df902-d38f-1fde-9319-2b890bce257f-e04e6385" class="ticker forwards projects"><div class="ticker_track"><div class="ticker_group"><h2 class="section_heading ticker-text">Recent Works<span class="serif"></span></h2><div class="section_heading ticker-text"> • </div><div class="section_heading ticker-text">Recent Works</div><div class="section_heading ticker-text"> • </div><div class="section_heading ticker-text">Recent Works</div><div class="section_heading ticker-text"> • </div></div><div class="ticker_group"><div class="section_heading ticker-text">Recent Works</div><div class="section_heading ticker-text"> • </div><div class="section_heading ticker-text">Recent Works</div><div class="section_heading ticker-text"> • </div><div class="section_heading ticker-text">Recent Works</div><div class="section_heading ticker-text"> • </div></div></div></div><div id="w-node-_632c353c-3a0e-0c65-c1ca-de559a821920-e04e6385" data-w-id="632c353c-3a0e-0c65-c1ca-de559a821920" class="project_item vsds w-dyn-list" style="will-change: transform; transform: translate3d(0px, 50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="https://www.daimendesigns.com/premier-publishing" class="project vsds w-inline-block" style="filter: grayscale(100%);"><img id="w-node-_6bafd87a-d994-c9da-b3aa-0e6480e00949-e04e6385" loading="lazy" width="1000" src="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62f32c7103388a4bc48d4b0c_new-home.jpg" srcset="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62f32c7103388a4bc48d4b0c_new-home-p-500.jpg 500w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62f32c7103388a4bc48d4b0c_new-home-p-800.jpg 800w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62f32c7103388a4bc48d4b0c_new-home-p-1080.jpg 1080w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62f32c7103388a4bc48d4b0c_new-home-p-1600.jpg 1600w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62f32c7103388a4bc48d4b0c_new-home-p-2000.jpg 2000w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62f32c7103388a4bc48d4b0c_new-home-p-2600.jpg 2600w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62f32c7103388a4bc48d4b0c_new-home-p-3200.jpg 3200w" sizes="(max-width: 991px) 317.64703369140625px, 34vw" alt="Premier Publishing" class="project_image vsds" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><div id="w-node-_6bafd87a-d994-c9da-b3aa-0e6480e0094a-e04e6385" class="project_darken"></div><div id="w-node-_6bafd87a-d994-c9da-b3aa-0e6480e0094b-e04e6385" class="project_info"><h3 id="w-node-_6bafd87a-d994-c9da-b3aa-0e6480e0094c-e04e6385" class="project_name">Premier Publishing</h3><div id="w-node-_6bafd87a-d994-c9da-b3aa-0e6480e0094e-e04e6385" class="project_desc">Product Design, UX Design Wireframing ,<br> User Research , Testing</div></div></a></div></div></div><div id="w-node-ff3e8412-0a37-3eff-8c20-2de0518a68e7-e04e6385" class="project_item tmm w-dyn-list" style="will-change: transform; transform: translate3d(0px, 50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><div role="list" class="collection-list w-dyn-items"><div role="listitem" class="collection-item-5 w-dyn-item"><a href="https://www.daimendesigns.com/ux-design/midtown-radio" class="project tmm w-inline-block" style="filter: grayscale(100%);"><img id="w-node-ff3e8412-0a37-3eff-8c20-2de0518a68eb-e04e6385" loading="lazy" width="800" src="https://cdn.prod.website-files.com/62d0aeb6588aa24106bda6f4/62f152d00ae83f1a804a202a_slider-1.jpg" alt="Midtown Radio" class="project_image tmm" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><div id="w-node-ff3e8412-0a37-3eff-8c20-2de0518a68ec-e04e6385" class="project_darken"></div><div id="w-node-ff3e8412-0a37-3eff-8c20-2de0518a68ed-e04e6385" class="project_info"><h3 id="w-node-ff3e8412-0a37-3eff-8c20-2de0518a68ee-e04e6385" class="project_name">Midtown Radio</h3><div id="w-node-ff3e8412-0a37-3eff-8c20-2de0518a68ef-e04e6385" class="project_desc">Product Design, UX Design Wireframing ,<br> User Research</div></div></a></div></div>Product Design, UX Design Wireframing ,</div><div id="w-node-cc5274d2-0126-6461-0282-265aa0bee7be-e04e6385" class="project_item bkz w-dyn-list" style="will-change: transform; transform: translate3d(0px, 50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="https://www.daimendesigns.com/new-life-defined" class="project bkz w-inline-block" style="filter: grayscale(100%);"><img id="w-node-cc5274d2-0126-6461-0282-265aa0bee7c2-e04e6385" loading="lazy" width="400" src="https://cdn.prod.website-files.com/62d0aeb6588aa24106bda6f4/62f1533960a79965b755ba60_jewnlife%20slide.png" alt="New Life Defined" class="project_image bkz" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><div id="w-node-cc5274d2-0126-6461-0282-265aa0bee7c3-e04e6385" class="project_darken"></div><div id="w-node-cc5274d2-0126-6461-0282-265aa0bee7c4-e04e6385" class="project_info"><h3 id="w-node-cc5274d2-0126-6461-0282-265aa0bee7c5-e04e6385" class="project_name">New Life Defined</h3><div id="w-node-cc5274d2-0126-6461-0282-265aa0bee7c6-e04e6385" class="project_desc">Product Design, Prototyping, Wireframing</div></div></a></div></div></div><div id="w-node-_51cb5d12-54e3-7db2-71d5-1ca996ae2c1a-e04e6385" class="project_item bbq w-dyn-list" style="will-change: transform; transform: translate3d(0px, 50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="https://www.daimendesigns.com/work/indie-global" class="project bbq w-inline-block" style="filter: grayscale(100%);"><img id="w-node-_51cb5d12-54e3-7db2-71d5-1ca996ae2c1e-e04e6385" loading="lazy" width="300" src="https://cdn.prod.website-files.com/62d0aeb6588aa24106bda6f4/62d0f51c3a9c5f00c60eb2f7_indie-global-thumbnail.jpg" alt="Indie Global" sizes="(max-width: 479px) 100vw, (max-width: 991px) 190.58822631835938px, (max-width: 1439px) 19vw, 15vw" srcset="https://cdn.prod.website-files.com/62d0aeb6588aa24106bda6f4/62d0f51c3a9c5f00c60eb2f7_indie-global-thumbnail-p-500.jpg 500w, https://cdn.prod.website-files.com/62d0aeb6588aa24106bda6f4/62d0f51c3a9c5f00c60eb2f7_indie-global-thumbnail-p-800.jpg 800w, https://cdn.prod.website-files.com/62d0aeb6588aa24106bda6f4/62d0f51c3a9c5f00c60eb2f7_indie-global-thumbnail-p-1080.jpg 1080w, https://cdn.prod.website-files.com/62d0aeb6588aa24106bda6f4/62d0f51c3a9c5f00c60eb2f7_indie-global-thumbnail-p-1600.jpg 1600w, https://cdn.prod.website-files.com/62d0aeb6588aa24106bda6f4/62d0f51c3a9c5f00c60eb2f7_indie-global-thumbnail-p-2000.jpg 2000w, https://cdn.prod.website-files.com/62d0aeb6588aa24106bda6f4/62d0f51c3a9c5f00c60eb2f7_indie-global-thumbnail-p-2600.jpg 2600w, https://cdn.prod.website-files.com/62d0aeb6588aa24106bda6f4/62d0f51c3a9c5f00c60eb2f7_indie-global-thumbnail.jpg 3000w" class="project_image bbq" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><div id="w-node-_51cb5d12-54e3-7db2-71d5-1ca996ae2c1f-e04e6385" class="project_darken"></div><div id="w-node-_51cb5d12-54e3-7db2-71d5-1ca996ae2c20-e04e6385" class="project_info"><h3 id="w-node-_51cb5d12-54e3-7db2-71d5-1ca996ae2c21-e04e6385" class="project_name">Indie Global</h3><div id="w-node-_51cb5d12-54e3-7db2-71d5-1ca996ae2c22-e04e6385" class="project_desc">Brand Strategy, Campaign, Guidelines, Strategy Creative</div></div></a></div></div></div><div id="w-node-_31353db0-b592-3a3d-f0b0-8a650926bbd9-e04e6385" class="project_item pli w-dyn-list" style="will-change: transform; transform: translate3d(0px, 50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="https://www.missvickymusic.com" target="_blank" class="project pli w-inline-block" style="filter: grayscale(100%);"><img id="w-node-_31353db0-b592-3a3d-f0b0-8a650926bbdd-e04e6385" loading="lazy" width="650" src="https://cdn.prod.website-files.com/62d0aeb6588aa24106bda6f4/62eb338d0a7857066e07f193_Vicky-MTR.jpg" alt="Miss Vicky" sizes="(max-width: 479px) 100vw, (max-width: 991px) 264.70587158203125px, 27vw" srcset="https://cdn.prod.website-files.com/62d0aeb6588aa24106bda6f4/62eb338d0a7857066e07f193_Vicky-MTR-p-500.jpg 500w, https://cdn.prod.website-files.com/62d0aeb6588aa24106bda6f4/62eb338d0a7857066e07f193_Vicky-MTR.jpg 720w" class="project_image pli" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><div id="w-node-_31353db0-b592-3a3d-f0b0-8a650926bbde-e04e6385" class="project_darken"></div><div id="w-node-_31353db0-b592-3a3d-f0b0-8a650926bbdf-e04e6385" class="project_info"><h3 id="w-node-_31353db0-b592-3a3d-f0b0-8a650926bbe0-e04e6385" class="project_name">Miss Vicky</h3><div id="w-node-_31353db0-b592-3a3d-f0b0-8a650926bbe1-e04e6385" class="project_desc">UX, Research, Logo Design & Development</div></div></a></div></div></div><div id="w-node-fd648bfc-adf0-5649-2433-140a1df7f614-e04e6385" class="project_item ej w-dyn-list" style="will-change: transform; transform: translate3d(0px, 50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><div class="empty-state w-dyn-empty"><div>No items found.</div></div></div><div id="w-node-_93a15993-008c-52a8-866e-a4c297483cc5-e04e6385" class="project_item mwa w-dyn-list" style="will-change: transform; transform: translate3d(0px, 50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><div class="empty-state-2 w-dyn-empty"><div>No items found.</div></div></div></div></div></section><section id="skills" class="section light"><div class="container small"><div class="section_content"><div class="ticker forwards"><div class="ticker_track"><div class="ticker_group"><h2 class="section_heading ticker-text">My <span class="serif">skills</span></h2><div class="section_heading ticker-text"> • </div><div class="section_heading ticker-text">Things I'm pretty great at</div><div class="section_heading ticker-text"> • </div><div class="section_heading ticker-text">Sweet stuff I do</div><div class="section_heading ticker-text"> • </div></div><div class="ticker_group"><div class="section_heading ticker-text">My <span class="serif">skills</span></div><div class="section_heading ticker-text"> • </div><div class="section_heading ticker-text">Things I'm pretty great at</div><div class="section_heading ticker-text"> • </div><div class="section_heading ticker-text">Sweet stuff I do</div><div class="section_heading ticker-text"> • </div></div></div></div></div><div class="services_collection w-dyn-list"><div role="list" class="services_list w-dyn-items"><div role="listitem" class="service w-dyn-item"><div id="w-node-_01758bed-6d3e-85a3-b81e-5b450a659ff2-e04e6385" class="service-content"><h3 class="service_title" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); transform-style: preserve-3d; opacity: 0;">Strategy.</h3><p class="section_body small service-desc" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); transform-style: preserve-3d; opacity: 0;">Here we chat about your needs & goals as far as your website & branding, as well as get to know one another a little (we are people, after all!). Before I dive into designing your awesome website & brand, I need to understand both you & your audience.</p></div><div id="w-node-dd9341d7-13df-2998-3032-e5d9ce9833ab-e04e6385" class="service_list w-richtext"><p>Consultation</p><p>Branding Audit</p><p>Content Strategy</p><p>Creative Direction</p><p>Tone of Voice</p></div></div><div role="listitem" class="service w-dyn-item"><div id="w-node-_01758bed-6d3e-85a3-b81e-5b450a659ff2-e04e6385" class="service-content"><h3 class="service_title" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); transform-style: preserve-3d; opacity: 0;">Design.</h3><p class="section_body small service-desc" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); transform-style: preserve-3d; opacity: 0;">Then I'll take what I’ve learned about you and craft a unique, awesome website & brand that’s tailored to meet your needs & goals. Beautiful, responsive, & fully custom are the defaults.</p></div><div id="w-node-dd9341d7-13df-2998-3032-e5d9ce9833ab-e04e6385" class="service_list w-richtext"><p>Web Design</p><p>Logos</p><p>Graphic Design</p><p>Branding & Style</p><p>Wireframes</p></div></div><div role="listitem" class="service w-dyn-item"><div id="w-node-_01758bed-6d3e-85a3-b81e-5b450a659ff2-e04e6385" class="service-content"><h3 class="service_title" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); transform-style: preserve-3d; opacity: 0;">Development.</h3><p class="section_body small service-desc" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); transform-style: preserve-3d; opacity: 0;">Once the design looks perfect, then we build. I utilize some awesome tools like Webflow to build clean, fast, & responsive websites. Integrating your brand in an effective & beautiful way is a must.</p></div><div id="w-node-dd9341d7-13df-2998-3032-e5d9ce9833ab-e04e6385" class="service_list w-richtext"><p>Web Development</p><p>Custom CMS</p><p>Ecommerce</p><p>Interaction Design</p><p>Content Creation</p></div></div><div role="listitem" class="service w-dyn-item"><div id="w-node-_01758bed-6d3e-85a3-b81e-5b450a659ff2-e04e6385" class="service-content"><h3 class="service_title" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); transform-style: preserve-3d; opacity: 0;">Support.</h3><p class="section_body small service-desc" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); transform-style: preserve-3d; opacity: 0;">I will also provide CMS training & support for every client - no more requesting site updates for more of your time and $$. I'm here to help your business grow, update, create, and thrive in the long run with ongoing support services. Let's keep the party going!</p></div><div id="w-node-dd9341d7-13df-2998-3032-e5d9ce9833ab-e04e6385" class="service_list w-richtext"><p>SEO</p><p>Analytics<br></p><p>Content Updates<br></p><p>Design Updates<br></p></div></div></div></div></div></section><section class="section call-to-action_mid"><div class="container small"><div class="section_content"><a href="#contact" id="w-node-f3dc6715-e1c3-c222-48ca-c01fb00eb123-e04e6385" data-w-id="f3dc6715-e1c3-c222-48ca-c01fb00eb123" class="ticker forwards cta w-inline-block"><div class="ticker_track"><div class="ticker_group"><div class="section_heading ticker-text">Want to work together?</div><div class="section_heading ticker-text"> • </div><div class="section_heading ticker-text serif">Click here to say hi</div><div class="section_heading ticker-text"> • </div><div class="section_heading ticker-text">It's a button, I promise</div><div class="section_heading ticker-text"> • </div></div><div class="ticker_group"><div class="section_heading ticker-text">Want to work together?</div><div class="section_heading ticker-text"> • </div><div class="section_heading ticker-text serif">Click here to say hi</div><div class="section_heading ticker-text"> • </div><div class="section_heading ticker-text">It's a button, I promise</div><div class="section_heading ticker-text"> • </div></div></div><div style="transform: translate3d(0px, 105%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;" class="cta-ticker_overlay"></div></a></div></div></section><section id="about" class="section about" style="color: rgb(11, 11, 11); will-change: background; background-color: rgb(255, 255, 255);"><div class="container small about"><div class="section_content"><h2 id="w-node-_23362570-771b-0c45-251f-7b311e606ac7-e04e6385" data-w-id="23362570-771b-0c45-251f-7b311e606ac7" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); opacity: 0; transform-style: preserve-3d;" class="section_heading">A <em>little</em> about me.</h2><div class="img-carousel"><img src="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa2f3cfbda71b_Harroff3.jpg" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa2f3cfbda71b_Harroff3-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa2f3cfbda71b_Harroff3.jpg 1553w" alt="" class="img-reveal_img"><img src="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129.JPG" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129-p-500.jpg 500w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129-p-800.jpg 800w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129-p-1080.jpg 1080w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129-p-1600.jpg 1600w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129-p-2000.jpg 2000w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129-p-2600.jpg 2600w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129-p-3200.jpg 3200w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129.JPG 3465w" alt="" class="img-reveal_img med"><img src="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa293eabda71d_edited-IMG_2028.jpg" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa293eabda71d_edited-IMG_2028-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa293eabda71d_edited-IMG_2028-p-1600.jpeg 1600w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa293eabda71d_edited-IMG_2028-p-2000.jpeg 2000w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa293eabda71d_edited-IMG_2028-p-2600.jpeg 2600w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa293eabda71d_edited-IMG_2028-p-3200.jpeg 3200w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa293eabda71d_edited-IMG_2028.jpg 6240w" alt="" class="img-reveal_img"><img src="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa27f45bda71c_Team-edited_comped-2.jpg" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa27f45bda71c_Team-edited_comped-2-p-500.jpeg 500w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa27f45bda71c_Team-edited_comped-2-p-800.jpeg 800w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa27f45bda71c_Team-edited_comped-2-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa27f45bda71c_Team-edited_comped-2.jpg 2200w" alt="" class="img-reveal_img wide"><img src="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa29533bda71e_guitar.jpg" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa29533bda71e_guitar-p-500.jpeg 500w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa29533bda71e_guitar-p-800.jpeg 800w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa29533bda71e_guitar-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0aeb6588aa29533bda71e_guitar.jpg 1260w" alt="" class="img-reveal_img narrow"></div><p id="w-node-_98a14f7d-fdb7-2633-ed68-c96352d5cbba-e04e6385" class="section_body small about-1" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); transform-style: preserve-3d; opacity: 0;">I've been a design freelancer since 2017, and I hold the title of Lead Product Designer. Much of my design work nowadays is through a Sony Distributed Record Midtown Radio- (check us out for some of my recent work). In all cases, my heart is to use design & websites/apps to help folks be their best & reach their goals in business & life.</p><div id="w-node-_22c0522a-67ab-67e1-b431-80078ead5b09-e04e6385" data-w-id="22c0522a-67ab-67e1-b431-80078ead5b09" class="about-text w-embed"><p class="section_body large about" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); transform-style: preserve-3d; opacity: 0;">
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
I'm
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
a
</span>
<span class="img-span">
<span class="img-span_img-outer" style="opacity: 0;">
<span class="img-span_img-wrap" style="will-change: transform; transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><span class="img-span_reveal" style="will-change: background; background-color: rgb(255, 255, 255); transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></span><img class="img-span_img" src="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129.JPG"></span>
</span>
<span class="img-span_text">
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
laid
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
back
</span>
</span>
</span>
<span class="img-span">
<span class="img-span_img-outer" style="opacity: 0;">
<span class="img-span_img-wrap" style="will-change: transform; transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><span class="img-span_reveal" style="will-change: background; background-color: rgb(255, 255, 255); transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></span><img class="img-span_img" src="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d101ac2a71cc295b9c0788_IMG_2746.jpeg"></span>
</span>
<span class="img-span_text">
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
dog-father,
</span>
</span>
</span>
<span class="img-span">
<span class="img-span_img-outer" style="opacity: 0;">
<span class="img-span_img-wrap" style="will-change: transform; transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><span class="img-span_reveal" style="will-change: background; background-color: rgb(255, 255, 255); transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></span><img class="img-span_img" src="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d1025e9db3dd7fb1fd4c0a_daim.jpg"></span>
</span>
<span class="img-span_text">
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
musician,
</span>
</span>
</span>
<span class="img-span">
<span class="img-span_img-outer" style="opacity: 0;">
<span class="img-span_img-wrap" style="will-change: transform; transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><span class="img-span_reveal" style="will-change: background; background-color: rgb(255, 255, 255); transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></span><img class="img-span_img" src="https://cdn.prod.website-files.com/60ebc127983d7f86c1175c0a/61af031e3a405df9c4de47fd_thor.gif"></span>
</span>
<span class="img-span_text">
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
MCU
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
fanatic,
</span>
</span>
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
&
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
many
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
more
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
things.
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
In
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
every
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
part
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
of
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
my
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
life
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
-
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
I'm
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
thankful
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
to
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
get
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
to
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
do
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
what
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
I
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
do
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
each
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
and
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
every
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
day
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
to
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
try
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
and
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
make
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
the
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
world
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
a
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
little
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
more
</span>
<span class="grow-text" style="will-change: opacity, transform; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(5deg) skew(0deg, 0deg); transform-style: preserve-3d;">
beautiful.
</span>
</p></div><div class="section_body large about control" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); transform-style: preserve-3d; opacity: 0;"><div class="img-span"><div class="img-span_text">happy husband</div><div data-w-id="57ba0203-4e91-ac16-8294-83339f6c4800" class="grow-text" style="will-change: opacity, transform; opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></div><div class="img-span_img-outer" style="opacity: 0;"><div class="img-span_img-wrap" style="will-change: transform; transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><img src="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129.JPG" loading="lazy" sizes="(max-width: 479px) 0px, 100vw" srcset="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129-p-500.jpg 500w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129-p-800.jpg 800w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129-p-1080.jpg 1080w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129-p-1600.jpg 1600w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129-p-2000.jpg 2000w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129-p-2600.jpg 2600w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129-p-3200.jpg 3200w, https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/62d0fdcdfc73b7f94988ee54_IMG_2129.JPG 3465w" alt="" class="img-span_img"><div class="img-span_reveal" style="will-change: background; background-color: rgb(255, 255, 255); transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></div></div></div></div></div></div></div></section><section id="contact" data-w-id="84d73f91-c445-e47c-c983-947287ca7958" class="section contact" style="will-change: background; background-color: rgb(255, 255, 255);"><div class="container footer-content"><div class="section_content"><p id="w-node-_1b6afe74-1809-997e-3d15-1910ffe34fd9-e04e6385" class="section_body footer" style="transform: translate3d(0px, 1em, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 3deg); transform-style: preserve-3d; opacity: 0;">Want to work together?</p><a data-w-id="4d3be258-c948-62e9-1981-57ecc1e276d4" href="mailto:[email protected]?subject=Interested%20in%20Web%2FDigital%20Design%20work." class="email_link w-inline-block"><div class="email_text" style="will-change: transform; transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">[email protected]</div><div data-w-id="42b2e0fd-8718-41ca-9d57-e342f65f5da0" class="cta-underline" style="transform: translate3d(0px, 0px, 0px) scale3d(1, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"></div></a></div></div><div class="footer-tickers"><div class="footer-ticker-group"><div class="ticker giant opacity-75"><div class="ticker_track"><div class="ticker_group"><div class="section_heading ticker-text black"> • </div><div class="section_heading ticker-text black">I'd love to work with you</div><div class="section_heading ticker-text black"> • </div><div class="section_heading ticker-text black">We could talk about Marvel</div><div class="section_heading ticker-text black"> • </div><div class="section_heading ticker-text black">Or your business goals</div><div class="section_heading ticker-text black"> • </div><div class="section_heading ticker-text black">Or life</div><div class="section_heading ticker-text black"> • </div><div class="section_heading ticker-text black">Up to you, really.life</div><div class="section_heading ticker-text black"> • </div><div class="section_heading ticker-text black">Drop me a line</div></div><div class="ticker_group"><div class="section_heading ticker-text black"> • </div><div class="section_heading ticker-text black">I'd love to work with you</div><div class="section_heading ticker-text black"> • </div><div class="section_heading ticker-text black">We could talk about Marvel</div><div class="section_heading ticker-text black"> • </div><div class="section_heading ticker-text black">Or your business goals</div><div class="section_heading ticker-text black"> • </div><div class="section_heading ticker-text black">Or life</div><div class="section_heading ticker-text black"> • </div><div class="section_heading ticker-text black">Up to you, really.life</div><div class="section_heading ticker-text black"> • </div><div class="section_heading ticker-text black">Drop me a line</div></div></div></div></div></div></section></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62d0aeb5588aa2d557bda6d9" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/62d0aeb5588aa2d557bda6d9/js/webflow.04322c2b0.js" type="text/javascript"></script><script defer="">
//custom cursor
const cursor = document.querySelector('.cursor');
const navLinks = document.querySelectorAll('.nav_link, .project_item');
navLinks.forEach(l=>{
l.addEventListener("mouseenter", e => {
cursor.classList.add("grow");
console.log(cursor);
});
l.addEventListener("mouseleave", e => {
cursor.classList.remove("grow");
})
})
const ctaLinks = document.querySelectorAll('.cta, .email_link');
ctaLinks.forEach(l=>{
l.addEventListener("mouseenter", e => {
cursor.classList.add("cta-grow");
});
l.addEventListener("mouseleave", e => {
cursor.classList.remove("cta-grow");
})
});
const blurLinks = document.querySelectorAll('.project_item');
blurLinks.forEach(l=>{
l.addEventListener("mouseenter", e => {
cursor.classList.add("blur-grow");
});
l.addEventListener("mouseleave", e => {
cursor.classList.remove("blur-grow");
})
});
//service list anim
const items = document.querySelectorAll(".service_list p, .service_list");
items.forEach(item => {
new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if(entry.isIntersecting){
entry.target.classList.add('reveal');
}
});
},
{
rootMargin: "-15% 0% -15% 0%",
threshold: 0
}).observe(item);
})
</script></body></html>