HTML - Posicionamiento CSS y media querries - SIN bootstrap

¿Alguien podría ayudarme a realizar este diseño?

Necesito practicar el posicionamiento en general y las media querries,pero es mi punto debil, sobre todo las media querries , y este ejemplo ya está pudiendo conmigo poco a poco.

Si alguien pudiera enviarme el html me ayudaría mucho, si incluyera comentarios se lo agradecería aun más dado que me facilitaría comprender mejor el posicionamiento, pero bueno, tan solo el html sin comentar ya lo agradecería mucho.

Muchas gracias de antemano, y lamento las molestias
Esto del Bootstrap simplifica mucho la vida, pero luego cuando necesitamos hacerlo todo a mano ya hemos perdido la práctica

Cualquier aporte, por pequeño que sea será de ayuda

Muchas gracias, un saludo

Saludos fernando,

https://developer.mozilla.org/es/docs/CSS/Media_queries

https://www.w3schools.com/css/css3_mediaqueries_ex.asp

https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_media3

Con estas referencias, ya puedes empezar a experimentar y adaptar todos tus proyectos. Lo de Boots... no es nada importante por ahora, se basa en lo mismo que sí tienes que aprender: JavaScript y CSS.

Espero sea útil.

Muchas gracias por el aporte, me lo leeré para documentarme y aprender más sobre ello.



Muchas gracias,
Un saludo