https://example.org/ Recent content in Dmytro Yakovets | Portfolio on Hugo en-us Mon, 01 Jan 0001 00:00:00 +0000 https://example.org/my-skills-portfolio/ Mon, 01 Jan 0001 00:00:00 +0000 https://example.org/my-skills-portfolio/ <hr> <style> /* 1. RESET THEME BOXES - Allows blue bar to touch both edges */ .ph3, .ph4-m, .ph5-l, .mw7, .mw8, .mw9 { max-width: 100% !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* 2. TOP NAV BAR - Force Navy Blue & Full Width */ header nav { background-color: #001b3a !important; width: 100% !important; display: flex !important; justify-content: center !important; /* Centers the 1250px box */ } /* 3. NAV CONTENT - Name on Left, Buttons on Right */ header nav .flex-l { max-width: 1250px !important; width: 100% !important; margin: 0 auto !important; padding: 10px 20px !important; display: flex !important; justify-content: space-between !important; /* Pushes items to opposite ends */ align-items: center !important; } /* 4. THE MENU LIST - Double-check it pushes Right */ header nav ul { display: flex !important; margin-left: auto !important; list-style: none !important; padding: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } header nav li { margin-left: 30px !important; } /* 5. TITLE AREA & CONTENT BOX */ .custom-header { background-color: #001b3a; width: 100%; padding: 60px 0; color: white; text-align: center; margin: 0 !important; } .content-wrapper { max-width: 1250px; margin: 40px auto !important; width: 90%; line-height: 1.6; font-size: 1.1rem; } /* 6. CLEANUP */ .tc-l.pv4.pv6-l.ph3.ph4-ns { display: none !important; } footer { background-color: #001b3a !important; padding: 60px 0 !important; color: white !important; } html, body { overflow-x: hidden; } </style> <div class="custom-header"> <h1 style="margin: 0; font-size: 3rem;">My Skills Portfolio</h1> </div> <div class="content-wrapper"> <h1 id="crafting-learning-journeys-the-art-of-course-design">Crafting Learning Journeys: The Art of Course Design</h1> <div class="content-wrapper"> <hr style="border: none; border-top: 5px solid black; margin: 40px 0;"> <div style="display: flex; align-items: center; justify-content: space-between; gap: 50px; flex-wrap: wrap; margin-bottom: 80px;"> <div style="flex: 1; min-width: 300px;"> <h2 style="font-size: 2.2rem; color: #001b3a; margin-top: 0;">My Expertise</h2> <p>I begin by spinning scenarios in a simple Word doc. These stories aren’t just tales; they’re the backbone of each course. Think of them like the plot of your favorite movie—they capture attention, make content memorable, and guide learners through a meaningful journey. Starting with storytelling isn’t just a creative touch; it’s the secret sauce that makes learning stick and transforms courses into engaging experiences</p>