HTML ile ilgili yardıma ihtiyacım var

Merhaba, aşağıdaki görseldeki gibi bir index.html oluşturmam gerekiyor, fakat organizasyon şemasının mantığını anlayamadım.
Çizgiden sonra ve sağ tarafta bu organizasyon şemasını nasıl oluşturabilirim, yardımcı olur musunuz?

eğer ilgili kısım css ile özel çizmeniz istenmediyse photoshop vb programlar ile görselini oluşturup img olarak ekleyebilirsiniz daha mantıklı olacaktır.

Amaç o şemayı oluşturup mantığını anlamak hocam tam olarak görseldeki gibi bir şey olmalı neden bu kadar zor olduğunu anlayamadım ya chatgpt bile yapamıyor

zor değil aslında ana yapıyı flex ile kurup yan ve üst dalları before ve after ile ayarlanabilir

İşte bahsettiğiniz kadar bilgim yok hocam sizin varsa yardımcı olabilir misiniz acaba?

olurum benzer bir modeli codepen de oluşturup bağlantıyı pm ile yollarım

Teşekkür ederim hocam, kodları inceleyerek mantığı anlamaya çalışırım ben de

css kullanırsanız işiniz daha çok kolaylaşır.

https://jwcooney.com/2016/08/21/exam...y-tree-markup/ burdan ilerleyebilirsin sanırım