{"id":109,"date":"2022-12-30T22:15:36","date_gmt":"2022-12-30T21:15:36","guid":{"rendered":"https:\/\/juanofrias.com.ar\/art\/?page_id=109"},"modified":"2026-08-18T15:08:09","modified_gmt":"2026-08-18T14:08:09","slug":"courses","status":"publish","type":"page","link":"https:\/\/www.juanofrias.com.ar\/art\/courses\/","title":{"rendered":"Courses"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"109\" class=\"elementor elementor-109\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4de336a e-flex e-con-boxed e-con e-parent\" data-id=\"4de336a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0c87b5 elementor-widget elementor-widget-html\" data-id=\"f0c87b5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Juano Fr\u00edas \u2014 Courses (engraved plate)<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Libre+Caslon+Display&family=Libre+Caslon+Text:ital@0;1&family=Space+Grotesk:wght@400;500;600&family=Inter:opsz,wght@14..32,400;14..32,500&display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --bg:#121212;\n    --bg-alt:#202020;\n    --surface:#404040;\n    --text:#f3f1ea;\n    --text-dim:#918c80;\n    --accent:#b3814a;\n    --accent-hover:#d9a86a;\n    --line:#383838;\n    --btn-ink:#17140f;\n  }\n  section.light{\n    --bg:#f6f4ee;\n    --bg-alt:#e2dfd6;\n    --surface:#ffffff;\n    --text:#1a1712;\n    --text-dim:#6b6252;\n    --accent:#96652f;\n    --accent-hover:#7a4f22;\n    --line:#dcd8cc;\n  }\n  html, body{background:var(--bg) !important; color:var(--text) !important;}\n  *{box-sizing:border-box; margin:0; padding:0;}\n  html{scroll-behavior:smooth;}\n  body{\n    background:var(--bg); color:var(--text) !important;\n    font-family:'Inter',sans-serif; line-height:1.55;\n  }\n  img{display:block; max-width:100%;}\n  a{color:inherit !important; text-decoration:none;}\n  .wrap{max-width:1160px; margin:0 auto; padding:0 40px;}\n  em{font-style:italic; color:var(--accent-hover) !important;}\n\n  \/* ---------- plate frame w\/ hatch corners ---------- *\/\n  .plate{\n    position:relative; border:1px solid var(--accent); padding:5px;\n  }\n  .plate::before{\n    content:\"\"; position:absolute; inset:0; border:1px solid rgba(179,129,74,0.35);\n    margin:5px; pointer-events:none;\n  }\n  .hatch{\n    position:absolute; width:26px; height:26px; z-index:2; opacity:0.85;\n  }\n  .hatch svg{width:100%; height:100%;}\n  .hatch.tl{top:-1px; left:-1px;}\n  .hatch.tr{top:-1px; right:-1px; transform:scaleX(-1);}\n  .hatch.bl{bottom:-1px; left:-1px; transform:scaleY(-1);}\n  .hatch.br{bottom:-1px; right:-1px; transform:scale(-1,-1);}\n\n  .plate-photo{overflow:hidden;}\n  .plate-photo img{\n    filter:grayscale(1) sepia(0.18) contrast(1.12) brightness(0.92);\n  }\n  .plate-photo .tint{\n    position:absolute; inset:5px; background:var(--accent);\n    mix-blend-mode:multiply; opacity:0.14; pointer-events:none;\n  }\n  .plate-photo.no-filter img{filter:none;}\n\n  \/* ---------- eyebrow \/ plate number ---------- *\/\n  .eyebrow{\n    font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:17px;\n    letter-spacing:0.12em; text-transform:uppercase; color:var(--accent-hover) !important;\n    display:flex; align-items:center; gap:14px; margin-bottom:24px;\n  }\n  .eyebrow::after{content:\"\"; flex:1; height:1px; background:var(--line);}\n\n  \/* ---------- Header ---------- *\/\n  header{position:sticky; top:0; z-index:50; background:rgba(13,15,11,0.92); backdrop-filter:blur(6px); border-bottom:1px solid var(--line);}\n  nav.wrap{display:flex; align-items:center; justify-content:space-between; height:80px;}\n  .logo{font-family:'Libre Caslon Display',serif; font-size:26px; letter-spacing:0.02em; color:var(--text) !important; display:flex; align-items:center; gap:12px;}\n  .logo img{height:52px; width:auto; display:block;}\n  .navlinks{display:flex; gap:34px; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:19px; letter-spacing:0.04em; text-transform:uppercase;}\n  .navlinks a{color:var(--text-dim) !important; transition:color .2s;}\n  .navlinks a:hover, .navlinks a.current{color:var(--accent-hover) !important;}\n  .cart{display:flex; align-items:center; gap:6px; font-family:'Space Grotesk',sans-serif; font-size:14px; letter-spacing:0.05em; text-transform:uppercase; color:var(--text-dim) !important; border:1px solid var(--line); padding:9px 16px;}\n  .cart:hover{border-color:var(--accent) !important; color:var(--text) !important;}\n\n  \/* ---------- Hero ---------- *\/\n  .hero{position:relative; padding:0; min-height:560px; display:flex; align-items:center; overflow:hidden;}\n  .hero-bg{position:absolute; inset:0; z-index:0;}\n  .hero-bg img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1.4s ease;}\n  .hero-bg img.active{opacity:1;}\n  .hero-bg::after{content:\"\"; position:absolute; inset:0; background:linear-gradient(100deg, rgba(8,7,5,0.8) 0%, rgba(8,7,5,0.48) 38%, rgba(8,7,5,0.08) 68%, rgba(8,7,5,0) 82%);}\n  .hero .wrap{position:relative; z-index:1; margin:0; padding-top:100px; padding-bottom:80px;}\n  .hero-copy{max-width:560px;}\n  .hero h1{font-family:'Libre Caslon Display',serif; font-weight:400; font-size:clamp(34px,4.4vw,58px); line-height:1.08; margin-bottom:20px; color:var(--text) !important; text-shadow:0 2px 20px rgba(0,0,0,0.6);}\n  .hero p.sub{font-family:'Libre Caslon Text',serif; font-style:italic; font-size:18px; color:var(--text-dim) !important; max-width:460px; margin-bottom:32px; text-shadow:0 1px 14px rgba(0,0,0,0.6);}\n  .hero .eyebrow{text-shadow:0 1px 14px rgba(0,0,0,0.6);}\n  .hero-ctas{display:flex; gap:22px; flex-wrap:wrap;}\n  .hero-ctas .btn.ghost{background:rgba(8,7,5,0.35); border-color:rgba(243,241,234,0.4) !important; color:var(--text) !important; text-shadow:0 1px 8px rgba(0,0,0,0.7);}\n  .hero-ctas .btn.ghost:hover{background:rgba(8,7,5,0.5); border-color:var(--accent) !important;}\n  .btn{\n    display:inline-flex; align-items:center; gap:9px;\n    font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:13.5px; letter-spacing:0.06em; text-transform:uppercase;\n    padding:15px 28px; border:1px solid var(--accent); background:var(--accent); color:var(--btn-ink) !important;\n    transition:background .2s, color .2s;\n  }\n  .btn:hover{background:var(--accent-hover); border-color:var(--accent-hover) !important;}\n  .btn.ghost{background:transparent; border-color:var(--line) !important; color:var(--text-dim) !important;}\n  .btn.ghost:hover{border-color:var(--accent) !important; color:var(--text) !important;}\n\n  \/* ---------- Sections ---------- *\/\n  section{padding:100px 0; background:var(--bg);}\n  section.alt{background:var(--bg-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}\n  section.light{border-top:1px solid var(--line); border-bottom:1px solid var(--line);}\n\n  \/* ---------- Product \/ course detail split ---------- *\/\n  .product{display:grid; grid-template-columns:0.8fr 1fr; gap:56px; align-items:center;}\n  .product-photo{aspect-ratio:4\/5;}\n  .product-photo img{width:100%; height:100%; object-fit:cover;}\n  .product-copy .tag{font-family:'Space Grotesk',sans-serif; font-size:11.5px; letter-spacing:0.12em; text-transform:uppercase; color:var(--accent-hover) !important; margin-bottom:16px;}\n  .product-copy h3{font-family:'Libre Caslon Display',serif; font-weight:400; font-size:clamp(28px,3.2vw,42px); margin-bottom:18px; color:var(--text) !important;}\n  .product-copy p{color:var(--text-dim) !important; font-size:15.5px; margin-bottom:12px; max-width:460px;}\n  .product-price{display:flex; align-items:baseline; gap:12px; margin:22px 0 28px;}\n  .product-price .now{font-family:'Libre Caslon Display',serif; font-size:30px;}\n  .product-price .label{font-family:'Space Grotesk',sans-serif; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--accent-hover) !important;}\n\n  \/* ---------- Checklist ---------- *\/\n  .checklist{list-style:none; margin:18px 0 28px;}\n  .checklist li{padding-left:22px; position:relative; color:var(--text-dim); font-size:14.5px; margin-bottom:10px;}\n  .checklist li::before{content:\"\u2014\"; position:absolute; left:0; color:var(--accent-hover);}\n\n  footer{padding:64px 0 46px; border-top:1px solid var(--line);}\n  .footer-top{display:flex; justify-content:space-between; align-items:flex-start; gap:24px; flex-wrap:wrap; margin-bottom:40px;}\n  footer .logo{margin-bottom:8px; color:var(--text) !important;}\n  footer .addr{color:var(--text-dim) !important; font-size:13.5px; max-width:280px;}\n  .foot-links{display:flex; gap:26px; font-family:'Space Grotesk',sans-serif; font-size:12.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--text-dim) !important;}\n  .foot-links a:hover{color:var(--accent-hover) !important;}\n  .foot-bottom{padding-top:22px; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:var(--text-dim) !important; font-size:11.5px;}\n\n  .hamburger{\n    display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:8px;\n  }\n  .hamburger span{width:24px; height:2px; background:var(--text);}\n  @media (max-width:820px){\n    .hamburger{display:flex;}\n    .navlinks{\n      display:none; position:absolute; top:80px; left:0; right:0;\n      flex-direction:column; gap:0; background:var(--bg-alt); border-bottom:1px solid var(--line);\n    }\n    .navlinks.open{display:flex;}\n    .navlinks a{padding:18px 24px; font-size:20px; border-bottom:1px solid var(--line);}\n    .cart{display:none;}\n    .hero{min-height:460px;}\n    .hero .wrap{padding-top:70px; padding-bottom:50px;}\n    .hero-copy{max-width:100%;}\n    .product{grid-template-columns:1fr;}\n    section{padding:70px 0;}\n    .wrap{padding:0 22px;}\n  }\n<\/style>\n<\/head>\n<body>\n\n<header>\n  <nav class=\"wrap\">\n    <a href=\"https:\/\/www.juanofrias.com.ar\/art\/\" class=\"logo\">\n      <img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2026\/08\/IMG_2957-scaled.png\" alt=\"Juano Fr\u00edas logo\" title=\"Juano Fr\u00edas tattoo artist oil painter\">\n      Juano Fr\u00edas\n    <\/a>\n    <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Open menu\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n    <div class=\"navlinks\" id=\"navlinks\">\n      <a href=\"https:\/\/www.juanofrias.com.ar\/art\/bio\/\">Bio<\/a>\n      <a href=\"https:\/\/www.juanofrias.com.ar\/art\/about\/\">Art<\/a>\n      <a href=\"https:\/\/www.juanofrias.com.ar\/art\/gallery\/\">Tattoo<\/a>\n      <a href=\"https:\/\/www.juanofrias.com.ar\/art\/courses\/\" class=\"current\">Courses<\/a>\n      <a href=\"https:\/\/www.juanofrias.com.ar\/art\/shop-2\/\">Shop<\/a>\n      <a href=\"https:\/\/www.juanofrias.com.ar\/art\/contact\/\">Contact<\/a>\n    <\/div>\n    <a href=\"https:\/\/www.juanofrias.com.ar\/art\/shop-2\/\" class=\"cart\">Cart (0)<\/a>\n  <\/nav>\n<\/header>\n\n<section class=\"hero\">\n  <div class=\"hero-bg\">\n    <img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2026\/08\/DSC02981-scaled.jpg\" alt=\"Painting course\" title=\"Juano Fr\u00edas tattoo artist oil painter\">\n    <img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2025\/05\/IMG_2748.jpg\" alt=\"Plein Air in Florence\" title=\"Juano Fr\u00edas tattoo artist oil painter\">\n    <img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2025\/05\/madoc.jpg\" alt=\"Painting course\" title=\"Juano Fr\u00edas tattoo artist oil painter\">\n  <\/div>\n  <div class=\"wrap\">\n    <div class=\"hero-copy\">\n      <div class=\"eyebrow\">Courses<\/div>\n      <h1>Learn the method, directly from me.<\/h1>\n      <p class=\"sub\">Two ways in: a self-paced online course, or painting outdoors with me in Florence.<\/p>\n      <div class=\"hero-ctas\">\n        <a href=\"https:\/\/www.juanofrias.com.ar\/art\/course\/\" class=\"btn\">Enroll in the online course \u2192<\/a>\n        <a href=\"#plein-air\" class=\"btn ghost\">Inquire about Plein Air \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"online\" class=\"light\">\n  <div class=\"wrap product\">\n    <div class=\"plate product-photo\">\n      <div class=\"hatch tl\"><svg viewBox=\"0 0 26 26\"><path d=\"M0 0 L26 0 M0 0 L0 26 M0 4 L4 0 M0 9 L9 0 M0 14 L14 0 M0 19 L19 0 M0 24 L24 0\" stroke=\"#b3814a\" stroke-width=\"0.7\" fill=\"none\"\/><\/svg><\/div>\n      <div class=\"hatch br\"><svg viewBox=\"0 0 26 26\"><path d=\"M0 0 L26 0 M0 0 L0 26 M0 4 L4 0 M0 9 L9 0 M0 14 L14 0 M0 19 L19 0 M0 24 L24 0\" stroke=\"#b3814a\" stroke-width=\"0.7\" fill=\"none\"\/><\/svg><\/div>\n      <div class=\"plate-photo no-filter\" style=\"position:relative;\">\n        <img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2026\/06\/finalminiorne.jpg\" alt=\"Emotional oil portraiture course\" title=\"Juano Fr\u00edas tattoo artist oil painter\">\n      <\/div>\n    <\/div>\n    <div class=\"product-copy\">\n      <div class=\"tag\">Online course \u00b7 4 hours<\/div>\n      <h3>Emotional oil portraiture<\/h3>\n      <p>From blank canvas to finished piece \u2014 everything I do when I paint a portrait, explained step by step and recorded so you can rewatch any part as many times as you need.<\/p>\n      <ul class=\"checklist\">\n        <li>Priming and canvas preparation<\/li>\n        <li>Loose figure and portrait drawing<\/li>\n        <li>Color blocking and value structure<\/li>\n        <li>Layering, glazing and final resolution<\/li>\n        <li>Downloadable reference photography<\/li>\n      <\/ul>\n      <div class=\"product-price\">\n        <span class=\"now\">\u20ac59<\/span>\n        <span class=\"label\">One-time payment<\/span>\n      <\/div>\n      <a href=\"https:\/\/www.juanofrias.com.ar\/art\/course\/\" class=\"btn\">Enroll now \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"plein-air\">\n  <div class=\"wrap product\">\n    <div class=\"plate product-photo\">\n      <div class=\"hatch tl\"><svg viewBox=\"0 0 26 26\"><path d=\"M0 0 L26 0 M0 0 L0 26 M0 4 L4 0 M0 9 L9 0 M0 14 L14 0 M0 19 L19 0 M0 24 L24 0\" stroke=\"#b3814a\" stroke-width=\"0.7\" fill=\"none\"\/><\/svg><\/div>\n      <div class=\"hatch br\"><svg viewBox=\"0 0 26 26\"><path d=\"M0 0 L26 0 M0 0 L0 26 M0 4 L4 0 M0 9 L9 0 M0 14 L14 0 M0 19 L19 0 M0 24 L24 0\" stroke=\"#b3814a\" stroke-width=\"0.7\" fill=\"none\"\/><\/svg><\/div>\n      <div class=\"plate-photo no-filter\" style=\"position:relative;\">\n        <img decoding=\"async\" src=\"https:\/\/www.juanofrias.com.ar\/art\/wp-content\/uploads\/2025\/05\/IMG_2748.jpg\" alt=\"Plein Air in Florence\" title=\"Juano Fr\u00edas tattoo artist oil painter\">\n      <\/div>\n    <\/div>\n    <div class=\"product-copy\">\n      <div class=\"tag\">In person \u00b7 Florence<\/div>\n      <h3>Plein Air in Florence<\/h3>\n      <p>Paint outdoors in the heart of the Renaissance \u2014 small-group sessions in the light and landscape that shaped the old masters.<\/p>\n      <p>Dates, format and pricing are still being finalized \u2014 get in touch and I'll follow up as soon as they're confirmed.<\/p>\n      <div class=\"product-price\">\n        <span class=\"now\">Inquire<\/span>\n        <span class=\"label\">Limited spots<\/span>\n      <\/div>\n      <a href=\"https:\/\/www.juanofrias.com.ar\/art\/florence-plein-air\/\" class=\"btn ghost\">Register your interest \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<footer>\n  <div class=\"wrap\">\n    <div class=\"footer-top\">\n      <div>\n        <div class=\"logo\">Juano Fr\u00edas<\/div>\n        <div class=\"addr\">Painter and tattoo artist, based in Florence.<\/div>\n      <\/div>\n      <div class=\"foot-links\">\n        <a href=\"https:\/\/www.instagram.com\/juanofrias\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n        <a href=\"https:\/\/www.youtube.com\/@JuanoFrias\" target=\"_blank\" rel=\"noopener\">YouTube<\/a>\n        <a href=\"https:\/\/www.juanofrias.com.ar\/art\/contact\/\">Contact<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"foot-bottom\">\n      <span>\u00a9 2026 Juano Fr\u00edas<\/span>\n      <span>Redesign proposal \u2014 not the live site<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n\n<script>\n  document.getElementById('hamburger').addEventListener('click', function(){\n    document.getElementById('navlinks').classList.toggle('open');\n  });\n\n  var heroSlides = document.querySelectorAll('.hero-bg img');\n  if(heroSlides.length > 1){\n    var heroSlideIndex = 0;\n    heroSlides[0].classList.add('active');\n    setInterval(function(){\n      heroSlides[heroSlideIndex].classList.remove('active');\n      heroSlideIndex = (heroSlideIndex + 1) % heroSlides.length;\n      heroSlides[heroSlideIndex].classList.add('active');\n    }, 5000);\n  }\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\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>Juano Fr\u00edas \u2014 Courses (engraved plate) Juano Fr\u00edas Bio Art Tattoo Courses Shop Contact Cart (0) Courses Learn the method, directly from me. Two ways in: a self-paced online course, or painting outdoors with me in Florence. Enroll in the online course \u2192 Inquire about Plein Air \u2192 Online course \u00b7 4 hours Emotional oil [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_eb_attr":"","pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-109","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/comments?post=109"}],"version-history":[{"count":53,"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages\/109\/revisions"}],"predecessor-version":[{"id":1307,"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/pages\/109\/revisions\/1307"}],"wp:attachment":[{"href":"https:\/\/www.juanofrias.com.ar\/art\/wp-json\/wp\/v2\/media?parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}