{"id":6,"date":"2026-03-31T06:05:19","date_gmt":"2026-03-31T06:05:19","guid":{"rendered":"https:\/\/cv.brainbit.online\/index.php\/ecliptica\/"},"modified":"2026-05-17T16:26:05","modified_gmt":"2026-05-17T16:26:05","slug":"ecliptica","status":"publish","type":"page","link":"https:\/\/cv.brainbit.online\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-445879a0 e-con-full e-flex e-con e-parent\" data-id=\"445879a0\" data-element_type=\"container\" data-e-type=\"container\" id=\"home\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02a5890 elementor-widget elementor-widget-html\" data-id=\"02a5890\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n*{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n  font-family:Arial,sans-serif;\r\n}\r\n\r\n\r\n.karina-hero{\r\n  width:100%;\r\n  padding:90px 60px;\r\n  background:\r\n  radial-gradient(circle at top left,#1e90ff22,transparent 30%),\r\n  radial-gradient(circle at bottom right,#7b3cff22,transparent 30%),\r\n  #050505;\r\n  overflow:hidden;\r\n}\r\n\r\n.karina-container{\r\n  max-width:1250px;\r\n  margin:auto;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:80px;\r\n}\r\n\r\n.karina-text{\r\n  max-width:650px;\r\n}\r\n\r\n.karina-sub{\r\n  color:#4da6ff;\r\n  font-size:18px;\r\n  margin-bottom:20px;\r\n  letter-spacing:2px;\r\n}\r\n\r\n.karina-title{\r\n  font-size:86px;\r\n  line-height:0.92;\r\n  font-weight:900;\r\n  text-transform:uppercase;\r\n  margin-bottom:30px;\r\n  background:linear-gradient(90deg,#1ea0ff,#7b3cff);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  text-shadow:0 0 30px rgba(80,120,255,.25);\r\n}\r\n\r\n.karina-desc{\r\n  color:#bdbdbd;\r\n  font-size:18px;\r\n  line-height:1.8;\r\n  margin-bottom:35px;\r\n  max-width:600px;\r\n}\r\n\r\n.karina-stack{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  margin-bottom:40px;\r\n}\r\n\r\n.karina-stack span{\r\n  padding:11px 18px;\r\n  border-radius:40px;\r\n  background:#111;\r\n  border:1px solid rgba(255,255,255,0.08);\r\n  color:#7ea8ff;\r\n  font-size:14px;\r\n  transition:.3s;\r\n}\r\n\r\n.karina-stack span:hover{\r\n  background:linear-gradient(90deg,#1ea0ff,#7b3cff);\r\n  color:#fff;\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.karina-buttons{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:18px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.karina-btn{\r\n  background:linear-gradient(90deg,#1ea0ff,#7b3cff);\r\n  color:#fff;\r\n  padding:16px 34px;\r\n  border-radius:50px;\r\n  text-decoration:none;\r\n  font-weight:700;\r\n  letter-spacing:.5px;\r\n  transition:.35s cubic-bezier(.175,.885,.32,1.275);\r\n  box-shadow:0 0 40px rgba(82,115,255,0.35);\r\n}\r\n\r\n.karina-btn:hover{\r\n  transform:translateY(-4px) scale(1.03);\r\n}\r\n\r\n.karina-social{\r\n  width:56px;\r\n  height:56px;\r\n  border-radius:50%;\r\n  background:#111;\r\n  border:1px solid rgba(255,255,255,0.08);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  color:#6d7dff;\r\n  text-decoration:none;\r\n  font-size:22px;\r\n  transition:.35s;\r\n}\r\n\r\n.karina-social:hover{\r\n  background:linear-gradient(90deg,#1ea0ff,#7b3cff);\r\n  color:#fff;\r\n  transform:translateY(-4px);\r\n}\r\n\r\n.karina-card{\r\n  position:relative;\r\n  animation:float 5s ease-in-out infinite;\r\n}\r\n\r\n.karina-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-3px;\r\n  border-radius:32px;\r\n  background:linear-gradient(135deg,#1ea0ff,#7b3cff);\r\n  z-index:0;\r\n  filter:blur(2px);\r\n}\r\n\r\n.karina-card img{\r\n  position:relative;\r\n  z-index:1;\r\n  width:430px;\r\n  border-radius:30px;\r\n  display:block;\r\n  background:#111;\r\n}\r\n\r\n@keyframes float{\r\n  0%{\r\n    transform:translateY(0);\r\n  }\r\n  50%{\r\n    transform:translateY(-12px);\r\n  }\r\n  100%{\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n\/* MOBILE VERSION *\/\r\n\r\n@media(max-width:950px){\r\n\r\n  .karina-hero{\r\n    padding:45px 20px 60px;\r\n  }\r\n\r\n  .karina-container{\r\n    flex-direction:column-reverse;\r\n    align-items:center;\r\n    text-align:center;\r\n    gap:45px;\r\n  }\r\n\r\n  \/* PHOTO *\/\r\n\r\n  .karina-card{\r\n    width:100%;\r\n    display:flex;\r\n    justify-content:center;\r\n  }\r\n\r\n  .karina-card img{\r\n    width:100%;\r\n    max-width:320px;\r\n    border-radius:26px;\r\n  }\r\n\r\n  \/* TEXT *\/\r\n\r\n  .karina-text{\r\n    max-width:100%;\r\n  }\r\n\r\n  .karina-sub{\r\n    font-size:13px;\r\n    letter-spacing:1.5px;\r\n    margin-bottom:18px;\r\n  }\r\n\r\n  .karina-title{\r\n    font-size:48px;\r\n    line-height:.95;\r\n    margin-bottom:24px;\r\n  }\r\n\r\n  .karina-desc{\r\n    font-size:16px;\r\n    line-height:1.75;\r\n    margin-bottom:28px;\r\n  }\r\n\r\n  \/* STACK *\/\r\n\r\n  .karina-stack{\r\n    justify-content:center;\r\n    gap:10px;\r\n    margin-bottom:32px;\r\n  }\r\n\r\n  .karina-stack span{\r\n    padding:10px 15px;\r\n    font-size:12px;\r\n    border-radius:30px;\r\n  }\r\n\r\n  \/* BUTTONS *\/\r\n\r\n  .karina-buttons{\r\n    justify-content:center;\r\n    gap:14px;\r\n  }\r\n\r\n  .karina-btn{\r\n    width:100%;\r\n    max-width:260px;\r\n\r\n    justify-content:center;\r\n    display:flex;\r\n\r\n    padding:16px 24px;\r\n\r\n    font-size:14px;\r\n  }\r\n\r\n  .karina-social{\r\n    width:52px;\r\n    height:52px;\r\n    font-size:20px;\r\n  }\r\n\r\n}\r\n\r\n\/* EXTRA SMALL *\/\r\n\r\n@media(max-width:480px){\r\n\r\n  .karina-title{\r\n    font-size:40px;\r\n  }\r\n\r\n  .karina-desc{\r\n    font-size:15px;\r\n  }\r\n\r\n  .karina-card img{\r\n    max-width:280px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<link rel=\"stylesheet\"\r\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\/>\r\n\r\n<section class=\"karina-hero\">\r\n\r\n  <div class=\"karina-container\">\r\n\r\n    <div class=\"karina-text\">\r\n\r\n      <div class=\"karina-sub\">\r\n        FRONTEND \/ FULLSTACK DEVELOPER \ud83d\ude80\r\n      <\/div>\r\n\r\n      <h1 class=\"karina-title\">\r\n        HI, I\u2019M <br>\r\n        KARYNA.\r\n      <\/h1>\r\n\r\n      <div class=\"karina-desc\">\r\n\r\n        \u042f Fullstack Developer \u0437 \u0434\u043e\u0441\u0432\u0456\u0434\u043e\u043c \u0443 \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u0456\r\n        \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 \u0441\u0430\u0439\u0442\u0456\u0432, \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0456\u0439,\r\n        Telegram-\u0431\u043e\u0442\u0456\u0432, CRM \u0442\u0430 AI-\u0440\u0456\u0448\u0435\u043d\u044c \u0434\u043b\u044f \u0431\u0456\u0437\u043d\u0435\u0441\u0443.\r\n\r\n      <\/div>\r\n\r\n      <div class=\"karina-stack\">\r\n        <span>React<\/span>\r\n        <span>Node.js<\/span>\r\n        <span>PHP<\/span>\r\n        <span>WordPress<\/span>\r\n        <span>OpenCart<\/span>\r\n        <span>AI<\/span>\r\n        <span>Telegram Bots<\/span>\r\n        <span>CRM<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"karina-buttons\">\r\n\r\n        <a href=\"https:\/\/t.me\/bothello0\" class=\"karina-btn\">\r\n          CONTACT ME\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/t.me\/bothello0\" class=\"karina-social\">\r\n          <i class=\"fab fa-telegram-plane\"><\/i>\r\n        <\/a>\r\n\r\n       <a href=\"https:\/\/www.instagram.com\/karen.lof?igsh=MWh0anB5c25rZjkyZQ==\" class=\"karina-social\">\r\n  <i class=\"fab fa-instagram\"><\/i>\r\n<\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"karina-card\">\r\n\r\n      <img decoding=\"async\" src=\"https:\/\/cv.brainbit.online\/wp-content\/uploads\/2026\/05\/photo_2026-05-14_16-06-15-e1778767676437.jpg\">\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c4395e elementor-widget elementor-widget-html\" data-id=\"2c4395e\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"projects\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n*{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n  font-family:Arial,sans-serif;\r\n}\r\n\r\n.projects-section{\r\n  width:100%;\r\n  padding:120px 60px;\r\n  background:#050505;\r\n}\r\n\r\n.projects-container{\r\n  max-width:1250px;\r\n  margin:auto;\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.projects-top{\r\n  margin-bottom:70px;\r\n}\r\n\r\n.projects-title{\r\n  font-size:82px;\r\n  font-weight:900;\r\n  line-height:.9;\r\n  text-transform:uppercase;\r\n\r\n  background:\r\n  linear-gradient(90deg,#1ea0ff,#7b3cff);\r\n\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n\r\n  margin-bottom:18px;\r\n}\r\n\r\n.projects-sub{\r\n  color:#8d8d8d;\r\n  font-size:18px;\r\n  max-width:700px;\r\n  line-height:1.8;\r\n}\r\n\r\n\/* PROJECT CARD *\/\r\n\r\n.project-card{\r\n  display:grid;\r\n  grid-template-columns:520px 1fr;\r\n  gap:60px;\r\n\r\n  margin-bottom:90px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n.project-image{\r\n  position:relative;\r\n\r\n  background:#101010;\r\n\r\n  border-radius:30px;\r\n\r\n  padding:35px;\r\n\r\n  border:\r\n  1px solid rgba(255,255,255,.05);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n.project-image::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background:\r\n  linear-gradient(135deg,\r\n  rgba(30,144,255,.05),\r\n  rgba(123,60,255,.05));\r\n}\r\n\r\n.project-image img{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  border-radius:16px;\r\n\r\n  display:block;\r\n}\r\n\r\n\/* INFO *\/\r\n\r\n.project-info h3{\r\n  font-size:38px;\r\n  color:#fff;\r\n  margin-bottom:22px;\r\n  line-height:1.3;\r\n}\r\n\r\n.project-info p{\r\n  color:#9f9f9f;\r\n  font-size:17px;\r\n  line-height:1.9;\r\n  margin-bottom:30px;\r\n}\r\n\r\n\/* TABLE *\/\r\n\r\n.project-meta{\r\n  margin-bottom:35px;\r\n}\r\n\r\n.project-row{\r\n  display:flex;\r\n  justify-content:space-between;\r\n\r\n  padding:16px 0;\r\n\r\n  border-bottom:\r\n  1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.project-row span:first-child{\r\n  color:#7f7f7f;\r\n  font-size:14px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.project-row span:last-child{\r\n  color:#fff;\r\n  font-size:15px;\r\n}\r\n\r\n\/* LINKS *\/\r\n\r\n.project-links{\r\n  display:flex;\r\n  gap:28px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.project-links a{\r\n  color:#d8f275;\r\n  text-decoration:none;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  text-transform:uppercase;\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n.project-links a:hover{\r\n  color:#fff;\r\n}\r\n\r\n\/* MORE BUTTON *\/\r\n\r\n.projects-button-wrap{\r\n  text-align:center;\r\n  margin-top:40px;\r\n}\r\n\r\n.projects-button{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:14px;\r\n\r\n  padding:20px 38px;\r\n\r\n  border-radius:100px;\r\n\r\n  background:\r\n  linear-gradient(90deg,#1ea0ff,#7b3cff);\r\n\r\n  color:#fff;\r\n\r\n  font-size:14px;\r\n  font-weight:700;\r\n  letter-spacing:1px;\r\n  text-transform:uppercase;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.35s ease;\r\n\r\n  box-shadow:\r\n  0 0 45px rgba(82,115,255,.35);\r\n}\r\n\r\n.projects-button:hover{\r\n  transform:\r\n  translateY(-5px)\r\n  scale(1.03);\r\n\r\n  box-shadow:\r\n  0 0 70px rgba(82,115,255,.5);\r\n}\r\n\r\n\/* HIDDEN *\/\r\n\r\n.hidden-projects{\r\n  display:grid;\r\n  grid-template-rows:0fr;\r\n  transition:.7s ease;\r\n}\r\n\r\n.hidden-projects.active{\r\n  grid-template-rows:1fr;\r\n  margin-top:40px;\r\n}\r\n\r\n.hidden-projects-inner{\r\n  overflow:hidden;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n\/* MOBILE VERSION *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .projects-section{\r\n    padding:75px 20px;\r\n  }\r\n\r\n  .projects-top{\r\n    margin-bottom:50px;\r\n    text-align:center;\r\n  }\r\n\r\n  .projects-title{\r\n    font-size:52px;\r\n    line-height:.95;\r\n    margin-bottom:20px;\r\n  }\r\n\r\n  .projects-sub{\r\n    font-size:16px;\r\n    line-height:1.8;\r\n    max-width:100%;\r\n  }\r\n\r\n  \/* CARD *\/\r\n\r\n  .project-card{\r\n    grid-template-columns:1fr;\r\n    gap:28px;\r\n\r\n    margin-bottom:65px;\r\n  }\r\n\r\n  \/* IMAGE *\/\r\n\r\n  .project-image{\r\n    padding:18px;\r\n    border-radius:24px;\r\n  }\r\n\r\n  .project-image img{\r\n    border-radius:14px;\r\n  }\r\n\r\n  \/* INFO *\/\r\n\r\n  .project-info{\r\n    text-align:left;\r\n  }\r\n\r\n  .project-info h3{\r\n    font-size:28px;\r\n    line-height:1.35;\r\n    margin-bottom:18px;\r\n  }\r\n\r\n  .project-info p{\r\n    font-size:15px;\r\n    line-height:1.8;\r\n    margin-bottom:24px;\r\n  }\r\n\r\n  \/* TABLE *\/\r\n\r\n  .project-meta{\r\n    margin-bottom:28px;\r\n  }\r\n\r\n  .project-row{\r\n    padding:14px 0;\r\n    gap:15px;\r\n  }\r\n\r\n  .project-row span:first-child{\r\n    font-size:12px;\r\n  }\r\n\r\n  .project-row span:last-child{\r\n    font-size:13px;\r\n    text-align:right;\r\n  }\r\n\r\n  \/* LINKS *\/\r\n\r\n  .project-links{\r\n    gap:18px;\r\n  }\r\n\r\n  .project-links a{\r\n    font-size:13px;\r\n  }\r\n\r\n  \/* BUTTON *\/\r\n\r\n  .projects-button{\r\n    width:100%;\r\n    justify-content:center;\r\n\r\n    padding:18px 24px;\r\n\r\n    font-size:13px;\r\n  }\r\n\r\n}\r\n\r\n\/* EXTRA SMALL *\/\r\n\r\n@media(max-width:480px){\r\n\r\n  .projects-title{\r\n    font-size:42px;\r\n  }\r\n\r\n  .project-info h3{\r\n    font-size:24px;\r\n  }\r\n\r\n  .project-info p{\r\n    font-size:14px;\r\n  }\r\n\r\n  .project-image{\r\n    padding:14px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<section class=\"projects-section\">\r\n\r\n  <div class=\"projects-container\">\r\n\r\n    <div class=\"projects-top\">\r\n\r\n      <h1 class=\"projects-title\">\r\n       \u041f\u0420\u041e\u0404\u041a\u0422\u0418\r\n      <\/h1>\r\n\r\n      <div class=\"projects-sub\">\r\n        \u0414\u043e\u0431\u0456\u0440\u043a\u0430 \u043f\u0440\u043e\u0454\u043a\u0442\u0456\u0432,\r\n        \u044f\u043a\u0456 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0443\u044e\u0442\u044c \u043c\u0456\u0439 \u043f\u0456\u0434\u0445\u0456\u0434\r\n        \u0434\u043e \u0440\u043e\u0437\u0440\u043e\u0431\u043a\u0438, \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0456\u0457\r\n        \u0442\u0430 \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 digital-\u0440\u0456\u0448\u0435\u043d\u044c.\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <!-- PROJECT 1 -->\r\n\r\n<div class=\"project-card\">\r\n\r\n  <div class=\"project-image\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/cv.brainbit.online\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-17-\u0442\u0440\u0430\u0432.-2026-\u0440.-18_01_16.png\">\r\n\r\n  <\/div>\r\n\r\n  <div class=\"project-info\">\r\n\r\n    <h3>\r\n      \u041a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0438\u0439 \u0441\u0430\u0439\u0442 \u0434\u043b\u044f STS Company\r\n    <\/h3>\r\n\r\n    <p>\r\n      \u0421\u0443\u0447\u0430\u0441\u043d\u0438\u0439 \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0438\u0439 \u0441\u0430\u0439\u0442\r\n      \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u0457 \u0437 \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c\r\n      \u043d\u0430 \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0456\u044e \u043f\u043e\u0441\u043b\u0443\u0433,\r\n      \u0448\u0432\u0438\u0434\u043a\u0456\u0441\u0442\u044c \u0440\u043e\u0431\u043e\u0442\u0438,\r\n      \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c \u0442\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0439 UI\/UX.\r\n    <\/p>\r\n\r\n    <div class=\"project-meta\">\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u041a\u043b\u0456\u0454\u043d\u0442<\/span>\r\n        <span>STS Company<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u0456\u043a<\/span>\r\n        <span>2025<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u043e\u043b\u044c<\/span>\r\n        <span>Frontend \/ Fullstack<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"project-links\">\r\n\r\n      <a href=\"https:\/\/sts-company.com.ua\"\r\n      target=\"_blank\">\r\n\r\n        \u041f\u0415\u0420\u0415\u0413\u041b\u042f\u041d\u0423\u0422\u0418 \u041f\u0420\u041e\u0404\u041a\u0422 \u2197\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n    <!-- PROJECT 2 -->\r\n\r\n   <!-- PROJECT -->\r\n\r\n<div class=\"project-card\">\r\n\r\n  <div class=\"project-image\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/cv.brainbit.online\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-17-\u0442\u0440\u0430\u0432.-2026-\u0440.-18_04_51.png\">\r\n\r\n  <\/div>\r\n\r\n  <div class=\"project-info\">\r\n\r\n    <h3>\r\n      BrainBit \u2014 IT Academy & Online Education Platform\r\n    <\/h3>\r\n\r\n    <p>\r\n      \u0421\u0443\u0447\u0430\u0441\u043d\u0430 online-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\r\n      \u0434\u043b\u044f IT-\u0430\u043a\u0430\u0434\u0435\u043c\u0456\u0457 \u0437 \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c\r\n      \u043d\u0430 UX\/UI, \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c,\r\n      \u0448\u0432\u0438\u0434\u043a\u0456\u0441\u0442\u044c \u0440\u043e\u0431\u043e\u0442\u0438\r\n      \u0442\u0430 \u0437\u0440\u0443\u0447\u043d\u0443 \u0432\u0437\u0430\u0454\u043c\u043e\u0434\u0456\u044e \u0437 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430\u043c\u0438.\r\n    <\/p>\r\n\r\n    <div class=\"project-meta\">\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u041a\u043b\u0456\u0454\u043d\u0442<\/span>\r\n        <span>BrainBit Academy<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u0456\u043a<\/span>\r\n        <span>2025<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u043e\u043b\u044c<\/span>\r\n        <span>Frontend \/ Fullstack<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"project-links\">\r\n\r\n      <a href=\"https:\/\/brainbit.online\"\r\n      target=\"_blank\">\r\n\r\n        \u041f\u0415\u0420\u0415\u0413\u041b\u042f\u041d\u0423\u0422\u0418 \u041f\u0420\u041e\u0404\u041a\u0422 \u2197\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n    <!-- PROJECT 3 -->\r\n\r\n    <!-- PROJECT -->\r\n\r\n<div class=\"project-card\">\r\n\r\n  <div class=\"project-image\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/cv.brainbit.online\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-17-\u0442\u0440\u0430\u0432.-2026-\u0440.-18_07_14.png\">\r\n\r\n  <\/div>\r\n\r\n  <div class=\"project-info\">\r\n\r\n    <h3>\r\n      Teplaya \u2014 \u0441\u0430\u0439\u0442 \u0434\u043b\u044f \u0432\u0438\u0440\u043e\u0431\u043d\u0438\u043a\u0430 \u0441\u0438\u0441\u0442\u0435\u043c \u043e\u043f\u0430\u043b\u0435\u043d\u043d\u044f\r\n    <\/h3>\r\n\r\n    <p>\r\n      \u0420\u043e\u0437\u0440\u043e\u0431\u043a\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u0433\u043e \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0443\r\n      \u0434\u043b\u044f \u0443\u043a\u0440\u0430\u0457\u043d\u0441\u044c\u043a\u043e\u0433\u043e \u0432\u0438\u0440\u043e\u0431\u043d\u0438\u043a\u0430\r\n      \u0456\u043d\u0444\u0440\u0430\u0447\u0435\u0440\u0432\u043e\u043d\u0438\u0445 \u0441\u0438\u0441\u0442\u0435\u043c \u043e\u043f\u0430\u043b\u0435\u043d\u043d\u044f\r\n      \u0437 \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c \u043d\u0430 UX\/UI,\r\n      \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0456\u044e \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0456\u0457,\r\n      \u0448\u0432\u0438\u0434\u043a\u0456\u0441\u0442\u044c \u0440\u043e\u0431\u043e\u0442\u0438\r\n      \u0442\u0430 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c.\r\n    <\/p>\r\n\r\n    <div class=\"project-meta\">\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u041a\u043b\u0456\u0454\u043d\u0442<\/span>\r\n        <span>Teplaya Company<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u0456\u043a<\/span>\r\n        <span>2025<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u043e\u043b\u044c<\/span>\r\n        <span>Frontend \/ Fullstack<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"project-links\">\r\n\r\n      <a href=\"https:\/\/teplaya.com.ua\"\r\n      target=\"_blank\">\r\n\r\n        \u041f\u0415\u0420\u0415\u0413\u041b\u042f\u041d\u0423\u0422\u0418 \u041f\u0420\u041e\u0404\u041a\u0422 \u2197\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- PROJECT -->\r\n\r\n<div class=\"project-card\">\r\n\r\n  <div class=\"project-image\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/cv.brainbit.online\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-17-\u0442\u0440\u0430\u0432.-2026-\u0440.-18_09_19.png\">\r\n\r\n  <\/div>\r\n\r\n  <div class=\"project-info\">\r\n\r\n    <h3>\r\n      StudOk \u2014 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u0434\u043b\u044f \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u0441\u044c\u043a\u0438\u0445 \u0440\u043e\u0431\u0456\u0442\r\n    <\/h3>\r\n\r\n    <p>\r\n      \u0420\u043e\u0437\u0440\u043e\u0431\u043a\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u0457 web-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0438\r\n      \u0434\u043b\u044f \u0437\u0430\u043c\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u0441\u044c\u043a\u0438\u0445 \u0440\u043e\u0431\u0456\u0442\r\n      \u0437 \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c \u043d\u0430 UX\/UI,\r\n      \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0456\u044e \u043f\u0440\u043e\u0446\u0435\u0441\u0456\u0432,\r\n      \u0437\u0440\u0443\u0447\u043d\u0443 \u0432\u0437\u0430\u0454\u043c\u043e\u0434\u0456\u044e \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0456\u0432\r\n      \u0442\u0430 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c.\r\n    <\/p>\r\n\r\n    <div class=\"project-meta\">\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u041a\u043b\u0456\u0454\u043d\u0442<\/span>\r\n        <span>StudOk<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u0456\u043a<\/span>\r\n        <span>2026<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u043e\u043b\u044c<\/span>\r\n        <span>Frontend \/ Fullstack<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"project-links\">\r\n\r\n      <a href=\"https:\/\/studok.com.ua\"\r\n      target=\"_blank\">\r\n\r\n        \u041f\u0415\u0420\u0415\u0413\u041b\u042f\u041d\u0423\u0422\u0418 \u041f\u0420\u041e\u0404\u041a\u0422 \u2197\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n    <!-- BUTTON -->\r\n\r\n    <div class=\"projects-button-wrap\">\r\n\r\n      <div class=\"projects-button\"\r\n      onclick=\"toggleProjects()\">\r\n\r\n        \u0411\u0406\u041b\u042c\u0428\u0415 \u041f\u0420\u041e\u0404\u041a\u0422\u0406\u0412 +\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- HIDDEN PROJECTS -->\r\n\r\n    <div class=\"hidden-projects\"\r\n    id=\"hiddenProjects\">\r\n\r\n      <div class=\"hidden-projects-inner\">\r\n\r\n        <!-- EXTRA PROJECT -->\r\n\r\n       <div class=\"project-card\">\r\n\r\n  <div class=\"project-image\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/cv.brainbit.online\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-17-\u0442\u0440\u0430\u0432.-2026-\u0440.-18_12_23.png\">\r\n\r\n  <\/div>\r\n\r\n  <div class=\"project-info\">\r\n\r\n    <h3>\r\n      Goldima \u2014 \u0456\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d \u044e\u0432\u0435\u043b\u0456\u0440\u043d\u0438\u0445 \u0432\u0438\u0440\u043e\u0431\u0456\u0432\r\n    <\/h3>\r\n\r\n    <p>\r\n      \u0420\u043e\u0437\u0440\u043e\u0431\u043a\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u0433\u043e eCommerce-\u0441\u0430\u0439\u0442\u0443\r\n      \u0434\u043b\u044f \u044e\u0432\u0435\u043b\u0456\u0440\u043d\u043e\u0433\u043e \u0431\u0440\u0435\u043d\u0434\u0443\r\n      \u0437 \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c \u043d\u0430 \u043f\u0440\u0435\u043c\u0456\u0430\u043b\u044c\u043d\u0438\u0439 UI\/UX,\r\n      \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c,\r\n      \u0448\u0432\u0438\u0434\u043a\u0456\u0441\u0442\u044c \u0440\u043e\u0431\u043e\u0442\u0438\r\n      \u0442\u0430 \u0437\u0440\u0443\u0447\u043d\u0438\u0439 \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0456\u0457.\r\n    <\/p>\r\n\r\n    <div class=\"project-meta\">\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u041a\u043b\u0456\u0454\u043d\u0442<\/span>\r\n        <span>Goldima<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u0456\u043a<\/span>\r\n        <span>2026<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u043e\u043b\u044c<\/span>\r\n        <span>Frontend \/ Fullstack<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"project-links\">\r\n\r\n      <a href=\"https:\/\/goldima.com.ua\"\r\n      target=\"_blank\">\r\n\r\n        \u041f\u0415\u0420\u0415\u0413\u041b\u042f\u041d\u0423\u0422\u0418 \u041f\u0420\u041e\u0404\u041a\u0422 \u2197\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- PROJECT -->\r\n\r\n<div class=\"project-card\">\r\n\r\n  <div class=\"project-image\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/cv.brainbit.online\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-17-\u0442\u0440\u0430\u0432.-2026-\u0440.-18_15_01.png\">\r\n\r\n  <\/div>\r\n\r\n  <div class=\"project-info\">\r\n\r\n    <h3>\r\n      Israel Medical Center \u2014 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u043c\u0435\u0434\u0438\u0447\u043d\u043e\u0433\u043e \u0442\u0443\u0440\u0438\u0437\u043c\u0443\r\n    <\/h3>\r\n\r\n    <p>\r\n      \u0420\u043e\u0437\u0440\u043e\u0431\u043a\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u0433\u043e \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0443\r\n      \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u0457 \u043c\u0435\u0434\u0438\u0447\u043d\u043e\u0433\u043e \u0442\u0443\u0440\u0438\u0437\u043c\u0443 \u0432 \u0406\u0437\u0440\u0430\u0457\u043b\u0456\r\n      \u0437 \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c \u043d\u0430 \u0434\u043e\u0432\u0456\u0440\u0443,\r\n      \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0456\u044e \u043c\u0435\u0434\u0438\u0447\u043d\u0438\u0445 \u043f\u043e\u0441\u043b\u0443\u0433,\r\n      \u0437\u0440\u0443\u0447\u043d\u0443 \u043d\u0430\u0432\u0456\u0433\u0430\u0446\u0456\u044e,\r\n      \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c\r\n      \u0442\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0439 UX\/UI.\r\n    <\/p>\r\n\r\n    <div class=\"project-meta\">\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u041a\u043b\u0456\u0454\u043d\u0442<\/span>\r\n        <span>Israel Medical Center<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u0456\u043a<\/span>\r\n        <span>2025<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u043e\u043b\u044c<\/span>\r\n        <span>Frontend \/ Fullstack<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"project-links\">\r\n\r\n      <a href=\"https:\/\/israel-medicalcenter.org\"\r\n      target=\"_blank\">\r\n\r\n        \u041f\u0415\u0420\u0415\u0413\u041b\u042f\u041d\u0423\u0422\u0418 \u041f\u0420\u041e\u0404\u041a\u0422 \u2197\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- PROJECT -->\r\n\r\n<div class=\"project-card\">\r\n\r\n  <div class=\"project-image\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/cv.brainbit.online\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-17-\u0442\u0440\u0430\u0432.-2026-\u0440.-18_17_39.png\">\r\n\r\n  <\/div>\r\n\r\n  <div class=\"project-info\">\r\n\r\n    <h3>\r\n      Loan Offers \u2014 \u0444\u0456\u043d\u0430\u043d\u0441\u043e\u0432\u0430 lead generation \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\r\n    <\/h3>\r\n\r\n    <p>\r\n      \u0420\u043e\u0437\u0440\u043e\u0431\u043a\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u0457 web-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0438\r\n      \u0434\u043b\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0456\u0457 \u0444\u0456\u043d\u0430\u043d\u0441\u043e\u0432\u0438\u0445 \u0437\u0430\u044f\u0432\u043e\u043a\r\n      \u0442\u0430 \u043f\u043e\u0440\u0456\u0432\u043d\u044f\u043d\u043d\u044f \u043a\u0440\u0435\u0434\u0438\u0442\u043d\u0438\u0445 \u043f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u0439\r\n      \u0437 \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c \u043d\u0430 UX\/UI,\r\n      \u043a\u043e\u043d\u0432\u0435\u0440\u0441\u0456\u044e,\r\n      \u0448\u0432\u0438\u0434\u043a\u0456\u0441\u0442\u044c \u0440\u043e\u0431\u043e\u0442\u0438\r\n      \u0442\u0430 \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u0443 \u043e\u043f\u0442\u0438\u043c\u0456\u0437\u0430\u0446\u0456\u044e.\r\n    <\/p>\r\n\r\n    <div class=\"project-meta\">\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u041a\u043b\u0456\u0454\u043d\u0442<\/span>\r\n        <span>Loan Offers<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u0456\u043a<\/span>\r\n        <span>2025<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u043e\u043b\u044c<\/span>\r\n        <span>Frontend \/ Fullstack<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"project-links\">\r\n\r\n      <a href=\"https:\/\/loan-offers.net\"\r\n      target=\"_blank\">\r\n\r\n        \u041f\u0415\u0420\u0415\u0413\u041b\u042f\u041d\u0423\u0422\u0418 \u041f\u0420\u041e\u0404\u041a\u0422 \u2197\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n<!-- PROJECT -->\r\n\r\n<div class=\"project-card\">\r\n\r\n  <div class=\"project-image\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/cv.brainbit.online\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-17-\u0442\u0440\u0430\u0432.-2026-\u0440.-18_19_25.png\">\r\n\r\n  <\/div>\r\n\r\n  <div class=\"project-info\">\r\n\r\n    <h3>\r\n      Online Loans \u2014 \u0444\u0456\u043d\u0430\u043d\u0441\u043e\u0432\u0430 lead generation \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\r\n    <\/h3>\r\n\r\n    <p>\r\n      \u0420\u043e\u0437\u0440\u043e\u0431\u043a\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u0457 web-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0438\r\n      \u0434\u043b\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0456\u0457 \u0444\u0456\u043d\u0430\u043d\u0441\u043e\u0432\u0438\u0445 \u0437\u0430\u044f\u0432\u043e\u043a\r\n      \u0442\u0430 \u043f\u0456\u0434\u0431\u043e\u0440\u0443 \u043a\u0440\u0435\u0434\u0438\u0442\u043d\u0438\u0445 \u043f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u0439\r\n      \u0437 \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c \u043d\u0430 UX\/UI,\r\n      \u0432\u0438\u0441\u043e\u043a\u0443 \u043a\u043e\u043d\u0432\u0435\u0440\u0441\u0456\u044e,\r\n      \u0448\u0432\u0438\u0434\u043a\u0456\u0441\u0442\u044c \u0440\u043e\u0431\u043e\u0442\u0438\r\n      \u0442\u0430 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c.\r\n    <\/p>\r\n\r\n    <div class=\"project-meta\">\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u041a\u043b\u0456\u0454\u043d\u0442<\/span>\r\n        <span>Online Loans<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u0456\u043a<\/span>\r\n        <span>2026<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u043e\u043b\u044c<\/span>\r\n        <span>Frontend \/ Fullstack<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"project-links\">\r\n\r\n      <a href=\"https:\/\/online-loans.net\"\r\n      target=\"_blank\">\r\n\r\n        \u041f\u0415\u0420\u0415\u0413\u041b\u042f\u041d\u0423\u0422\u0418 \u041f\u0420\u041e\u0404\u041a\u0422 \u2197\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- PROJECT -->\r\n\r\n<div class=\"project-card\">\r\n\r\n  <div class=\"project-image\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/cv.brainbit.online\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-17-\u0442\u0440\u0430\u0432.-2026-\u0440.-18_20_32.png\">\r\n\r\n  <\/div>\r\n\r\n  <div class=\"project-info\">\r\n\r\n    <h3>\r\n      USA Personal Loans \u2014 \u0444\u0456\u043d\u0430\u043d\u0441\u043e\u0432\u0430 lead generation \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\r\n    <\/h3>\r\n\r\n    <p>\r\n      \u0420\u043e\u0437\u0440\u043e\u0431\u043a\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u0457 web-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0438\r\n      \u0434\u043b\u044f \u043f\u043e\u0440\u0456\u0432\u043d\u044f\u043d\u043d\u044f \u043a\u0440\u0435\u0434\u0438\u0442\u043d\u0438\u0445 \u043f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u0439\r\n      \u0442\u0430 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0456\u0457 \u0444\u0456\u043d\u0430\u043d\u0441\u043e\u0432\u0438\u0445 \u0437\u0430\u044f\u0432\u043e\u043a\r\n      \u0437 \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c \u043d\u0430 UX\/UI,\r\n      \u043a\u043e\u043d\u0432\u0435\u0440\u0441\u0456\u044e,\r\n      \u0448\u0432\u0438\u0434\u043a\u0456\u0441\u0442\u044c \u0440\u043e\u0431\u043e\u0442\u0438\r\n      \u0442\u0430 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c.\r\n    <\/p>\r\n\r\n    <div class=\"project-meta\">\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u041a\u043b\u0456\u0454\u043d\u0442<\/span>\r\n        <span>USA Personal Loans<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u0456\u043a<\/span>\r\n        <span>2025<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u043e\u043b\u044c<\/span>\r\n        <span>Frontend \/ Fullstack<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"project-links\">\r\n\r\n      <a href=\"https:\/\/usa-personalloans.com\"\r\n      target=\"_blank\">\r\n\r\n        \u041f\u0415\u0420\u0415\u0413\u041b\u042f\u041d\u0423\u0422\u0418 \u041f\u0420\u041e\u0404\u041a\u0422 \u2197\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- PROJECT -->\r\n\r\n<div class=\"project-card\">\r\n\r\n  <div class=\"project-image\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/cv.brainbit.online\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-17-\u0442\u0440\u0430\u0432.-2026-\u0440.-18_23_30.png\">\r\n\r\n  <\/div>\r\n\r\n  <div class=\"project-info\">\r\n\r\n    <h3>\r\n      InveBoss \u2014 \u0454\u0432\u0440\u043e\u043f\u0435\u0439\u0441\u044c\u043a\u0438\u0439 \u0431\u0456\u0437\u043d\u0435\u0441 \u0442\u0430 investment portal\r\n    <\/h3>\r\n\r\n    <p>\r\n      \u0420\u043e\u0437\u0440\u043e\u0431\u043a\u0430 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u043d\u043e\u0457 web-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0438\r\n      \u0434\u043b\u044f \u043f\u0440\u043e\u0434\u0430\u0436\u0443 \u0431\u0456\u0437\u043d\u0435\u0441\u0443,\r\n      \u043f\u043e\u0448\u0443\u043a\u0443 \u0456\u043d\u0432\u0435\u0441\u0442\u043e\u0440\u0456\u0432,\r\n      \u0444\u0440\u0430\u043d\u0448\u0438\u0437 \u0442\u0430 \u043a\u043e\u043c\u0435\u0440\u0446\u0456\u0439\u043d\u043e\u0457 \u043d\u0435\u0440\u0443\u0445\u043e\u043c\u043e\u0441\u0442\u0456\r\n      \u0437 \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c \u043d\u0430 UX\/UI,\r\n      \u0431\u0430\u0433\u0430\u0442\u043e\u043c\u043e\u0432\u043d\u0456\u0441\u0442\u044c,\r\n      \u0441\u043a\u043b\u0430\u0434\u043d\u0443 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0443\r\n      \u0442\u0430 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0456\u044e \u0431\u0456\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0456\u0432.\r\n    <\/p>\r\n\r\n    <div class=\"project-meta\">\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u041a\u043b\u0456\u0454\u043d\u0442<\/span>\r\n        <span>InveBoss<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u0456\u043a<\/span>\r\n        <span>2025<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u043e\u043b\u044c<\/span>\r\n        <span>Frontend \/ Fullstack<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"project-links\">\r\n\r\n      <a href=\"https:\/\/inveboss.com\"\r\n      target=\"_blank\">\r\n\r\n        \u041f\u0415\u0420\u0415\u0413\u041b\u042f\u041d\u0423\u0422\u0418 \u041f\u0420\u041e\u0404\u041a\u0422 \u2197\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- PROJECT -->\r\n\r\n<div class=\"project-card\">\r\n\r\n  <div class=\"project-image\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/cv.brainbit.online\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-17-\u0442\u0440\u0430\u0432.-2026-\u0440.-18_25_43.png\">\r\n\r\n  <\/div>\r\n\r\n  <div class=\"project-info\">\r\n\r\n    <h3>\r\n      Luxury Israel Life \u2014 premium real estate platform\r\n    <\/h3>\r\n\r\n    <p>\r\n      \u0420\u043e\u0437\u0440\u043e\u0431\u043a\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u0433\u043e premium-\u0441\u0430\u0439\u0442\u0443\r\n      \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u0457 \u043d\u0435\u0440\u0443\u0445\u043e\u043c\u043e\u0441\u0442\u0456 \u0432 \u0406\u0437\u0440\u0430\u0457\u043b\u0456\r\n      \u0437 \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c \u043d\u0430 luxury UI\/UX,\r\n      \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0456\u044e \u043e\u0431\u2019\u0454\u043a\u0442\u0456\u0432,\r\n      \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c,\r\n      \u0448\u0432\u0438\u0434\u043a\u0456\u0441\u0442\u044c \u0440\u043e\u0431\u043e\u0442\u0438\r\n      \u0442\u0430 premium-\u0432\u0456\u0437\u0443\u0430\u043b.\r\n    <\/p>\r\n\r\n    <div class=\"project-meta\">\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u041a\u043b\u0456\u0454\u043d\u0442<\/span>\r\n        <span>Luxury Israel Life<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u0456\u043a<\/span>\r\n        <span>2024<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"project-row\">\r\n        <span>\u0420\u043e\u043b\u044c<\/span>\r\n        <span>Frontend \/ Fullstack<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"project-links\">\r\n\r\n      <a href=\"https:\/\/luxuryisraellife.com\"\r\n      target=\"_blank\">\r\n\r\n        \u041f\u0415\u0420\u0415\u0413\u041b\u042f\u041d\u0423\u0422\u0418 \u041f\u0420\u041e\u0404\u041a\u0422 \u2197\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\nfunction toggleProjects(){\r\n\r\n  document\r\n  .getElementById(\"hiddenProjects\")\r\n  .classList\r\n  .toggle(\"active\");\r\n\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16e87a2 elementor-widget elementor-widget-html\" data-id=\"16e87a2\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"about\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n*{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n  font-family:Arial,sans-serif;\r\n}\r\n\r\n.about-section{\r\n  width:100%;\r\n  padding:120px 60px;\r\n  background:\r\n  radial-gradient(circle at top left,#1e90ff14,transparent 28%),\r\n  radial-gradient(circle at bottom right,#7b3cff14,transparent 28%),\r\n  #050505;\r\n}\r\n\r\n.about-container{\r\n  max-width:1250px;\r\n  margin:auto;\r\n}\r\n\r\n\/* TOP *\/\r\n\r\n.about-top{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:flex-start;\r\n  gap:90px;\r\n}\r\n\r\n.about-title{\r\n  min-width:280px;\r\n\r\n  font-size:92px;\r\n  font-weight:900;\r\n  line-height:.88;\r\n\r\n  text-transform:uppercase;\r\n\r\n  background:\r\n  linear-gradient(90deg,#1ea0ff,#7b3cff);\r\n\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n\r\n  text-shadow:\r\n  0 0 35px rgba(82,115,255,.18);\r\n}\r\n\r\n.about-info{\r\n  max-width:780px;\r\n}\r\n\r\n.about-info h2{\r\n  font-size:36px;\r\n  line-height:1.35;\r\n  color:#fff;\r\n  margin-bottom:28px;\r\n  font-weight:500;\r\n}\r\n\r\n.about-info p{\r\n  color:#9e9e9e;\r\n  font-size:19px;\r\n  line-height:1.9;\r\n  margin-bottom:40px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n\r\n.about-button{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:14px;\r\n\r\n  padding:20px 38px;\r\n\r\n  border-radius:100px;\r\n\r\n  background:\r\n  linear-gradient(90deg,#1ea0ff,#7b3cff);\r\n\r\n  color:#fff;\r\n\r\n  font-size:14px;\r\n  font-weight:700;\r\n  letter-spacing:1px;\r\n  text-transform:uppercase;\r\n\r\n  cursor:pointer;\r\n\r\n  overflow:hidden;\r\n\r\n  transition:\r\n  transform .35s ease,\r\n  box-shadow .35s ease;\r\n\r\n  box-shadow:\r\n  0 0 40px rgba(82,115,255,.35);\r\n}\r\n\r\n.about-button::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  top:0;\r\n  left:-120%;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  background:\r\n  linear-gradient(\r\n  90deg,\r\n  transparent,\r\n  rgba(255,255,255,.22),\r\n  transparent);\r\n\r\n  transition:.7s;\r\n}\r\n\r\n.about-button:hover::before{\r\n  left:120%;\r\n}\r\n\r\n.about-button:hover{\r\n  transform:\r\n  translateY(-5px)\r\n  scale(1.02);\r\n\r\n  box-shadow:\r\n  0 0 70px rgba(82,115,255,.5);\r\n}\r\n\r\n.about-button span{\r\n  font-size:18px;\r\n}\r\n\r\n\/* OPEN BLOCK *\/\r\n\r\n.about-hidden{\r\n  display:grid;\r\n  grid-template-rows:0fr;\r\n  transition:.7s ease;\r\n}\r\n\r\n.about-hidden.active{\r\n  grid-template-rows:1fr;\r\n  margin-top:55px;\r\n}\r\n\r\n.about-hidden-inner{\r\n  overflow:hidden;\r\n}\r\n\r\n\/* CARD *\/\r\n\r\n.about-card{\r\n  position:relative;\r\n\r\n  padding:60px;\r\n\r\n  border-radius:34px;\r\n\r\n  background:\r\n  linear-gradient(\r\n  145deg,\r\n  rgba(18,18,18,.98),\r\n  rgba(10,10,10,.98));\r\n\r\n  border:\r\n  1px solid rgba(255,255,255,.06);\r\n\r\n  overflow:hidden;\r\n\r\n  box-shadow:\r\n  0 25px 80px rgba(0,0,0,.55);\r\n}\r\n\r\n\/* GLOW *\/\r\n\r\n.about-card::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:500px;\r\n  height:500px;\r\n\r\n  background:\r\n  radial-gradient(circle,\r\n  rgba(30,144,255,.13),\r\n  transparent 70%);\r\n\r\n  top:-220px;\r\n  right:-180px;\r\n}\r\n\r\n.about-card::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:420px;\r\n  height:420px;\r\n\r\n  background:\r\n  radial-gradient(circle,\r\n  rgba(123,60,255,.12),\r\n  transparent 70%);\r\n\r\n  bottom:-180px;\r\n  left:-120px;\r\n}\r\n\r\n.about-card-content{\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.about-card h3{\r\n  font-size:32px;\r\n  line-height:1.45;\r\n  color:#fff;\r\n  margin-bottom:35px;\r\n  max-width:950px;\r\n  font-weight:500;\r\n}\r\n\r\n.about-card p{\r\n  color:#b7b7b7;\r\n  font-size:18px;\r\n  line-height:2;\r\n  margin-bottom:26px;\r\n  max-width:960px;\r\n}\r\n\r\n\/* HIGHLIGHT *\/\r\n\r\n.about-highlight{\r\n  background:\r\n  linear-gradient(90deg,#1ea0ff,#7b3cff);\r\n\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.about-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:22px;\r\n  margin-top:40px;\r\n}\r\n\r\n.about-box{\r\n  background:\r\n  rgba(255,255,255,.02);\r\n\r\n  border:\r\n  1px solid rgba(255,255,255,.05);\r\n\r\n  border-radius:24px;\r\n\r\n  padding:30px;\r\n\r\n  transition:\r\n  transform .35s ease,\r\n  border-color .35s ease,\r\n  background .35s ease;\r\n}\r\n\r\n.about-box:hover{\r\n  transform:translateY(-6px);\r\n\r\n  border-color:\r\n  rgba(93,174,255,.25);\r\n\r\n  background:\r\n  rgba(255,255,255,.03);\r\n}\r\n\r\n.about-box h4{\r\n  color:#fff;\r\n  font-size:21px;\r\n  margin-bottom:14px;\r\n}\r\n\r\n.about-box p{\r\n  font-size:16px;\r\n  line-height:1.8;\r\n  margin:0;\r\n}\r\n\r\n\/* CLOSE BUTTON *\/\r\n\r\n.close-button{\r\n  margin-top:45px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n\r\n  padding:17px 30px;\r\n\r\n  border-radius:100px;\r\n\r\n  background:#151515;\r\n\r\n  border:\r\n  1px solid rgba(255,255,255,.08);\r\n\r\n  color:#fff;\r\n\r\n  font-size:13px;\r\n  font-weight:700;\r\n  letter-spacing:1px;\r\n\r\n  text-transform:uppercase;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.35s ease;\r\n}\r\n\r\n.close-button:hover{\r\n  background:\r\n  linear-gradient(90deg,#1ea0ff,#7b3cff);\r\n\r\n  transform:\r\n  translateY(-4px);\r\n\r\n  box-shadow:\r\n  0 0 45px rgba(82,115,255,.35);\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n\/* MOBILE VERSION *\/\r\n\r\n@media(max-width:950px){\r\n\r\n  .about-section{\r\n    padding:70px 20px;\r\n  }\r\n\r\n  .about-container{\r\n    width:100%;\r\n  }\r\n\r\n  \/* TOP *\/\r\n\r\n  .about-top{\r\n    flex-direction:column;\r\n    gap:35px;\r\n  }\r\n\r\n  .about-title{\r\n    min-width:100%;\r\n\r\n    font-size:52px;\r\n    line-height:.92;\r\n\r\n    text-align:center;\r\n  }\r\n\r\n  .about-info{\r\n    max-width:100%;\r\n    text-align:center;\r\n  }\r\n\r\n  .about-info h2{\r\n    font-size:28px;\r\n    line-height:1.45;\r\n    margin-bottom:22px;\r\n  }\r\n\r\n  .about-info p{\r\n    font-size:16px;\r\n    line-height:1.85;\r\n    margin-bottom:30px;\r\n  }\r\n\r\n  \/* BUTTON *\/\r\n\r\n  .about-button{\r\n    width:100%;\r\n    justify-content:center;\r\n\r\n    padding:18px 24px;\r\n\r\n    font-size:13px;\r\n    border-radius:22px;\r\n  }\r\n\r\n  .about-button span{\r\n    font-size:16px;\r\n  }\r\n\r\n  \/* OPEN BLOCK *\/\r\n\r\n  .about-hidden.active{\r\n    margin-top:30px;\r\n  }\r\n\r\n  \/* CARD *\/\r\n\r\n  .about-card{\r\n    padding:28px 22px;\r\n\r\n    border-radius:26px;\r\n  }\r\n\r\n  .about-card::before{\r\n    width:260px;\r\n    height:260px;\r\n\r\n    top:-120px;\r\n    right:-100px;\r\n  }\r\n\r\n  .about-card::after{\r\n    width:240px;\r\n    height:240px;\r\n\r\n    bottom:-120px;\r\n    left:-90px;\r\n  }\r\n\r\n  .about-card h3{\r\n    font-size:24px;\r\n    line-height:1.5;\r\n\r\n    margin-bottom:24px;\r\n  }\r\n\r\n  .about-card p{\r\n    font-size:15px;\r\n    line-height:1.9;\r\n\r\n    margin-bottom:22px;\r\n  }\r\n\r\n  \/* GRID *\/\r\n\r\n  .about-grid{\r\n    grid-template-columns:1fr;\r\n    gap:16px;\r\n\r\n    margin-top:28px;\r\n  }\r\n\r\n  .about-box{\r\n    padding:22px;\r\n    border-radius:20px;\r\n  }\r\n\r\n  .about-box h4{\r\n    font-size:18px;\r\n    margin-bottom:10px;\r\n  }\r\n\r\n  .about-box p{\r\n    font-size:14px;\r\n    line-height:1.75;\r\n  }\r\n\r\n  \/* CLOSE BUTTON *\/\r\n\r\n  .close-button{\r\n    width:100%;\r\n    justify-content:center;\r\n\r\n    padding:16px 20px;\r\n\r\n    font-size:12px;\r\n\r\n    border-radius:18px;\r\n\r\n    margin-top:30px;\r\n  }\r\n\r\n}\r\n\r\n\/* EXTRA SMALL *\/\r\n\r\n@media(max-width:480px){\r\n\r\n  .about-title{\r\n    font-size:42px;\r\n  }\r\n\r\n  .about-info h2{\r\n    font-size:24px;\r\n  }\r\n\r\n  .about-info p{\r\n    font-size:15px;\r\n  }\r\n\r\n  .about-card h3{\r\n    font-size:21px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<section class=\"about-section\">\r\n\r\n  <div class=\"about-container\">\r\n\r\n    <div class=\"about-top\">\r\n\r\n      <h1 class=\"about-title\">\r\n        \u041f\u0420\u041e<br>\u041c\u0415\u041d\u0415\r\n      <\/h1>\r\n\r\n      <div class=\"about-info\">\r\n\r\n        <h2>\r\n          \u042f Frontend \/ Fullstack-\u0440\u043e\u0437\u0440\u043e\u0431\u043d\u0438\u043a,\r\n          \u044f\u043a\u0438\u0439 \u0441\u0442\u0432\u043e\u0440\u044e\u0454 \u0441\u0443\u0447\u0430\u0441\u043d\u0456 digital-\u0440\u0456\u0448\u0435\u043d\u043d\u044f\r\n          \u0434\u043b\u044f \u0431\u0456\u0437\u043d\u0435\u0441\u0443 \ud83d\ude80\r\n        <\/h2>\r\n\r\n        <p>\r\n          WordPress, React, Node.js,\r\n          Telegram-\u0431\u043e\u0442\u0438, CRM, AI Automation,\r\n          SEO \u0442\u0430 \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433 \u2014\r\n          \u0443\u0441\u0435 \u0434\u043b\u044f \u0440\u043e\u0441\u0442\u0443 \u0432\u0430\u0448\u043e\u0433\u043e \u0431\u0456\u0437\u043d\u0435\u0441\u0443.\r\n        <\/p>\r\n\r\n        <div class=\"about-button\"\r\n        onclick=\"toggleAbout()\">\r\n\r\n          \u0414\u0415\u0422\u0410\u041b\u042c\u041d\u0406\u0428\u0415\r\n          <span>+<\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"about-hidden\"\r\n    id=\"aboutHidden\">\r\n\r\n      <div class=\"about-hidden-inner\">\r\n\r\n        <div class=\"about-card\">\r\n\r\n          <div class=\"about-card-content\">\r\n\r\n            <h3>\r\n              \u042f \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u0456\u0437\u0443\u044e\u0441\u044c \u043d\u0430 \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u0456\r\n              \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 web-\u0440\u0456\u0448\u0435\u043d\u044c,\r\n              \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0456\u0439 \u0442\u0430 digital-\u0441\u0438\u0441\u0442\u0435\u043c\r\n              \u0434\u043b\u044f \u0440\u043e\u0437\u0432\u0438\u0442\u043a\u0443 \u0431\u0456\u0437\u043d\u0435\u0441\u0443.\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u041f\u0440\u0430\u0446\u044e\u044e \u044f\u043a Frontend \/ Fullstack-\u0440\u043e\u0437\u0440\u043e\u0431\u043d\u0438\u043a\r\n              \u0442\u0430 \u0434\u043e\u043f\u043e\u043c\u0430\u0433\u0430\u044e \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u044f\u043c \u0441\u0442\u0432\u043e\u0440\u044e\u0432\u0430\u0442\u0438\r\n              \u0448\u0432\u0438\u0434\u043a\u0456, \u0441\u0442\u0430\u0431\u0456\u043b\u044c\u043d\u0456 \u0442\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u0456 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438,\r\n              \u044f\u043a\u0456 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0433\u0430\u0440\u043d\u043e \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u044e\u0442\u044c,\r\n              \u0430 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043f\u0440\u0438\u043d\u043e\u0441\u044f\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442.\r\n            <\/p>\r\n\r\n            <p>\r\n              <span class=\"about-highlight\">\r\n              WordPress, OpenCart, HTML, CSS,\r\n              JavaScript, PHP, React, Node.js,\r\n              Telegram-\u0431\u043e\u0442\u0438, CRM-\u0441\u0438\u0441\u0442\u0435\u043c\u0438,\r\n              AI-\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0456\u0457 \u0442\u0430 \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u0457 \u2014\r\n              <\/span>\r\n              \u044f \u043e\u0431\u2019\u0454\u0434\u043d\u0443\u044e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0456\u0457\r\n              \u0432 \u043e\u0434\u043d\u0443 \u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0443 digital-\u0441\u0438\u0441\u0442\u0435\u043c\u0443.\r\n            <\/p>\r\n\r\n            <p>\r\n              \u042f \u0437\u0430\u0439\u043c\u0430\u044e\u0441\u044c \u043d\u0435 \u043b\u0438\u0448\u0435 \u0440\u043e\u0437\u0440\u043e\u0431\u043a\u043e\u044e \u0441\u0430\u0439\u0442\u0456\u0432,\r\n              \u0430 \u0439 \u043f\u043e\u0431\u0443\u0434\u043e\u0432\u043e\u044e \u043f\u043e\u0432\u043d\u043e\u0446\u0456\u043d\u043d\u043e\u0457\r\n              digital-\u0435\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0438:\r\n              \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0456\u044f \u0431\u0456\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0456\u0432,\r\n              SEO-\u043e\u043f\u0442\u0438\u043c\u0456\u0437\u0430\u0446\u0456\u044f,\r\n              \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u044f \u0441\u0435\u0440\u0432\u0456\u0441\u0456\u0432,\r\n              AI-\u0440\u0456\u0448\u0435\u043d\u043d\u044f,\r\n              \u0447\u0430\u0442-\u0431\u043e\u0442\u0438\r\n              \u0442\u0430 \u043e\u043f\u0442\u0438\u043c\u0456\u0437\u0430\u0446\u0456\u044f \u0432\u0437\u0430\u0454\u043c\u043e\u0434\u0456\u0457 \u0437 \u043a\u043b\u0456\u0454\u043d\u0442\u0430\u043c\u0438.\r\n            <\/p>\r\n\r\n            <div class=\"about-grid\">\r\n\r\n              <div class=\"about-box\">\r\n\r\n                <h4>\r\n                  \u26a1 Fullstack Development\r\n                <\/h4>\r\n\r\n                <p>\r\n                  \u0420\u043e\u0437\u0440\u043e\u0431\u043a\u0430 \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 \u0441\u0430\u0439\u0442\u0456\u0432,\r\n                  \u0432\u0435\u0431-\u0434\u043e\u0434\u0430\u0442\u043a\u0456\u0432 \u0442\u0430 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u0438\u0445\r\n                  \u0440\u0456\u0448\u0435\u043d\u044c \u0434\u043b\u044f \u0431\u0456\u0437\u043d\u0435\u0441\u0443.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n              <div class=\"about-box\">\r\n\r\n                <h4>\r\n                  \ud83d\ude80 Automation & AI\r\n                <\/h4>\r\n\r\n                <p>\r\n                  Telegram-\u0431\u043e\u0442\u0438,\r\n                  CRM, AI-\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0456\u0457,\r\n                  \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u0457 \u0442\u0430 \u043e\u043f\u0442\u0438\u043c\u0456\u0437\u0430\u0446\u0456\u044f\r\n                  \u0431\u0456\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0456\u0432.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"close-button\"\r\n            onclick=\"toggleAbout()\">\r\n\r\n              \u0417\u0413\u041e\u0420\u041d\u0423\u0422\u0418\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\nfunction toggleAbout(){\r\n\r\n  document\r\n  .getElementById(\"aboutHidden\")\r\n  .classList\r\n  .toggle(\"active\");\r\n\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FRONTEND \/ FULLSTACK DEVELOPER \ud83d\ude80 HI, I\u2019M KARYNA. \u042f Fullstack Developer \u0437 \u0434\u043e\u0441\u0432\u0456\u0434\u043e\u043c \u0443 \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u0456 \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 \u0441\u0430\u0439\u0442\u0456\u0432, \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0456\u0439, Telegram-\u0431\u043e\u0442\u0456\u0432, CRM \u0442\u0430 AI-\u0440\u0456\u0448\u0435\u043d\u044c \u0434\u043b\u044f \u0431\u0456\u0437\u043d\u0435\u0441\u0443. React Node.js PHP WordPress OpenCart AI Telegram Bots CRM CONTACT ME \u041f\u0420\u041e\u0404\u041a\u0422\u0418 \u0414\u043e\u0431\u0456\u0440\u043a\u0430 \u043f\u0440\u043e\u0454\u043a\u0442\u0456\u0432, \u044f\u043a\u0456 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0443\u044e\u0442\u044c \u043c\u0456\u0439 \u043f\u0456\u0434\u0445\u0456\u0434 \u0434\u043e \u0440\u043e\u0437\u0440\u043e\u0431\u043a\u0438, \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0456\u0457 \u0442\u0430 \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 digital-\u0440\u0456\u0448\u0435\u043d\u044c. \u041a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0438\u0439 \u0441\u0430\u0439\u0442 \u0434\u043b\u044f STS Company \u0421\u0443\u0447\u0430\u0441\u043d\u0438\u0439 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cv.brainbit.online\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cv.brainbit.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cv.brainbit.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cv.brainbit.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cv.brainbit.online\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":119,"href":"https:\/\/cv.brainbit.online\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":254,"href":"https:\/\/cv.brainbit.online\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/254"}],"wp:attachment":[{"href":"https:\/\/cv.brainbit.online\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}