iFrame - Turbo Kid

Pour cet exercice, vous devrez utiliser un iFrame afin de réaliser une page promotionnelle du film québécois Turbo Kid.

Aperçu du résultat 👇

Matériel

Médias 🖼️

Arrière-plan
https://ex.smnarnold.com/iframe/turbo-kid/bg.webp

Requis

  1. Créez-vous un Pen sur CodePen et faites en sorte que l'image d'arrière-plan fournie recouvre entièrement la page et que le focus soit mis sur la partie du bas de l'image afin que celle-ci ne soit jamais rognée.

  2. Créez ensuite un iFrame de 400x300px positionné dans le coin supérieur droit de la page ↗️ et faites en sorte qu'il contienne cette page web.

  3. Remplacez le iFrame actuel par la trame sonore du film réalisé par le groupe québécois Le Matos. Pour ce faire, allez sur la page Soundcloud de la chanson et choisissez l'option "Share" suivie de "Embed" afin d'obtenir le code d'un nouveau iFrame.

Notes de cours 📚