cloudflare
tcp/443 tcp/80 tcp/8443
Open service 2606:4700:3035::ac43:a8b7:443 · www.nbogorad.com
2026-01-12 13:20
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 13:20:08 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sun, 29 Sep 2024 00:30:18 GMT
Accept-Ranges: bytes
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=8,cfOrigin;dur=1003
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=mTaUS8VldWBAYKxjEnheYcWtjYIRqCZlIB6HckROYC5C%2Fh3Ke%2FvevtW4kw8uoEpeJAhL6tMYf3GQY4rOgoXqLpJU35fxN0dxxyWlR5FS8tv2A4nz9nKRJDrtmqc%3D"}]}
CF-RAY: 9bccf30f48464154-BOM
alt-svc: h3=":443"; ma=86400
Page title: Natali Bogorad's Design cafeMy knowledge level in software
<!DOCTYPE html SYSTEM "about:legacy-compat">
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#ca2127">
<link rel="shortcut icon" href="/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-config" content="/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<title>Natali Bogorad's Design cafe</title>
<link rel="stylesheet" href="/assets/css/app.css">
<title>My knowledge level in software</title>
</head>
<body>
<div class="page">
<div class="topbar">
<div class="topbar__wrapper">
<a href="/" class="topbar__logo"><img src="/assets/img/Topbar/logo.svg" alt="Natali Bogorad's Design cafe"></a>
<nav>
<button class="topbar__control"><img src="/assets/img/Topbar/menu.svg" alt="Open menu"></button>
<div class="topbar__menu">
<ul class="topbar__menu-inner">
<li><button class="topbar__close"><img src="/assets/img/Topbar/close.svg" alt="Close menu"></button></li>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/portfolio/#all">Portfolio</a>
<ul class="topbar__submenu">
<li>
<a href="/portfolio/#all">All</a>
</li>
<li>
<a href="/portfolio/#Site">Site</a>
</li>
<li>
<a href="/portfolio/#App">App</a>
</li>
<li>
<a href="/portfolio/#System">System</a>
</li>
<li>
<a href="/portfolio/#Identity">Identity</a>
</li>
<li>
<a href="/portfolio/#Other">Other</a>
</li>
</ul>
</li>
<li>
<a href="/resume/">Resume</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="about">
<div class="about__topbg"><img src="/assets/img/About/top-bg.svg" alt=""></div>
<div class="about__figure1"><img src="/assets/img/About/triangle.svg" alt=""></div>
<div class="about__wrapper">
<h2 class="about__heading">Hello</h2>
<h3 class="about__subheading">I'm <strong>Natali Bogorad</strong></h3>
<div class="about__pagination swiper-pagination"></div>
<div class="about__slider swiper-container">
<div class="swiper-wrapper">
<div class="about__slide swiper-slide">
<div class="about__title">
Digital Art-director & UX/UI Designer
</div>
<div class="about__desc">
I’m art director with more than 15 years of experience in web field. My specialization is UX/UI of websites, mobile apps and internet based systems. My knowledge and rich experience allow to me to complete tasks in any level of complexity.
</div>
</div>
<div class="about__slide swiper-slide">
<div class="about__title">
Digital Art-director & UX/UI Designer
</div>
<div class="about__desc">
I have my own way to take a creative mission from conceptualizing, designing and prototyping of digital product to design of easy-to-use and beautiful user – interfaces.
</div>
</div>
<div class="about__slide swiper-slide">
<div class="about__title">
Specialities:
</div>
<div
Open service 172.67.168.183:443 · www.nbogorad.com
2026-01-12 13:20
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 13:20:08 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Cache-Control: private, no-cache, no-store, must-revalidate, max-age=0
cf-edge-cache: no-cache
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=11,cfOrigin;dur=923
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ryIlMqY83T6RfFAdizaaPXl%2FpAQgCkXPtE7QdcPjNfnidUuklXTx87CbW3vqZAIsWzU9VMnMoRbdkkTd67NO75nwIS3iQShqFhQCfzjWZK0%3D"}]}
CF-RAY: 9bccf30c58d91692-SJC
alt-svc: h3=":443"; ma=86400
Page title: One moment, please...Loader
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<script>
(function(){
setTimeout(function(){
window.location.reload();
}, 5000);
}())
</script>
<link rel="icon" href="data:,">
<title>One moment, please...</title>
<style>
.spinner {
-webkit-animation: spin 1s ease-out;
animation: spin 1s ease-out;
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#outer-container {
text-align: center;
}
#container {
display: inline-block;
height: 100px;
}
#text {
float: left;
height: 100px;
line-height: 100px;
font-size: 3rem;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
padding: 0 .4em 0 .2em;
letter-spacing: 0.06em;
color: rgba(38, 122, 72, 0.86);
}
@media (min-height: 180px) {
#outer-container {
margin-top: 0;
}
}
@media (min-height: 360px) {
#outer-container {
margin-top: 5%;
}
}
@media (min-height: 540px) {
#outer-container {
margin-top: 10%;
}
}
@media (min-height: 720px) {
#outer-container {
margin-top: 20%;
}
}
@media (min-width: 1450px) {
.throbber {
width: 90px;
height: 90px;
float: left;
padding: 5px 0 5px 5px;
opacity: 0.86;
}
#container {
display: inline-block;
border: 3px solid rgb(38, 122, 72, 0.86);
border-radius: 51px;
height: 100px;
}
}
</style>
</head>
<body>
<div id="outer-container">
<div id="container">
<div class="throbber">
<svg class="spinner" width="90px" height="90px" viewBox="0 0 47 47"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Loader</title>
<defs>
<polygon id="path-1"
points="0 0.375484146 0 15.7255695 15.7013244 15.7255695 15.7013244 0.375484146 0 0.375484146"></polygon>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none"
fill-rule="evenodd">
<g id="Logo" transform="translate(-5.000000, -2.000000)">
<g id="Group-2" transform="translate(5.000000, 2.000000)">
<path d="M22.6150244,4.52988293 C23.1538049,3.06256585 23.6031707,1.59582195 24.231939,0.158882927 C25.1902805,2.22459024 25.8190488,4.43989512 26.7768171,6.47579756 C29.1417195,7.40376098 31.7164024,7.7929439 34.1116829,8.69110244 C28.9623171,11.2663585 23.7229634,13.7510537 18.4836098,16.176139 C19.7709512,12.2545049 21.2382683,8.4217122 22.6150244,4.52988293 L22.6150244,4.52988293 Z"
id="Fill-1" fill="#467C45"></path>
<path d="M13.7718598,8.94461585 C16.1424939,7.68077439 18.4500793,6.28968902 20.8207134,5.02527439 C18.9240915,10.8412378 16.7747012,16.5614817 14.8465549,22.3774451 C12.7292622,18.3950549 10.895689,14.2544695 8.9044939,10.2090305 C8.27228659,8.85004268 7.5455061,7.55353049 7.00844512,6.16359146 C9.31545732,6.95342073 11.4648476,8.24935976 13.7718598,8.94461585"
id="Fill-3" fill="#467C45"></path>
<path d="M24.2134256,15.0745049 C29.4602305,12.4969561 34.7379866,9.91940732 40.0157427,7.4031878 C39.1565598,9.61276098 38.1747183,11.7300537 37.2232549,13.9086756 C38.4504134,16.2099561 39.9544134,18.388578 41.0898646,20.7511878 C35.4435598,18.9405415 29.8287793,17.0381878 24.2134256,15.0745049"
id="Fill-5" fill="#467C45"></path>
<g id="Group-9"
transform=
Open service 2606:4700:3037::6815:3eec:8443 · www.nbogorad.com
2026-01-12 13:20
HTTP/1.1 521 <none> Date: Mon, 12 Jan 2026 13:20:06 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=117,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9bccf308ddc46a57-EWR alt-svc: h3=":8443"; ma=86400 error code: 521
Open service 2606:4700:3035::ac43:a8b7:80 · www.nbogorad.com
2026-01-12 13:20
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 13:20:06 GMT
Content-Length: 0
Connection: close
Location: https://www.nbogorad.com/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=3NEWbS6yrjpTHiVOkVJxKuaJTvjPW3YSBRiUkvDAqRS190foCR%2FCYM5UNvOAMWgFuHMakwSNL24HRb%2BGDMdoQ3Oujo%2BEgthllyZefGlv3NeCViilTWapwB7F%2F1s%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bccf307fe290e3c-AMS
alt-svc: h3=":443"; ma=86400
Open service 172.67.168.183:80 · www.nbogorad.com
2026-01-12 13:20
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 13:20:06 GMT
Content-Length: 0
Connection: close
Location: https://www.nbogorad.com/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=Urvfe%2B8TwpDiqJjYW91p0PmlbN27pZ9IzvJrtjz9vrSGM9R6DGvEi4fDqFRHhYFh3o4QVzhRjAuQw1%2BhMIg0E8RwpKXfy2wXNti94RGgDjY%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server-Timing: cfEdge;dur=10,cfOrigin;dur=0
Server: cloudflare
CF-RAY: 9bccf307fafacf15-SJC
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:3035::ac43:a8b7:8443 · www.nbogorad.com
2026-01-12 13:20
HTTP/1.1 521 <none> Date: Mon, 12 Jan 2026 13:20:06 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9bccf307fefb284d-FRA alt-svc: h3=":8443"; ma=86400 error code: 521
Open service 104.21.62.236:8443 · www.nbogorad.com
2026-01-12 13:20
HTTP/1.1 521 <none> Date: Mon, 12 Jan 2026 13:20:06 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9bccf3077abedcc9-FRA alt-svc: h3=":8443"; ma=86400 error code: 521
Open service 172.67.168.183:8443 · www.nbogorad.com
2026-01-12 13:20
HTTP/1.1 521 <none> Date: Mon, 12 Jan 2026 13:20:06 GMT Content-Type: text/plain; charset=UTF-8 Content-Length: 15 Connection: close Cache-Control: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Expires: Thu, 01 Jan 1970 00:00:01 GMT Referrer-Policy: same-origin Server-Timing: cfEdge;dur=122,cfOrigin;dur=0 X-Frame-Options: SAMEORIGIN Server: cloudflare CF-RAY: 9bccf3079e5343f4-EWR alt-svc: h3=":8443"; ma=86400 error code: 521
Open service 104.21.62.236:80 · www.nbogorad.com
2026-01-12 13:20
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 13:20:06 GMT
Content-Length: 0
Connection: close
Location: https://www.nbogorad.com/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=4eF8Slg6%2BeSk8YgzaYUAsjxIMXqh8F8V6mn41Mk6skASVvwgcjSgitTjVlCuQSS%2FzxrB%2Bshspi%2B9Fhizbw1sCHDFqJE%2Fg2RxPINBLgeo6bQ%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bccf3081ba3368b-FRA
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:3037::6815:3eec:80 · www.nbogorad.com
2026-01-12 13:20
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 13:20:06 GMT
Content-Length: 0
Connection: close
Location: https://www.nbogorad.com/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=f%2FAGP1EXkrOC40Ydj%2BrH8oPVpP357joezZ%2FNzqU9ENAJpAg2aMYij3KkAD9wYdrRpL95Hym9HuUxtQWShVxdOkzZAEocYd6DKrDIa8%2FrdFFl%2BSOEFsLCEyy%2BZC0%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server-Timing: cfEdge;dur=10,cfOrigin;dur=0
Server: cloudflare
CF-RAY: 9bccf306c8037ca2-EWR
alt-svc: h3=":443"; ma=86400
Open service 104.21.62.236:443 · www.nbogorad.com
2026-01-12 13:20
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 13:20:07 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
Cache-Control: private, no-cache, no-store, must-revalidate, max-age=0
cf-edge-cache: no-cache
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=11,cfOrigin;dur=678
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=47DS9JkSyaOfy%2B6deVql1I0H9xj5x3VNV%2B1K85d5QOunJZb%2BeDKoLxr8N%2FR13JcxF7nzo1oBPomn6czZNloKBwkkM03%2BWhfzil%2FVULqN9h4%3D"}]}
CF-RAY: 9bccf3096b228c72-EWR
alt-svc: h3=":443"; ma=86400
Page title: One moment, please...Loader
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<script>
(function(){
setTimeout(function(){
window.location.reload();
}, 5000);
}())
</script>
<link rel="icon" href="data:,">
<title>One moment, please...</title>
<style>
.spinner {
-webkit-animation: spin 1s ease-out;
animation: spin 1s ease-out;
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#outer-container {
text-align: center;
}
#container {
display: inline-block;
height: 100px;
}
#text {
float: left;
height: 100px;
line-height: 100px;
font-size: 3rem;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
padding: 0 .4em 0 .2em;
letter-spacing: 0.06em;
color: rgba(38, 122, 72, 0.86);
}
@media (min-height: 180px) {
#outer-container {
margin-top: 0;
}
}
@media (min-height: 360px) {
#outer-container {
margin-top: 5%;
}
}
@media (min-height: 540px) {
#outer-container {
margin-top: 10%;
}
}
@media (min-height: 720px) {
#outer-container {
margin-top: 20%;
}
}
@media (min-width: 1450px) {
.throbber {
width: 90px;
height: 90px;
float: left;
padding: 5px 0 5px 5px;
opacity: 0.86;
}
#container {
display: inline-block;
border: 3px solid rgb(38, 122, 72, 0.86);
border-radius: 51px;
height: 100px;
}
}
</style>
</head>
<body>
<div id="outer-container">
<div id="container">
<div class="throbber">
<svg class="spinner" width="90px" height="90px" viewBox="0 0 47 47"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Loader</title>
<defs>
<polygon id="path-1"
points="0 0.375484146 0 15.7255695 15.7013244 15.7255695 15.7013244 0.375484146 0 0.375484146"></polygon>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none"
fill-rule="evenodd">
<g id="Logo" transform="translate(-5.000000, -2.000000)">
<g id="Group-2" transform="translate(5.000000, 2.000000)">
<path d="M22.6150244,4.52988293 C23.1538049,3.06256585 23.6031707,1.59582195 24.231939,0.158882927 C25.1902805,2.22459024 25.8190488,4.43989512 26.7768171,6.47579756 C29.1417195,7.40376098 31.7164024,7.7929439 34.1116829,8.69110244 C28.9623171,11.2663585 23.7229634,13.7510537 18.4836098,16.176139 C19.7709512,12.2545049 21.2382683,8.4217122 22.6150244,4.52988293 L22.6150244,4.52988293 Z"
id="Fill-1" fill="#467C45"></path>
<path d="M13.7718598,8.94461585 C16.1424939,7.68077439 18.4500793,6.28968902 20.8207134,5.02527439 C18.9240915,10.8412378 16.7747012,16.5614817 14.8465549,22.3774451 C12.7292622,18.3950549 10.895689,14.2544695 8.9044939,10.2090305 C8.27228659,8.85004268 7.5455061,7.55353049 7.00844512,6.16359146 C9.31545732,6.95342073 11.4648476,8.24935976 13.7718598,8.94461585"
id="Fill-3" fill="#467C45"></path>
<path d="M24.2134256,15.0745049 C29.4602305,12.4969561 34.7379866,9.91940732 40.0157427,7.4031878 C39.1565598,9.61276098 38.1747183,11.7300537 37.2232549,13.9086756 C38.4504134,16.2099561 39.9544134,18.388578 41.0898646,20.7511878 C35.4435598,18.9405415 29.8287793,17.0381878 24.2134256,15.0745049"
id="Fill-5" fill="#467C45"></path>
<g id="Group-9"
transform=
Open service 2606:4700:3037::6815:3eec:443 · www.nbogorad.com
2026-01-12 13:20
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 13:20:06 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Server: cloudflare
last-modified: Sun, 29 Sep 2024 00:30:18 GMT
Accept-Ranges: bytes
cf-cache-status: DYNAMIC
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ZteyCPCw9FaUNkkD7duIf8NSzkR%2FfeU18QZYPYEEs979hnKDd%2BFz23Mov9Yr3eddVRUrI9O9PzTeKcGPijCAdIkixAPjaRR%2BO3hOGN%2Fs97b14PJcXz8iOZKUAL0%3D"}]}
CF-RAY: 9bccf306e9630be3-AMS
alt-svc: h3=":443"; ma=86400
Page title: Natali Bogorad's Design cafeMy knowledge level in software
<!DOCTYPE html SYSTEM "about:legacy-compat">
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#ca2127">
<link rel="shortcut icon" href="/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-config" content="/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<title>Natali Bogorad's Design cafe</title>
<link rel="stylesheet" href="/assets/css/app.css">
<title>My knowledge level in software</title>
</head>
<body>
<div class="page">
<div class="topbar">
<div class="topbar__wrapper">
<a href="/" class="topbar__logo"><img src="/assets/img/Topbar/logo.svg" alt="Natali Bogorad's Design cafe"></a>
<nav>
<button class="topbar__control"><img src="/assets/img/Topbar/menu.svg" alt="Open menu"></button>
<div class="topbar__menu">
<ul class="topbar__menu-inner">
<li><button class="topbar__close"><img src="/assets/img/Topbar/close.svg" alt="Close menu"></button></li>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/portfolio/#all">Portfolio</a>
<ul class="topbar__submenu">
<li>
<a href="/portfolio/#all">All</a>
</li>
<li>
<a href="/portfolio/#Site">Site</a>
</li>
<li>
<a href="/portfolio/#App">App</a>
</li>
<li>
<a href="/portfolio/#System">System</a>
</li>
<li>
<a href="/portfolio/#Identity">Identity</a>
</li>
<li>
<a href="/portfolio/#Other">Other</a>
</li>
</ul>
</li>
<li>
<a href="/resume/">Resume</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="about">
<div class="about__topbg"><img src="/assets/img/About/top-bg.svg" alt=""></div>
<div class="about__figure1"><img src="/assets/img/About/triangle.svg" alt=""></div>
<div class="about__wrapper">
<h2 class="about__heading">Hello</h2>
<h3 class="about__subheading">I'm <strong>Natali Bogorad</strong></h3>
<div class="about__pagination swiper-pagination"></div>
<div class="about__slider swiper-container">
<div class="swiper-wrapper">
<div class="about__slide swiper-slide">
<div class="about__title">
Digital Art-director & UX/UI Designer
</div>
<div class="about__desc">
I’m art director with more than 15 years of experience in web field. My specialization is UX/UI of websites, mobile apps and internet based systems. My knowledge and rich experience allow to me to complete tasks in any level of complexity.
</div>
</div>
<div class="about__slide swiper-slide">
<div class="about__title">
Digital Art-director & UX/UI Designer
</div>
<div class="about__desc">
I have my own way to take a creative mission from conceptualizing, designing and prototyping of digital product to design of easy-to-use and beautiful user – interfaces.
</div>
</div>
<div class="about__slide swiper-slide">
<div class="about__title">
Specialities:
</div>
<div