- ID de l'analyse :
- ccdf03bd-f1cb-400b-a7b3-fdf42731cb93Terminée
- URL soumise :
- https://www.daimendesigns.com/
- Fin du rapport :
Liens : 1 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://www.missvickymusic.com | Miss VickyUX, Research, Logo Design& Development |
Variables JavaScript : 8 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| WebFont | object |
| $ | function |
| jQuery | function |
| tram | function |
| Webflow | object |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!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>