- 扫描 ID：
- 76a76839-892d-4061-9f40-1b64c89339d2已完成
- 提交的 URL：
- https://zanuttadevs.cloud/
- 报告完成时间：
链接 · 找到 10 个
从页面中识别出的传出链接
| 链接 | 文本 |
|---|---|
| https://twitter.com/RiccardoZanutta | |
| https://it.linkedin.com/in/riccardozanutta | |
| https://github.com/Riccardo-Zanutta | Github |
| http://codepen.io/rickzanutta/ | Codepen |
| http://www.awwwards.com/sites/riccardo-zanutta-interactive-frontend-developer | Awwwards |
| https://dribbble.com/rickzan | |
| http://codepen.io/rickzanutta/pen/yjaeB | 01 Title CSS3 spin preloader + preload Page |
| http://codepen.io/rickzanutta/pen/NNzGVd | 02 Title Search Input context animation |
| https://github.com/Riccardo-Zanutta/brick | 03 Title BRick Boilerplate |
| http://codepen.io/rickzanutta/pen/aOQddB | 04 Title Open& Close Menu Animation |
JavaScript 变量 · 找到 42 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| GoogleAnalyticsObject | string |
| ga | function |
| _gsScope | object |
| Util | object |
| Form | object |
控制台日志消息 · 找到 2 条
记录到 Web 控制台的消息
| 类型 | 类别 | 记录 |
|---|---|---|
| info | other |
|
| info | other |
|
HTML
页面的原始 HTML 正文
<!DOCTYPE html><html lang="en" class="js"><head itemscope="" itemtype="http://schema.org/WebSite">
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Riccardo Zanutta - Interactive Frontend Developer</title>
<meta name="description" content="Riccardo Zanutta personal portfolio's website.">
<link type="text/plain" rel="author" href="humans.txt">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="msapplication-tap-highlight" content="no">
<style>
body{background-color:#252a60 !important;} body.loaded{background-color:#f3f3f3 !important;}#page-wrap{opacity:0;}.loaded #page-wrap{opacity:1;}@-webkit-keyframes "stripe"{0%{left:0;width:0px;}25%{left:0;width:100%;}50%{left:100%;width:0px;}75%{left:0;width:100%;}100%{left:0;width:0px;}}@keyframes "stripe"{0%{left:0;width:0px;}25%{left:0;width:100%;}50%{left:100%;width:0px;}75%{left:0;width:100%;}100%{left:0;width:0px;}}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#252a60;opacity:1;visibility:visible;transition:opacity 0.7s, visibility 0.7s, z-index 0.7s;z-index:61}#loader.is-hidden{opacity:0;visibility:hidden;z-index:-1}.no-js #loader{display:none}.loader-content{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:300px;height:90px;overflow:hidden;opacity:1;visibility:visible;transition:all 0.25s ease;z-index:70}.loader-content.is-hidden{opacity:0;visibility:hidden}.loader-content > *{width:100%;height:100%;position:absolute;top:0;left:0}.stripe-loader{width:100%;height:90px}.stripe{height:30px;width:0;background:#ffffff;position:relative;margin:0}.stripe:first-child{-webkit-animation:stripe 1.5s cubic-bezier(0.694, 0.048, 0.335, 1) infinite;animation:stripe 1.5s cubic-bezier(0.694, 0.048, 0.335, 1) infinite}.stripe:nth-child(2){-webkit-animation:stripe 1.5s cubic-bezier(0.694, 0.048, 0.335, 1) 0.1s infinite;animation:stripe 1.5s cubic-bezier(0.694, 0.048, 0.335, 1) 0.1s infinite}.stripe:nth-child(3){-webkit-animation:stripe 1.5s cubic-bezier(0.694, 0.048, 0.335, 1) 0.2s infinite;animation:stripe 1.5s cubic-bezier(0.694, 0.048, 0.335, 1) 0.2s infinite}#loader-after{position:fixed;top:0;left:-100%;width:100%;height:100%;background-color:#1c1d25;opacity:1;visibility:visible;transition:opacity 0.7s, visibility 0.7s, z-index 0.7s;z-index:62}#loader-after.is-hidden{opacity:0;visibility:hidden;z-index:-1}
</style>
<link rel="stylesheet" href="css/application.css">
<link rel="canonical" href="/" itemprop="url">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Riccardo Zanutta - Interactive Frontend Developer">
<meta name="google-site-verification" content="Vv6Ab5p4eW3hXGhlz5FEzlS7BAR-3yL3s6Hwt0XRTTs">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#191a21">
<meta name="theme-color" content="#191a21">
<meta property="og:url" content="https://riccardozanutta.com/">
<meta property="og:type" content="website">
<meta property="og:title" content="Riccardo Zanutta - Interactive Frontend Developer">
<meta property="og:image" content="https://riccardozanutta.com/img/social-image.jpg">
<meta property="og:description" content="Riccardo Zanutta personal portfolio's website.">
<meta property="og:site_name" content="Site Name">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@RiccardoZanutta">
<meta name="twitter:creator" content="@RiccardoZanutta">
<meta name="twitter:url" content="https://riccardozanutta.com/">
<meta name="twitter:title" content="Riccardo Zanutta - Interactive Frontend Developer">
<meta name="twitter:description" content="Riccardo Zanutta personal portfolio's website.">
<meta name="twitter:image" content="https://riccardozanutta.com/img/social-image.jpg">
<link href="https://plus.google.com/+RiccardoZanutta" rel="publisher">
<meta itemprop="name" content="Riccardo Zanutta - Interactive Frontend Developer">
<meta itemprop="description" content="Riccardo Zanutta personal portfolio's website.">
<meta itemprop="image" content="https://riccardozanutta.com/img/social-image.jpg">
<style>
.st0{clip-path:url(#XMLID_8_);fill:none;stroke:url(#XMLID_9_);stroke-width:70.344;stroke-miterlimit:10;} .st1{clip-path:url(#XMLID_11_);fill:none;stroke:url(#XMLID_12_);stroke-width:70.344;stroke-miterlimit:10;}
</style>
</head>
<body itemscope="" itemtype="http://schema.org/WebPage" class="loaded">
<div id="loader">
<div class="loader-content is-hidden">
<div class="stripe-loader">
<div class="stripe"></div>
<div class="stripe"></div>
<div class="stripe"></div>
</div>
</div>
</div>
<div id="loader-after"></div>
<div id="page-transition">
<div class="page-transition-content">
<div class="stripe-loader">
<div class="stripe"></div>
<div class="stripe"></div>
<div class="stripe"></div>
</div>
</div>
</div>
<div id="page-transition-after"></div>
<div id="page-wrap">
<nav itemscope="" itemtype="http://schema.org/SiteNavigationElement" class="main-navigation">
<div class="content nav-content">
<a href="/" data-destination="home" itemprop="url" class="nav-logo"><svg xmlns="http://www.w3.org/2000/svg" id="my-svg" width="256" height="256" viewBox="0 0 256 256">
<path fill="#FFF" d="M53.2 145.1l81.9-71.7h-34.3L19 145.1l102.8 90h34.3l-102.9-90"></path>
<g fill="#FFF">
<path d="M145.3 145.1l36-31.6s.8-.7 1.1-1l2.4-2.4c8.5-10.3 13.3-23.3 13.3-36.7 0-31.8-25.8-57.7-57.6-57.7l-111.1.1L7.2 38.6l111.4-.1h21.9c19.2 0 34.8 15.6 34.8 34.8 0 8.2-2.7 15.8-8 22.2-1 1.3-8.3 7.3-8.3 7.3l-12.4 10.6-35.6 31.7 102.9 90h34.3l-102.9-90zm33.4-31.7h.2-.2z"></path>
<path d="M252.8 236.9h-39.6l-.5-.4-104.4-91.3 37.1-33 12.5-10.6c3.5-2.9 7.5-6.3 8.1-7 5-6 7.6-13.3 7.6-21.1 0-18.2-14.8-33.1-33.1-33.1H3L28.6 14h115.8l-.1.1c31 2 55.6 27.8 55.6 59.3 0 13.6-4.9 27.1-13.7 37.8-.5.6-2.2 2.3-2.6 2.6-.3.3-1.2 1-1.2 1l-.5.4-34 29.8 104.9 91.9zm-38.3-3.5h29l-100.9-88.3 34.1-29.9h-2.2l3.6-3.5h1v1.5l1.6-1.4c.2-.2.4-.4.6-.5.4-.3 1.9-1.9 2.2-2.2 8.3-10.1 12.9-22.8 12.9-35.6 0-30.8-25.1-55.9-55.9-55.9h-3.9l-106.5-.1-18.8 19.4 109-.1h20.1c20.2 0 36.6 16.4 36.6 36.6 0 8.6-2.9 16.6-8.4 23.3-1 1.3-7.3 6.5-8.5 7.5l-12.4 10.6-34.1 30.3 100.9 88.3z"></path>
<g>
<path d="M249.3 235.5h-35.5l-.1-.1-103.2-90.3.3-.3 35.6-31.7 12.4-10.6c2.5-2.1 7.5-6.2 8.3-7.2 5.1-6.2 7.9-13.8 7.9-21.9 0-19-15.4-34.4-34.4-34.4H6.2l23-23.7h.2l112.1-.1c31.6.5 57.1 26.4 57.1 58.1 0 13.3-4.8 26.5-13.4 37-.4.5-2.1 2.2-2.4 2.5-.3.3-1.1 1-1.1 1l-.1.1-35.5 31.2 103.2 90.4zm-35.3-.8h33l-102.4-89.6 36.4-32c.2-.2.7-.6 1-.9.3-.3 2-1.9 2.4-2.4 8.5-10.3 13.2-23.3 13.2-36.4 0-31.5-25.7-57.2-57.2-57.3h-1l-110 .1L8 38.2l111-.1h21.5c19.4 0 35.2 15.8 35.2 35.2 0 8.3-2.8 16-8 22.4-1 1.3-8.1 7.1-8.4 7.3l-12.4 10.6-35.2 31.4L214 234.7zm-35-120.9h-1.4l1-.8h.4V113.8z"></path>
<path d="M253.9 237.3H213l-.5-.4-104.8-91.7 1.8-1.6 35.6-31.7 12.5-10.6c4-3.3 7.5-6.4 8-7 4.9-5.9 7.5-13.1 7.5-20.8 0-18-14.7-32.7-32.7-32.7H2l26.4-27.2 117.2-.1-.2.2c30.6 2.6 54.8 28.5 54.8 59.6 0 13.7-4.9 27.3-13.8 38.1-.5.6-2.3 2.4-2.6 2.7-.3.3-1.2 1-1.2 1l-.5.4-33.6 29.5 105.4 92.3zm-39.2-4.3h27.7L142 145.1l33.6-29.5h-3.1l4.7-3.8.1-2.6 1.8 2 1.4.1c.2-.1.3-.3.4-.4.4-.3 1.9-1.9 2.2-2.2 8.3-10 12.8-22.6 12.8-35.3 0-30.6-24.9-55.5-55.5-55.5H30.3l-18 18.5 108.4-.1h19.7c20.4 0 37 16.6 37 37 0 8.7-2.9 16.8-8.4 23.5-.7.9-3.5 3.4-8.5 7.5L148 115.1l-33.7 30L214.7 233z"></path>
</g>
</g></svg><span itemprop="name" class="visual-hide">Home</span><span aria-label="Riccardo Zanutta's Logo">Riccardo Zanutta's Logo</span></a>
<div aria-label="Mobile Menu" class="nav-toggle">
<span class="menu-trigger"><i class="menu-trigger-bar top"></i><i class="menu-trigger-bar middle"></i><i class="menu-trigger-bar bottom"></i></span>
</div>
<ul class="nav-links">
<li itemprop="name">
<a href="#case-studies" data-scroll="" itemprop="url" class="no-smoothState no-single-work">Case Studies</a>
</li>
<li itemprop="name">
<a href="#experiments" data-scroll="" itemprop="url" class="no-smoothState no-single-work">Experiments</a>
</li>
<li class="in-single-work">
<a href="/" data-destination="home" rel="nofollow"><span aria-label="Back" class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" width="476.2" height="476.2" viewBox="174 -174.2 476.2 476.2">
<path d="M244.6 134.5l21.2-21.2-34.4-34.4h418.8v-30H231.4l34.4-34.4-21.2-21.2L174 63.9"></path></svg></span>Turn Back Home</a>
</li>
<li class="in-single-work">
<a href="" id="all-works" rel="nofollow" class="no-smoothState">All Works</a>
</li>
<li>
<a href="" class="no-smoothState open-contact">Contact</a>
</li>
<li class="no-single-work">
<a href="#" id="change-theme" class="no-smoothState no-single-work"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 285.919 285.919">
<path d="M142.959 0C64.131 0 0 64.132 0 142.96s64.131 142.959 142.959 142.959 142.96-64.131 142.96-142.959S221.787 0 142.959 0zm0 260.919V25c65.043 0 117.96 52.917 117.96 117.96 0 65.043-52.917 117.959-117.96 117.959z"></path></svg></a>
</li>
</ul>
</div>
</nav>
<nav class="mobile-menu">
<span aria-label="Close" class="close-trigger"><i class="close-trigger-bar left"></i><i class="close-trigger-bar right"></i></span>
<ul class="mobile-nav-links">
<li>
<a href="/" data-destination="home">Home</a>
</li>
<li class="in-single-work">
<a href="" id="all-works" rel="nofollow" class="no-smoothState">All Works</a>
</li>
<li>
<a href="#case-studies" data-scroll="" class="no-smoothState no-single-work">Case Studies</a>
</li>
<li>
<a href="#experiments" data-scroll="" class="no-smoothState no-single-work">Experiments</a>
</li>
<li>
<a href="" class="no-smoothState open-contact">Contact</a>
</li>
</ul>
<ul class="nav-social-stripe">
<li>
<a href="https://twitter.com/RiccardoZanutta" target="_blank" rel="noopener" aria-label="Twitter"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 612">
<path d="M612 116.258c-22.525 9.98-46.694 16.75-72.088 19.772 25.93-15.527 45.777-40.155 55.184-69.41-24.322 14.378-51.17 24.82-79.775 30.48-22.906-24.438-55.49-39.66-91.63-39.66-69.333 0-125.55 56.218-125.55 125.514 0 9.828 1.11 19.427 3.25 28.606-104.325-5.24-196.834-55.223-258.75-131.174-10.822 18.51-16.98 40.078-16.98 63.1 0 43.56 22.182 81.994 55.836 104.48-20.575-.688-39.926-6.348-56.867-15.756v1.568c0 60.806 43.29 111.554 100.692 123.104-10.517 2.83-21.607 4.398-33.08 4.398-8.107 0-15.947-.803-23.634-2.333 15.985 49.907 62.336 86.2 117.253 87.194-42.946 33.655-97.098 53.656-155.915 53.656-10.134 0-20.116-.612-29.944-1.72 55.568 35.68 121.537 56.484 192.44 56.484 230.947 0 357.187-191.29 357.187-357.188l-.42-16.253C573.87 163.525 595.21 141.42 612 116.257z" fill="#010002"></path></svg></a>
</li>
<li>
<a href="https://it.linkedin.com/in/riccardozanutta" target="_blank" rel="noopener" aria-label="Linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="430.117" height="430.117" viewBox="0 0 430.117 430.117">
<path d="M430.117 261.543V420.56H337.93V272.193c0-37.27-13.335-62.707-46.704-62.707-25.473 0-40.632 17.142-47.3 33.724-2.433 5.928-3.06 14.18-3.06 22.477V420.56H148.65s1.242-251.285 0-277.32h92.21v39.31c-.187.293-.43.61-.606.895h.606v-.896c12.25-18.87 34.13-45.825 83.102-45.825 60.673 0 106.157 39.636 106.157 124.818zM52.183 9.558C20.635 9.558 0 30.25 0 57.463c0 26.62 20.038 47.94 50.96 47.94h.615c32.16 0 52.16-21.317 52.16-47.94-.607-27.212-20-47.905-51.552-47.905zM5.477 420.56H97.66V143.24H5.478v277.32z"></path></svg></a>
</li>
<li>
<a href="https://github.com/Riccardo-Zanutta" target="_blank" rel="noopener" aria-label="Github"><svg xmlns="http://www.w3.org/2000/svg" width="438.549" height="438.549" viewBox="0 0 438.549 438.549">
<path d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8C295.736 15.166 259.057 5.365 219.27 5.365c-39.78 0-76.47 9.804-110.062 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.853 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.42-1.996 2.474-2.282 3.71-5.14 3.71-8.562 0-.57-.05-5.708-.144-15.417-.098-9.71-.144-18.18-.144-25.406l-6.567 1.136c-4.187.767-9.47 1.092-15.846 1-6.375-.09-12.992-.757-19.843-2-6.854-1.23-13.23-4.085-19.13-8.558-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.9-9.233-8.992-14.56-4.093-5.33-8.232-8.944-12.42-10.847l-1.998-1.43c-1.332-.952-2.568-2.1-3.71-3.43-1.143-1.33-1.998-2.663-2.57-3.997-.57-1.335-.097-2.43 1.428-3.29 1.525-.858 4.28-1.275 8.28-1.275l5.708.853c3.807.763 8.516 3.042 14.133 6.85 5.615 3.807 10.23 8.755 13.847 14.843 4.38 7.807 9.657 13.755 15.846 17.848 6.184 4.093 12.42 6.136 18.7 6.136 6.28 0 11.703-.476 16.273-1.423 4.565-.95 8.848-2.382 12.847-4.284 1.713-12.758 6.377-22.56 13.988-29.41-10.847-1.14-20.6-2.857-29.263-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.98-3.9-12.373-5.852-26.647-5.852-42.825 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.38-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.284 18.794 7.953 23.84 10.995 5.046 3.04 9.09 5.618 12.135 7.708 17.706-4.947 35.977-7.42 54.82-7.42s37.116 2.473 54.822 7.42l10.85-6.85c7.418-4.57 16.18-8.757 26.26-12.564 10.09-3.806 17.803-4.854 23.135-3.14 8.562 21.51 9.325 40.923 2.28 58.24 15.035 16.18 22.558 35.788 22.558 58.818 0 16.178-1.958 30.497-5.853 42.966-3.9 12.47-8.94 22.457-15.125 29.98-6.19 7.52-13.9 13.85-23.13 18.985-9.233 5.14-18.183 8.85-26.84 11.135-8.663 2.286-18.416 4.004-29.264 5.146 9.894 8.563 14.842 22.078 14.842 40.54v60.237c0 3.422 1.19 6.28 3.572 8.562 2.38 2.278 6.136 2.95 11.276 1.994 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.16 41.826-81.126 41.826-128.906-.01-39.77-9.818-76.454-29.414-110.05z"></path></svg></a>
</li>
<li>
<a href="http://codepen.io/rickzanutta/" target="_blank" rel="noopener" aria-label="Codepen"><svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
<path fill="#231F20" d="M252.1 85.7c0-.2-.1-.3-.1-.5-.1-.3-.1-.6-.2-.9 0-.2-.1-.3-.2-.5-.1-.3-.2-.5-.3-.8-.1-.2-.2-.4-.2-.5-.1-.2-.2-.5-.4-.7-.1-.2-.2-.3-.3-.5-.1-.2-.3-.4-.5-.7-.1-.2-.2-.3-.4-.5s-.3-.4-.5-.6l-.4-.4c-.2-.2-.4-.3-.6-.5-.2-.1-.3-.3-.5-.4-.1 0-.1-.1-.2-.1L132.8 1.8c-3.6-2.4-8.3-2.4-11.9 0L6.3 78.2c-.1 0-.1.1-.2.1-.2.1-.3.2-.5.4s-.4.3-.6.5c-.2.1-.3.3-.4.4-.2.2-.4.4-.5.6-.1.2-.3.3-.4.5-.2.2-.3.4-.5.7-.1.2-.2.3-.3.5-.1.2-.3.5-.4.7-.1.2-.2.3-.2.5-.1.3-.2.5-.3.8 0 .1 0 .3-.1.5-.1.3-.1.6-.2.9 0 .2-.1.3-.1.5-.1.5-.1.9-.1 1.4v76.4c0 .5 0 .9.1 1.4 0 .2.1.3.1.5.1.3.1.6.2.9 0 .2.1.3.2.5.1.3.2.5.3.8.1.2.2.4.2.5.1.2.2.5.4.7.1.2.2.3.3.5.1.2.3.4.5.7.1.2.2.3.4.5s.3.4.5.6l.4.4c.2.2.4.4.6.5.2.1.3.3.5.4.1 0 .1.1.2.1L120.9 249c1.8 1.2 3.9 1.8 6 1.8s4.2-.6 6-1.8l114.5-76.4c.1 0 .1-.1.2-.1.2-.1.3-.2.5-.4s.4-.3.6-.5l.4-.4c.2-.2.4-.4.5-.6.1-.2.3-.3.4-.5.2-.2.3-.4.5-.7.1-.2.2-.3.3-.5.1-.2.3-.5.4-.7.1-.2.2-.3.2-.5.1-.3.2-.5.3-.8.1-.2.1-.3.2-.5.1-.3.1-.6.2-.9 0-.2.1-.3.1-.5.1-.5.1-.9.1-1.4V87.1c-.1-.4-.2-.9-.2-1.4zM137.6 30.9L222 87.1l-37.7 25.2-46.7-31.2V30.9zm-21.5 0v50.2l-46.7 31.2-37.7-25.2 84.4-56.2zm-93 76.4l26.9 18-26.9 18v-36zm93 112.4l-84.4-56.3 37.7-25.2 46.7 31.2v50.3zm10.8-68.9l-38.1-25.5 38.1-25.5 38.1 25.5-38.1 25.5zm10.7 68.9v-50.2l46.7-31.2 37.7 25.2-84.4 56.2zm93-76.4l-26.9-18 26.9-18v36z"></path></svg></a>
</li>
</ul>
</nav>
<header id="top" class="main-hero">
<div id="awwwards" class="sotd green right">
<a href="http://www.awwwards.com/sites/riccardo-zanutta-interactive-frontend-developer" target="_blank">Awwwards</a>
</div>
<div class="main-hero-text">
<div class="content">
<div class="text-loading-mask">
<div class="text-loading-overlay"></div>
<h1 itemprop="author" class="main-hero-title">Riccardo Zanutta</h1>
</div>
<div>
<div class="text-loading-mask">
<div style="transition-delay: 0.1s;" class="text-loading-overlay"></div>
<h3 itemprop="specialty" class="main-hero-subtitle h5">Interactive Front-end Developer</h3>
</div>
</div>
<div>
<div style="width: 175px;" class="text-loading-mask">
<div style="transition-delay: 0.15s;" class="text-loading-overlay"></div><a href="#" class="the-button call-to-button no-smoothstate open-contact"><span class="button-text">About Me</span>
<div class="button-mask"></div><span class="button-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476.213 476.213">
<path d="M405.606 167.5l-21.212 21.213 34.393 34.393H0v30h418.787L384.394 287.5l21.212 21.213 70.607-70.607"></path></svg></span></a>
</div>
</div>
</div>
</div>
<div class="cookie-banner">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416.991 416.991">
<path d="M187.41 101.165c-1.592-.916-3.403-1.4-5.24-1.4-3.738 0-7.222 2.01-9.1 5.262-2.884 5.01-1.157 11.44 3.862 14.338 1.59.916 3.402 1.4 5.238 1.4 3.74 0 7.224-2.01 9.1-5.262 2.885-5.01 1.158-11.44-3.86-14.338zM110.257 171.672c-1.835 0-3.646.484-5.258 1.412-5.008 2.898-6.728 9.33-3.842 14.327 1.868 3.246 5.354 5.262 9.1 5.263 1.836 0 3.647-.484 5.25-1.407 2.43-1.402 4.165-3.665 4.892-6.373.727-2.71.354-5.542-1.05-7.97-1.87-3.24-5.354-5.25-9.093-5.25zM136.574 269.904c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5zM240.07 297.647c-1.598-.927-3.42-1.417-5.266-1.417-3.73 0-7.208 2.003-9.1 5.262-2.885 5.01-1.158 11.44 3.833 14.322 1.598.926 3.42 1.416 5.266 1.416 3.732 0 7.214-2.006 9.1-5.262 1.4-2.43 1.77-5.257 1.04-7.963-.727-2.712-2.47-4.975-4.872-6.358zM306.718 224.323c-1.836 0-3.647.484-5.25 1.407-2.433 1.404-4.17 3.672-4.895 6.384-.725 2.712-.348 5.544 1.045 7.947 1.868 3.246 5.355 5.262 9.1 5.263 1.836 0 3.647-.484 5.25-1.407 2.433-1.404 4.17-3.672 4.894-6.384.725-2.712.348-5.544-1.045-7.947-1.868-3.246-5.354-5.262-9.1-5.262z"></path>
<path d="M416.97 206.596l-.013-.83c-.064-5.28-4.222-9.6-9.494-9.865-14.875-.75-28.007-9.638-34.27-23.192-1.245-2.694-3.623-4.696-6.49-5.465-2.866-.77-5.925-.224-8.352 1.487-6.705 4.73-14.926 7.335-23.145 7.336-6.964 0-13.858-1.854-19.935-5.363-13.458-7.77-21.242-22.804-19.83-38.3.27-2.955-.79-5.878-2.888-7.976-2.1-2.1-5.032-3.152-7.977-2.89-1.195.11-2.41.165-3.614.165-14.27 0-27.56-7.662-34.682-19.996-7.77-13.458-6.994-30.37 1.976-43.084 1.71-2.425 2.257-5.485 1.488-8.352-.768-2.867-2.77-5.245-5.464-6.49-13.548-6.262-22.434-19.387-23.188-34.254-.268-5.27-4.583-9.424-9.858-9.492l-.816-.013c-.64-.01-1.278-.02-1.92-.02C93.53 0 0 93.53 0 208.496s93.53 208.496 208.496 208.496 208.495-93.53 208.495-208.496c0-.635-.01-1.267-.02-1.9zM208.496 396.99C104.56 396.99 20 312.434 20 208.497c0-101.888 81.258-185.154 182.372-188.398 3.158 14.763 11.764 27.746 24.107 36.418-8.064 17.495-7.342 38.18 2.48 55.19 9.77 16.925 27.277 27.985 46.566 29.748 1.76 19.188 12.73 36.746 29.744 46.57 9.114 5.262 19.466 8.043 29.936 8.042 8.82 0 17.392-1.897 25.258-5.544 8.676 12.343 21.66 20.947 36.427 24.102-3.24 101.113-86.506 182.367-188.394 182.367z"></path></svg>
<p>This website uses <a href="/privacy">cookies.</a> - <span class="confirm-cookies">Dismiss</span></p>
</div>
<div id="shapes-mask">
<svg xmlns="http://www.w3.org/2000/svg" width="37.196" height="32.213" viewBox="0 0 37.196 32.213">
<symbol id="triangle">
<svg xmlns="http://www.w3.org/2000/svg" width="25.675" height="22.236" viewBox="0 0 25.675 22.236">
<path fill="none" stroke="#CF4981" stroke-width="3" stroke-miterlimit="10" d="M12.837 3l5.12 8.868 5.12 8.868H2.597l5.12-8.868z"></path></svg>
</symbol></svg><svg xmlns="http://www.w3.org/2000/svg" width="29.093" height="14.546" viewBox="0 0 29.093 14.546">
<symbol id="semiCircle">
<path fill="none" stroke="#CF4981" stroke-width="3" stroke-miterlimit="10" d="M1.5 14.546C1.5 7.34 7.34 1.5 14.547 1.5c7.205 0 13.046 5.84 13.046 13.046"></path>
</symbol></svg><svg xmlns="http://www.w3.org/2000/svg" width="17.046" height="36.016" viewBox="0 0 17.046 36.016">
<symbol id="spring">
<path fill="none" stroke="#CF4981" stroke-width="3" stroke-miterlimit="10" d="M9.945 34.614S1.46 31.38 1.5 23.92s11.73-4.797 11.73-4.797S3.82 16.708 4.18 8.77s12.784-7.255 12.784-7.255"></path>
</symbol></svg><svg xmlns="http://www.w3.org/2000/svg" width="25.675" height="22.236" viewBox="0 0 25.675 22.236">
<symbol id="line">
<path fill="none" stroke="#CF4981" stroke-width="3" stroke-miterlimit="10" d="M4.92 2.514L21.964 19.56"></path>
</symbol></svg><svg width="25px" height="25px" class="layer1 p1">
<use xlink:href="#triangle" class="yellow"></use></svg><svg width="28px" height="28px" class="layer1 p2">
<use xlink:href="#semiCircle" class="yellow"></use></svg><svg width="25px" height="25px" class="layer2 p3">
<use width="25px" height="25px" xlink:href="#triangle" class="aqua"></use></svg><svg class="layer1 p4">
<use xlink:href="#triangle" class="pink"></use></svg><svg width="28px" height="28px" class="layer1 p5">
<use xlink:href="#semiCircle" class="aqua"></use></svg><svg width="36px" height="36px" class="layer2 p6">
<use xlink:href="#spring" class="pink"></use></svg><svg width="36px" height="36px" class="layer2 p7">
<use xlink:href="#spring" class="pink"></use></svg><svg width="22px" height="22px" class="layer2 p8">
<use xlink:href="#line" class="aqua"></use></svg><svg width="22px" height="22px" class="layer1 p9">
<use xlink:href="#line" class="aqua"></use></svg><svg width="22px" height="22px" class="layer2 p10">
<use xlink:href="#line" class="yellow"></use></svg><svg width="28px" height="28px" class="layer1 p11">
<use xlink:href="#semiCircle" class="aqua"></use></svg>
</div>
<div itemscope="primaryimageofpage" class="logo-mask">
<svg id="logo-anim" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256" viewBox="0 0 256 256">
<g id="XMLID_10_">
<defs>
<path id="XMLID_4_" d="M54.9 147.2l80-70h-33.5l-80 70L122 235.3h33.5L54.9 147.2z"></path>
</defs>
<clipPath id="XMLID_8_">
<use xlink:href="#XMLID_4_" overflow="visible"></use>
</clipPath>
<linearGradient id="XMLID_9_" gradientUnits="userSpaceOnUse" x1="-169.589" y1="333.156" x2="21.795" y2="333.156" gradientTransform="matrix(1 0 0 -1 156 491)">
<stop offset="0" stop-color="#2D2E83"></stop>
<stop offset="1" stop-color="#1D71B8"></stop>
</linearGradient>
<path id="XMLID_3_" d="M154.6 249.8L37.8 147.2c8.3-8.3 91.4-81.4 91.4-81.4" class="st0"></path>
</g>
<g id="XMLID_6_">
<g id="XMLID_7_">
<defs>
<path id="XMLID_2_" d="M251.1 237.4h-40l-.5-.4-102.5-89.7 1.8-1.6 34.8-31 12.2-10.4c3.9-3.2 7.4-6.2 7.8-6.8 4.8-5.8 7.3-12.8 7.3-20.4 0-17.6-14.3-31.9-31.9-31.9H4.8l25.8-26.6 114.6-.1-.2.2c29.9 2.5 53.6 27.9 53.6 58.3 0 13.4-4.8 26.7-13.5 37.2-.5.6-2.3 2.3-2.6 2.6-.3.3-1.1 1-1.1 1l-.5.4L148 147l103.1 90.4z"></path>
</defs>
<clipPath id="XMLID_11_">
<use xlink:href="#XMLID_2_" overflow="visible"></use>
</clipPath>
<linearGradient id="XMLID_12_" gradientUnits="userSpaceOnUse" x1="-156.508" y1="354.122" x2="115.621" y2="354.122" gradientTransform="matrix(1 0 0 -1 156 491)">
<stop offset="0" stop-color="#2D2E83"></stop>
<stop offset="1" stop-color="#1D71B8"></stop>
</linearGradient>
<path id="XMLID_1_" d="M-.5 29.8l126.8-.1c29.9 2.5 57.4 17 57.4 47.4 0 13.4-4.3 24.4-17.4 37.2-.5.6-2.3 2.3-2.6 2.6-.3.3-1.1 1-1.1 1l-.5.4-32.9 28.8 118.9 105.6" class="st1"></path>
</g>
</g></svg>
</div>
<ul itemscope="" itemtype="http://schema.org/Organization" class="social-vertical-stripe">
<span itemprop="name" class="visual-hide">Riccardo Zanutta</span>
<link itemprop="url" href="/">
<link itemprop="logo" href="/icons/logo.svg">
<li>
<a href="https://twitter.com/RiccardoZanutta" target="_blank" rel="noopener" itemprop="sameAs"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 612">
<path d="M612 116.258c-22.525 9.98-46.694 16.75-72.088 19.772 25.93-15.527 45.777-40.155 55.184-69.41-24.322 14.378-51.17 24.82-79.775 30.48-22.906-24.438-55.49-39.66-91.63-39.66-69.333 0-125.55 56.218-125.55 125.514 0 9.828 1.11 19.427 3.25 28.606-104.325-5.24-196.834-55.223-258.75-131.174-10.822 18.51-16.98 40.078-16.98 63.1 0 43.56 22.182 81.994 55.836 104.48-20.575-.688-39.926-6.348-56.867-15.756v1.568c0 60.806 43.29 111.554 100.692 123.104-10.517 2.83-21.607 4.398-33.08 4.398-8.107 0-15.947-.803-23.634-2.333 15.985 49.907 62.336 86.2 117.253 87.194-42.946 33.655-97.098 53.656-155.915 53.656-10.134 0-20.116-.612-29.944-1.72 55.568 35.68 121.537 56.484 192.44 56.484 230.947 0 357.187-191.29 357.187-357.188l-.42-16.253C573.87 163.525 595.21 141.42 612 116.257z" fill="#010002"></path></svg></a>
</li>
<li>
<a href="https://it.linkedin.com/in/riccardozanutta" target="_blank" rel="noopener" itemprop="sameAs"><svg xmlns="http://www.w3.org/2000/svg" width="430.117" height="430.117" viewBox="0 0 430.117 430.117">
<path d="M430.117 261.543V420.56H337.93V272.193c0-37.27-13.335-62.707-46.704-62.707-25.473 0-40.632 17.142-47.3 33.724-2.433 5.928-3.06 14.18-3.06 22.477V420.56H148.65s1.242-251.285 0-277.32h92.21v39.31c-.187.293-.43.61-.606.895h.606v-.896c12.25-18.87 34.13-45.825 83.102-45.825 60.673 0 106.157 39.636 106.157 124.818zM52.183 9.558C20.635 9.558 0 30.25 0 57.463c0 26.62 20.038 47.94 50.96 47.94h.615c32.16 0 52.16-21.317 52.16-47.94-.607-27.212-20-47.905-51.552-47.905zM5.477 420.56H97.66V143.24H5.478v277.32z"></path></svg></a>
</li>
<li>
<a href="https://github.com/Riccardo-Zanutta" target="_blank" rel="noopener" itemprop="sameAs"><svg xmlns="http://www.w3.org/2000/svg" width="438.549" height="438.549" viewBox="0 0 438.549 438.549">
<path d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8C295.736 15.166 259.057 5.365 219.27 5.365c-39.78 0-76.47 9.804-110.062 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.853 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.42-1.996 2.474-2.282 3.71-5.14 3.71-8.562 0-.57-.05-5.708-.144-15.417-.098-9.71-.144-18.18-.144-25.406l-6.567 1.136c-4.187.767-9.47 1.092-15.846 1-6.375-.09-12.992-.757-19.843-2-6.854-1.23-13.23-4.085-19.13-8.558-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.9-9.233-8.992-14.56-4.093-5.33-8.232-8.944-12.42-10.847l-1.998-1.43c-1.332-.952-2.568-2.1-3.71-3.43-1.143-1.33-1.998-2.663-2.57-3.997-.57-1.335-.097-2.43 1.428-3.29 1.525-.858 4.28-1.275 8.28-1.275l5.708.853c3.807.763 8.516 3.042 14.133 6.85 5.615 3.807 10.23 8.755 13.847 14.843 4.38 7.807 9.657 13.755 15.846 17.848 6.184 4.093 12.42 6.136 18.7 6.136 6.28 0 11.703-.476 16.273-1.423 4.565-.95 8.848-2.382 12.847-4.284 1.713-12.758 6.377-22.56 13.988-29.41-10.847-1.14-20.6-2.857-29.263-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.98-3.9-12.373-5.852-26.647-5.852-42.825 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.38-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.284 18.794 7.953 23.84 10.995 5.046 3.04 9.09 5.618 12.135 7.708 17.706-4.947 35.977-7.42 54.82-7.42s37.116 2.473 54.822 7.42l10.85-6.85c7.418-4.57 16.18-8.757 26.26-12.564 10.09-3.806 17.803-4.854 23.135-3.14 8.562 21.51 9.325 40.923 2.28 58.24 15.035 16.18 22.558 35.788 22.558 58.818 0 16.178-1.958 30.497-5.853 42.966-3.9 12.47-8.94 22.457-15.125 29.98-6.19 7.52-13.9 13.85-23.13 18.985-9.233 5.14-18.183 8.85-26.84 11.135-8.663 2.286-18.416 4.004-29.264 5.146 9.894 8.563 14.842 22.078 14.842 40.54v60.237c0 3.422 1.19 6.28 3.572 8.562 2.38 2.278 6.136 2.95 11.276 1.994 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.16 41.826-81.126 41.826-128.906-.01-39.77-9.818-76.454-29.414-110.05z"></path></svg></a>
</li>
<li>
<a href="http://codepen.io/rickzanutta/" target="_blank" rel="noopener" itemprop="sameAs"><svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
<path fill="#231F20" d="M252.1 85.7c0-.2-.1-.3-.1-.5-.1-.3-.1-.6-.2-.9 0-.2-.1-.3-.2-.5-.1-.3-.2-.5-.3-.8-.1-.2-.2-.4-.2-.5-.1-.2-.2-.5-.4-.7-.1-.2-.2-.3-.3-.5-.1-.2-.3-.4-.5-.7-.1-.2-.2-.3-.4-.5s-.3-.4-.5-.6l-.4-.4c-.2-.2-.4-.3-.6-.5-.2-.1-.3-.3-.5-.4-.1 0-.1-.1-.2-.1L132.8 1.8c-3.6-2.4-8.3-2.4-11.9 0L6.3 78.2c-.1 0-.1.1-.2.1-.2.1-.3.2-.5.4s-.4.3-.6.5c-.2.1-.3.3-.4.4-.2.2-.4.4-.5.6-.1.2-.3.3-.4.5-.2.2-.3.4-.5.7-.1.2-.2.3-.3.5-.1.2-.3.5-.4.7-.1.2-.2.3-.2.5-.1.3-.2.5-.3.8 0 .1 0 .3-.1.5-.1.3-.1.6-.2.9 0 .2-.1.3-.1.5-.1.5-.1.9-.1 1.4v76.4c0 .5 0 .9.1 1.4 0 .2.1.3.1.5.1.3.1.6.2.9 0 .2.1.3.2.5.1.3.2.5.3.8.1.2.2.4.2.5.1.2.2.5.4.7.1.2.2.3.3.5.1.2.3.4.5.7.1.2.2.3.4.5s.3.4.5.6l.4.4c.2.2.4.4.6.5.2.1.3.3.5.4.1 0 .1.1.2.1L120.9 249c1.8 1.2 3.9 1.8 6 1.8s4.2-.6 6-1.8l114.5-76.4c.1 0 .1-.1.2-.1.2-.1.3-.2.5-.4s.4-.3.6-.5l.4-.4c.2-.2.4-.4.5-.6.1-.2.3-.3.4-.5.2-.2.3-.4.5-.7.1-.2.2-.3.3-.5.1-.2.3-.5.4-.7.1-.2.2-.3.2-.5.1-.3.2-.5.3-.8.1-.2.1-.3.2-.5.1-.3.1-.6.2-.9 0-.2.1-.3.1-.5.1-.5.1-.9.1-1.4V87.1c-.1-.4-.2-.9-.2-1.4zM137.6 30.9L222 87.1l-37.7 25.2-46.7-31.2V30.9zm-21.5 0v50.2l-46.7 31.2-37.7-25.2 84.4-56.2zm-93 76.4l26.9 18-26.9 18v-36zm93 112.4l-84.4-56.3 37.7-25.2 46.7 31.2v50.3zm10.8-68.9l-38.1-25.5 38.1-25.5 38.1 25.5-38.1 25.5zm10.7 68.9v-50.2l46.7-31.2 37.7 25.2-84.4 56.2zm93-76.4l-26.9-18 26.9-18v36z"></path></svg></a>
</li>
<li>
<a href="https://dribbble.com/rickzan" target="_blank" rel="noopener" itemprop="sameAs" class="dribbble"><svg xmlns="http://www.w3.org/2000/svg" width="96.954" height="96.954" viewBox="0 0 96.954 96.954">
<path d="M48.477.065C21.747.065 0 21.782 0 48.477 0 75.172 21.747 96.89 48.477 96.89S96.953 75.17 96.954 48.476c0-26.695-21.747-48.41-48.477-48.412zm31.895 22.852c5.528 6.85 8.892 15.508 9.048 24.934-1.84-.37-9.634-1.83-18.947-1.83-3.004 0-6.166.154-9.336.543-.267-.648-.537-1.3-.816-1.954-.823-1.935-1.706-3.853-2.626-5.74 14.33-5.905 21.247-14.1 22.678-15.953zM48.477 7.64c10.328 0 19.77 3.84 26.982 10.162-1.144 1.56-7.334 9.294-21.153 14.52-6.395-11.697-13.4-21.376-15.066-23.625 2.97-.69 6.06-1.056 9.237-1.056zm-17.592 3.975c1.412 1.942 8.422 11.725 14.982 23.33-17.606 4.625-33.242 4.93-37.014 4.93h-.4c2.71-12.496 11.153-22.88 22.432-28.26zM7.522 48.54c0-.336.008-.673.018-1.01.245.004.604.008 1.074.008 5.08 0 22.722-.423 40.9-5.82 1.104 2.16 2.156 4.35 3.13 6.54-.455.13-.91.265-1.36.41-20.467 6.612-31.72 24.112-33.45 26.97C11.42 68.416 7.52 58.927 7.52 48.54zm40.955 40.9c-9.397 0-18.06-3.182-24.98-8.515 1.17-2.294 9.66-17.584 32.093-25.392.016-.005.032-.01.047-.017 5.62 14.646 8.004 26.937 8.66 30.744-4.87 2.047-10.215 3.18-15.82 3.18zm23.194-7.21c-.548-3.15-2.754-14.67-7.85-28.72 2.86-.442 5.64-.617 8.246-.617 8.56 0 15.255 1.873 16.81 2.346-1.85 11.16-8.237 20.81-17.205 26.99z"></path></svg></a>
</li>
</ul><a href="#case-studies" data-scroll="" class="hero-go-next no-smoothstate">
<div class="go-next-label">
Works
</div><span class="the-arrow arrow-down"></span></a>
</header>
<main>
<div class="some-shapes">
<div data-rellax-speed="-1" class="circle1 rellax">
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70">
<circle fill="none" stroke="#6107EF" stroke-width="9" stroke-miterlimit="10" cx="35" cy="35.1" r="28.5"></circle></svg>
</div>
<div data-rellax-speed="1" class="square1 rellax">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
<path fill="#A79FFF" d="M88 12v76H12V12h76m9-9H3v94h94V3z"></path></svg>
</div>
<div data-rellax-speed="1" class="triangle1 rellax">
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70">
<path fill="none" stroke="#0FE851" stroke-width="8" stroke-miterlimit="10" d="M12.6 56l22.8-39.5L58.2 56z"></path></svg>
</div>
<div data-rellax-speed="-1" class="cross1 rellax">
<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="26 -26 180 180">
<path fill="#ffda77" d="M183.208 103.01l-28.143 28.144L49 25.09 77.143-3.055z"></path>
<path fill="#ffda77" d="M183.208 25.09L77.143 131.153 49 103.01 155.065-3.053z"></path></svg>
</div>
<div data-rellax-speed="-1.3" class="circle2 rellax">
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70">
<circle fill="none" stroke="#6107EF" stroke-width="9" stroke-miterlimit="10" cx="35" cy="35.1" r="28.5"></circle></svg>
</div>
<div data-rellax-speed="-1" class="square2 rellax">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
<path fill="#A79FFF" d="M88 12v76H12V12h76m9-9H3v94h94V3z"></path></svg>
</div>
<div data-rellax-speed="1" class="triangle2 rellax">
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70">
<path fill="none" stroke="#0FE851" stroke-width="8" stroke-miterlimit="10" d="M12.6 56l22.8-39.5L58.2 56z"></path></svg>
</div>
<div data-rellax-speed="1" class="cross2 rellax">
<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="26 -26 180 180">
<path fill="#ffda77" d="M183.208 103.01l-28.143 28.144L49 25.09 77.143-3.055z"></path>
<path fill="#ffda77" d="M183.208 25.09L77.143 131.153 49 103.01 155.065-3.053z"></path></svg>
</div>
<div data-rellax-speed="-1" class="square3 rellax">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
<path fill="#A79FFF" d="M88 12v76H12V12h76m9-9H3v94h94V3z"></path></svg>
</div>
<div data-rellax-speed="1.3" class="circle3 rellax">
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70">
<circle fill="none" stroke="#6107EF" stroke-width="9" stroke-miterlimit="10" cx="35" cy="35.1" r="28.5"></circle></svg>
</div>
<div data-rellax-speed="-1" class="cross3 rellax">
<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="26 -26 180 180">
<path fill="#ffda77" d="M183.208 103.01l-28.143 28.144L49 25.09 77.143-3.055z"></path>
<path fill="#ffda77" d="M183.208 25.09L77.143 131.153 49 103.01 155.065-3.053z"></path></svg>
</div>
</div>
<section id="case-studies" itemscope="" itemprop="mainContentOfPage" class="case-studies-section">
<div class="section-mask"></div>
<div class="content">
<div class="section-text-mask">
<h4 class="h5 section-subtitle">Case Studies</h4>
</div>
<div class="section-text-mask">
<h2 class="h3 section-title">Latest Works</h2>
</div>
<ul class="case-studies-list">
<li itemscope="" itemtype="http://schema.org/CreativeWork">
<a href="/cerasa" id="cerasa" style="background-image: url('img/cerasa-work.jpg');" data-destination="cerasa" itemprop="url" class="case-study">
<div class="case-study-mask"></div>
<div class="case-study-reveal-mask"></div>
<div class="case-study-mask-number">
<div class="case-study-mask-back">
01
</div>
<div class="case-study-mask-front">
<div data-index="01" class="case-study-mask-overlay">
01
</div>
</div>
</div>
<div class="case-study-text-section">
<h3 itemprop="name" class="h2 case-study-title">Cerasa Redesign</h3>
<h5 itemprop="description" class="case-study-subtitle">Leader in bathroom furniture since 1983.</h5><button class="the-button call-to-button"><span class="button-text">Case Study</span></button>
<div class="button-mask">
<button class="the-button call-to-button"></button>
</div><button class="the-button call-to-button"><span class="button-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476.213 476.213">
<path d="M405.606 167.5l-21.212 21.213 34.393 34.393H0v30h418.787L384.394 287.5l21.212 21.213 70.607-70.607"></path></svg></span></button>
</div></a>
</li>
<li itemscope="" itemtype="http://schema.org/CreativeWork">
<a href="/lato" id="lato" style="background-image: url('img/lato-admin.png');" data-destination="lato" itemprop="url" class="case-study">
<div class="case-study-mask"></div>
<div class="case-study-reveal-mask"></div>
<div class="case-study-mask-number">
<div class="case-study-mask-back">
02
</div>
<div class="case-study-mask-front">
<div data-index="02" class="case-study-mask-overlay">
02
</div>
</div>
</div>
<div class="case-study-text-section">
<h3 itemprop="name" class="h2 case-study-title">Project Lato</h3>
<h5 itemprop="description" class="case-study-subtitle">The Next generation Management System.</h5><button class="the-button call-to-button"><span class="button-text">Case Study</span></button>
<div class="button-mask">
<button class="the-button call-to-button"></button>
</div><button class="the-button call-to-button"><span class="button-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476.213 476.213">
<path d="M405.606 167.5l-21.212 21.213 34.393 34.393H0v30h418.787L384.394 287.5l21.212 21.213 70.607-70.607"></path></svg></span></button>
</div></a>
</li>
<li itemscope="" itemtype="http://schema.org/CreativeWork">
<a href="/la-francesca" id="la-francesca" style="background-image: url('img/la-francesca-work.jpg');" data-destination="la-francesca" itemprop="url" class="case-study">
<div class="case-study-mask"></div>
<div class="case-study-reveal-mask"></div>
<div class="case-study-mask-number">
<div class="case-study-mask-back">
03
</div>
<div class="case-study-mask-front">
<div data-index="03" class="case-study-mask-overlay">
03
</div>
</div>
</div>
<div class="case-study-text-section">
<h3 itemprop="name" class="h2 case-study-title">Villaggi La Francesca</h3>
<h5 itemprop="description" class="case-study-subtitle">A green oasis on the sea of the Cinque Terre.</h5><button class="the-button call-to-button"><span class="button-text">Case Study</span></button>
<div class="button-mask">
<button class="the-button call-to-button"></button>
</div><button class="the-button call-to-button"><span class="button-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476.213 476.213">
<path d="M405.606 167.5l-21.212 21.213 34.393 34.393H0v30h418.787L384.394 287.5l21.212 21.213 70.607-70.607"></path></svg></span></button>
</div></a>
</li>
<li itemscope="" itemtype="http://schema.org/CreativeWork">
<a href="/sportland" id="sportland" style="background-image: url('img/sportland-work.jpg');" data-destination="sportland" itemprop="url" class="case-study">
<div class="case-study-mask"></div>
<div class="case-study-reveal-mask"></div>
<div class="case-study-mask-number">
<div class="case-study-mask-back">
04
</div>
<div class="case-study-mask-front">
<div data-index="04" class="case-study-mask-overlay">
04
</div>
</div>
</div>
<div class="case-study-text-section">
<h3 itemprop="name" class="h2 case-study-title">Project Sportland</h3>
<h5 itemprop="description" class="case-study-subtitle">The Nature of Wellness.</h5><button class="the-button call-to-button"><span class="button-text">Case Study</span></button>
<div class="button-mask">
<button class="the-button call-to-button"></button>
</div><button class="the-button call-to-button"><span class="button-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476.213 476.213">
<path d="M405.606 167.5l-21.212 21.213 34.393 34.393H0v30h418.787L384.394 287.5l21.212 21.213 70.607-70.607"></path></svg></span></button>
</div></a>
</li>
</ul>
</div>
</section>
<section class="section mobile-only">
<div class="section-mask"></div>
<div class="content">
<div class="button-content text-center">
<button class="the-button button-big open-contact">Contact me</button>
</div>
</div>
</section>
<section id="experiments" class="experiments-section">
<div class="section-mask"></div>
<div class="inner-container">
<div class="section-text-mask">
<h4 class="h5 section-subtitle">Experiments & Open Source</h4>
</div>
<div class="section-text-mask">
<h2 class="h3 section-title">Web is fun.</h2>
</div>
</div>
<div class="inner-container hidden">
<div class="experiments-mask-reveal">
<span></span><span></span>
</div>
<div class="inner-container">
<a href="http://codepen.io/rickzanutta/pen/yjaeB" target="_blank" rel="noopener" class="experiment">
<div class="experiment-mask"></div>
<div class="experiment-number-mask">
<span>01</span>
</div>
<div class="experiment-circle">
<div class="experiment-image"></div>
</div>
<div class="experiment-title-area">
<div class="experiment-title-label">
Title
</div>
<div class="experiment-title">
CSS3 spin preloader + preload Page
</div>
</div>
<div class="experiment-number-area">
</div></a> <a href="http://codepen.io/rickzanutta/pen/NNzGVd" target="_blank" rel="noopener" class="experiment">
<div class="experiment-mask"></div>
<div class="experiment-number-mask">
<span>02</span>
</div>
<div class="experiment-circle">
<div class="experiment-image"></div>
</div>
<div class="experiment-title-area">
<div class="experiment-title-label">
Title
</div>
<div class="experiment-title">
Search Input context animation
</div>
</div>
<div class="experiment-number-area">
</div></a> <a href="https://github.com/Riccardo-Zanutta/brick" target="_blank" rel="noopener" class="experiment">
<div class="experiment-mask"></div>
<div class="experiment-number-mask">
<span>03</span>
</div>
<div class="experiment-circle">
<div class="experiment-image"></div>
</div>
<div class="experiment-title-area">
<div class="experiment-title-label">
Title
</div>
<div class="experiment-title">
BRick Boilerplate
</div>
</div>
<div class="experiment-number-area">
</div></a> <a href="http://codepen.io/rickzanutta/pen/aOQddB" target="_blank" rel="noopener" class="experiment">
<div class="experiment-mask"></div>
<div class="experiment-number-mask">
<span>04</span>
</div>
<div class="experiment-circle">
<div class="experiment-image"></div>
</div>
<div class="experiment-title-area">
<div class="experiment-title-label">
Title
</div>
<div class="experiment-title">
Open & Close Menu Animation
</div>
</div>
<div class="experiment-number-area">
</div></a>
</div>
</div>
</section>
<div class="about-contact">
<div id="contact-half" class="half-contact is-contact">
<div class="form-loader">
<div class="form-loader-content">
<div class="stripe-loader">
<div class="stripe"></div>
<div class="stripe"></div>
<div class="stripe"></div>
</div>
</div>
<div class="form-message-content">
<div class="form-message">
Default Message
</div>
</div>
</div>
<div class="form-loader-before"></div>
<div class="giga-text">
Contact
</div>
<div class="contact-info">
<h3 class="h4 form-title">Let’s talk.</h3>
<p class="form-subtitle">New projects, freelance inquiry or even a coffee.</p>
<div class="inner-container">
<form id="contact-form" method="post" action="mailer.php" class="the-form no-smoothState" name="contact-form">
<div class="input required">
<input type="text" id="name" name="name"><label class="label">Name</label>
</div>
<div class="input required email">
<input type="text" id="email" name="email"><label class="label">E-mail</label>
</div>
<div class="input required">
<textarea id="message" name="message"></textarea><label class="label">Message</label>
</div>
<div class="inner-container">
<button type="submit" disabled="" class="the-button submit-button"><span class="button-text">Send Message</span></button>
<div class="button-mask">
<button type="submit" disabled="" class="the-button submit-button"></button>
</div>
</div>
</form>
</div>
<div class="close-contact">
<span></span><span></span>
</div>
</div>
</div>
<div class="half-contact is-about">
<div class="giga-text">
About
</div>
<div class="about-speed"></div>
<div class="contact-info">
<h3 class="h4 about-me-title">About Me.</h3>
<h4 class="h5 about-me-subtitle">Interactive Front-end developer.</h4>
<p class="about-me-text">I'm Riccardo Zanutta, a 22-year-old Italian <strong>Freelance Front-end developer</strong>. I'm a weird guy who likes making weird things with web technologies.<br>
I like to <strong>resolve</strong> design problems, <strong>create</strong> smart user interface and <strong>imagine</strong> useful interaction, developing rich web experiences & <strong>web applications</strong>.<br>
When not working or futzing around with code, I study how to escape from University. Actually <strong>for hire</strong>.</p>
<ul class="about-me-list">
<li class="react">
<div class="about-me-list-label">
React.js
</div><svg viewBox="0 0 128 128">
<path d="M107.3 45.2c-2.2-.8-4.5-1.6-6.9-2.3.6-2.4 1.1-4.8 1.5-7.1 2.1-13.2-.2-22.5-6.6-26.1-1.9-1.1-4-1.6-6.4-1.6-7 0-15.9 5.2-24.9 13.9-9-8.7-17.9-13.9-24.9-13.9-2.4 0-4.5.5-6.4 1.6-6.4 3.7-8.7 13-6.6 26.1.4 2.3.9 4.7 1.5 7.1-2.4.7-4.7 1.4-6.9 2.3-12.5 4.8-19.3 11.4-19.3 18.8s6.9 14 19.3 18.8c2.2.8 4.5 1.6 6.9 2.3-.6 2.4-1.1 4.8-1.5 7.1-2.1 13.2.2 22.5 6.6 26.1 1.9 1.1 4 1.6 6.4 1.6 7.1 0 16-5.2 24.9-13.9 9 8.7 17.9 13.9 24.9 13.9 2.4 0 4.5-.5 6.4-1.6 6.4-3.7 8.7-13 6.6-26.1-.4-2.3-.9-4.7-1.5-7.1 2.4-.7 4.7-1.4 6.9-2.3 12.5-4.8 19.3-11.4 19.3-18.8s-6.8-14-19.3-18.8zm-14.8-30.5c4.1 2.4 5.5 9.8 3.8 20.3-.3 2.1-.8 4.3-1.4 6.6-5.2-1.2-10.7-2-16.5-2.5-3.4-4.8-6.9-9.1-10.4-13 7.4-7.3 14.9-12.3 21-12.3 1.3 0 2.5.3 3.5.9zm-11.2 59.3c-1.8 3.2-3.9 6.4-6.1 9.6-3.7.3-7.4.4-11.2.4-3.9 0-7.6-.1-11.2-.4-2.2-3.2-4.2-6.4-6-9.6-1.9-3.3-3.7-6.7-5.3-10 1.6-3.3 3.4-6.7 5.3-10 1.8-3.2 3.9-6.4 6.1-9.6 3.7-.3 7.4-.4 11.2-.4 3.9 0 7.6.1 11.2.4 2.2 3.2 4.2 6.4 6 9.6 1.9 3.3 3.7 6.7 5.3 10-1.7 3.3-3.4 6.6-5.3 10zm8.3-3.3c1.5 3.5 2.7 6.9 3.8 10.3-3.4.8-7 1.4-10.8 1.9 1.2-1.9 2.5-3.9 3.6-6 1.2-2.1 2.3-4.2 3.4-6.2zm-25.6 27.1c-2.4-2.6-4.7-5.4-6.9-8.3 2.3.1 4.6.2 6.9.2 2.3 0 4.6-.1 6.9-.2-2.2 2.9-4.5 5.7-6.9 8.3zm-18.6-15c-3.8-.5-7.4-1.1-10.8-1.9 1.1-3.3 2.3-6.8 3.8-10.3 1.1 2 2.2 4.1 3.4 6.1 1.2 2.2 2.4 4.1 3.6 6.1zm-7-25.5c-1.5-3.5-2.7-6.9-3.8-10.3 3.4-.8 7-1.4 10.8-1.9-1.2 1.9-2.5 3.9-3.6 6-1.2 2.1-2.3 4.2-3.4 6.2zm25.6-27.1c2.4 2.6 4.7 5.4 6.9 8.3-2.3-.1-4.6-.2-6.9-.2-2.3 0-4.6.1-6.9.2 2.2-2.9 4.5-5.7 6.9-8.3zm22.2 21l-3.6-6c3.8.5 7.4 1.1 10.8 1.9-1.1 3.3-2.3 6.8-3.8 10.3-1.1-2.1-2.2-4.2-3.4-6.2zm-54.5-16.2c-1.7-10.5-.3-17.9 3.8-20.3 1-.6 2.2-.9 3.5-.9 6 0 13.5 4.9 21 12.3-3.5 3.8-7 8.2-10.4 13-5.8.5-11.3 1.4-16.5 2.5-.6-2.3-1-4.5-1.4-6.6zm-24.7 29c0-4.7 5.7-9.7 15.7-13.4 2-.8 4.2-1.5 6.4-2.1 1.6 5 3.6 10.3 6 15.6-2.4 5.3-4.5 10.5-6 15.5-13.8-4-22.1-10-22.1-15.6zm28.5 49.3c-4.1-2.4-5.5-9.8-3.8-20.3.3-2.1.8-4.3 1.4-6.6 5.2 1.2 10.7 2 16.5 2.5 3.4 4.8 6.9 9.1 10.4 13-7.4 7.3-14.9 12.3-21 12.3-1.3 0-2.5-.3-3.5-.9zm60.8-20.3c1.7 10.5.3 17.9-3.8 20.3-1 .6-2.2.9-3.5.9-6 0-13.5-4.9-21-12.3 3.5-3.8 7-8.2 10.4-13 5.8-.5 11.3-1.4 16.5-2.5.6 2.3 1 4.5 1.4 6.6zm9-15.6c-2 .8-4.2 1.5-6.4 2.1-1.6-5-3.6-10.3-6-15.6 2.4-5.3 4.5-10.5 6-15.5 13.8 4 22.1 10 22.1 15.6 0 4.7-5.8 9.7-15.7 13.4z"></path></svg>
</li>
<li class="uiux">
<div class="about-me-list-label">
UI/UX
</div><svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128">
<path d="M74.6 96.7c1 0 1.9-.8 1.9-1.9s-.9-1.8-1.9-1.8H50.4c-1 0-1.9.8-1.9 1.9s.8 1.9 1.9 1.9h24.2zM83.9 100.4H41.1c-1 0-1.9.8-1.9 1.9s.8 1.9 1.9 1.9H84c1 0 1.9-.8 1.9-1.9s-.9-1.9-2-1.9zM20.6 12.8c-4.1 0-7.5 3.3-7.5 7.5s3.3 7.5 7.5 7.5 7.5-3.3 7.5-7.5-3.4-7.5-7.5-7.5zm0 11.2c-2.1 0-3.7-1.7-3.7-3.7s1.7-3.7 3.7-3.7 3.7 1.7 3.7 3.7-1.7 3.7-3.7 3.7zM37.3 12.8c-4.1 0-7.5 3.3-7.5 7.5s3.3 7.5 7.5 7.5 7.5-3.3 7.5-7.5-3.4-7.5-7.5-7.5zm0 11.2c-2.1 0-3.7-1.7-3.7-3.7s1.7-3.7 3.7-3.7c2.1 0 3.7 1.7 3.7 3.7S39.4 24 37.3 24zM54.1 12.8c-4.1 0-7.5 3.3-7.5 7.5s3.3 7.5 7.5 7.5 7.5-3.3 7.5-7.5-3.4-7.5-7.5-7.5zm0 11.2c-2.1 0-3.7-1.7-3.7-3.7s1.7-3.7 3.7-3.7c2.1 0 3.7 1.7 3.7 3.7S56.2 24 54.1 24z"></path>
<path d="M7.5 7.2V119h111.8V7.2H7.5zm3.7 3.8h104.4v18.6H11.2V11zm104.4 104.3H11.2v-82h104.4v82z"></path>
<path d="M47.5 81.4l1.7 1.4c.1 0 .1.1.2.1.4.3.7.5 1.1.7.2.1.5.3.7.4.4.2.7.4 1.1.6.3.2.6.3.9.5.3.1.6.3.9.4.6.3 1.3.5 1.9.7.2.1.5.1.7.2.5.1 1 .3 1.5.4.3.1.5.1.8.2.5.1 1 .2 1.5.2.2 0 .5.1.7.1.7.1 1.5.1 2.2.1s1.5 0 2.2-.1c.2 0 .5-.1.7-.1.5-.1 1-.1 1.5-.2.3 0 .5-.1.8-.1.5-.1 1-.2 1.5-.4.2-.1.4-.1.7-.2.6-.2 1.3-.4 1.9-.7.3-.1.6-.3.9-.4.3-.2.7-.3 1-.5.4-.2.7-.4 1-.6.2-.1.5-.3.7-.4.4-.2.7-.5 1.1-.7.1 0 .1-.1.2-.1l1.9-1.4-.1-.1c5.1-4.4 8.3-10.9 8.3-18.2C87.7 49.8 76.8 39 63.5 39S39.2 49.8 39.2 63.1c0 7.3 3.2 13.8 8.3 18.3zM58.4 83c-.7-.2-1.5-.4-2.2-.7-.1 0-.2-.1-.2-.1-.7-.3-1.5-.6-2.2-1l4.5-2.5c1.4-.8 2.3-2.2 2.3-3.8v-3.1l-.4-.5s-1.5-1.8-2.1-4.3l-.2-.9-.6-.4.1-2.8.6-.6v-4.9c0-.1-.1-1.4.8-2.5.9-1 2.5-1.5 4.8-1.5s3.9.5 4.8 1.5c1 1.1.8 2.4.8 2.5v4.1l.1.9.6.6v2.7c0 .1-.1.1-.1.1l-.9.3-.3.9c-.4 1.3-1 2.5-1.8 3.5-.2.2-.3.5-.5.6l-.5.5V75c0 1.6.9 3.1 2.4 3.9l4.8 2.4h-.1c-.7.3-1.3.6-2 .9-.1 0-.2.1-.3.1-.7.3-1.4.5-2.2.7-3.4.8-6.7.8-10 0 .1 0 0 0 0 0zm5-40.4c11.3 0 20.5 9.2 20.5 20.5 0 6.4-2.9 12.1-7.5 15.8-.1-.1-.2-.1-.3-.2l-6.5-3.2c-.2-.1-.3-.3-.3-.5v-1.9c.1-.1.2-.2.3-.4.8-1.1 1.5-2.4 2-3.8 1.1-.7 1.8-1.9 1.8-3.3v-2.7c0-.8-.2-1.5-.7-2.2v-3.1c.1-.7.1-3.1-1.7-5.2-1.6-1.8-4.2-2.8-7.6-2.8s-6 .9-7.6 2.8C54 54.5 54 57 54.1 57.6v3.1c-.4.6-.7 1.4-.7 2.2v2.7c0 1 .4 2 1.1 2.7.6 2.1 1.6 3.8 2.2 4.6V75c0 .2-.1.4-.3.5l-6 3.3c-.1 0-.1.1-.2.1-4.5-3.8-7.4-9.4-7.4-15.8.1-11.3 9.3-20.5 20.6-20.5z"></path></svg>
</li>
<li class="css-code">
<div class="about-me-list-label">
is Fun.
</div><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path fill="#444" d="M16.017 21.044zM4.743 3.519L6.792 26.5l9.194 2.552 9.22-2.556 2.051-22.977H4.743zM23 8.775l-.693 7.767-.48 5.359-.042.476-5.781 1.603-5.773-1.603-.395-4.426h2.829l.201 2.248 3.142.847.008-.002h.002l3.134-.846.329-3.655h-6.579l-.056-.633-.129-1.429-.067-.756h7.081l.258-2.886H9.203l-.056-.634-.129-1.429-.067-.756h14.118l-.068.756z"></path></svg>
</li>
<li class="fun">
<div class="about-me-list-label">
Semicolons.
</div><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<path fill="#444" d="M.384.67v31.296H31.68V.67H.384zm16.334 26.772c-.461.937-1.342 1.553-2.362 1.85-1.568.36-3.067.155-4.183-.515-.747-.458-1.33-1.163-1.725-1.975.794-.485 1.586-.973 2.38-1.458.021.009.083.122.167.268.303.509.565.869 1.08 1.121.506.172 1.615.283 2.044-.607.262-.452.178-1.936.178-3.545 0-2.529.012-5.016.012-7.576h2.927c0 2.688.015 5.383 0 8.067.006 1.645.149 3.14-.518 4.369zm12.144-.827c-1.017 3.481-6.691 3.594-8.957 1.294-.479-.541-.779-.824-1.065-1.449 1.205-.693 1.205-.693 2.377-1.371.637.979 1.226 1.517 2.285 1.737 1.437.175 2.883-.318 2.559-1.844-.333-1.247-2.942-1.55-4.718-2.883-1.803-1.211-2.225-4.153-.744-5.834.494-.622 1.336-1.086 2.219-1.309l.922-.119c1.77-.036 2.877.431 3.689 1.339.226.229.41.476.756 1.012-.943.601-.94.595-2.291 1.47-.289-.622-.767-1.012-1.273-1.181-.785-.238-1.776.021-1.981.851-.071.256-.056.494.057.916.318.726 1.386 1.041 2.344 1.481 2.758 1.119 3.689 2.317 3.918 3.745.22 1.229-.054 2.026-.095 2.145z"></path></svg>
</li>
</ul>
</div>
</div>
</div>
</main>
</div>
<footer itemscope="" itemtype="http://schema.org/WPFooter" class="footer">
<div class="content">
<a href="#top" data-scroll="" class="footer-logo no-smoothstate"><img src="icons/logo-white.svg" alt="Riccardo Zanutta's Personal Logo">
<div class="footer-logo-top-label">
Top
<div class="footer-logo-top-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.479 31.479">
<path d="M26.477 10.274a1.112 1.112 0 0 1 0 1.587 1.12 1.12 0 0 1-1.571 0l-8.047-8.047v26.555c0 .619-.492 1.111-1.111 1.111a1.118 1.118 0 0 1-1.127-1.111V3.813L6.59 11.86c-.444.429-1.159.429-1.587 0a1.112 1.112 0 0 1 0-1.587L14.955.321a1.12 1.12 0 0 1 1.571 0l9.951 9.953z" fill="#1e201d"></path></svg>
</div>
</div></a>
<div class="inner-container text-center">
<ul class="footer-links">
<li>
<a href="https://twitter.com/RiccardoZanutta" target="_blank" rel="noopener">Twitter</a>
</li>
<li>
<a href="https://it.linkedin.com/in/riccardozanutta" target="_blank" rel="noopener">Linkedin</a>
</li>
<li>
<a href="https://github.com/Riccardo-Zanutta" target="_blank" rel="noopener">Github</a>
</li>
<li>
<a href="http://codepen.io/rickzanutta/" target="_blank" rel="noopener">Codepen</a>
</li>
</ul>
</div>
<div class="footer-copy">
©
<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-EG235RPNLJ&cx=c&_slc=1"></script><script async="" src="https://www.google-analytics.com/analytics.js"></script><script>
document.write(new Date().getFullYear() + ' ');
</script>2024 Riccardo Zanutta - VAT 02847960305 - <a href="mailto:[email protected]" class="no-smoothState">Contact</a>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/jquery.min.js"><\\/script>');
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-62939051-2', 'auto');
ga('send', 'pageview');
</script>
<script src="js/application.js"></script>
</body></html>