Site for Marathon. Stage 1/6

Embed iframes

Report a typo

Description

Let's start creating the landing page by adding two iframes to the page.

The first iframe should contain a motivational video for runners from YouTube. You can choose any video that inspires and motivates runners to participate in the race.

The second iframe will display the London weather forecast. Use the weather widget from meteoblue. Please configure the widget to display the weather of London for 7 days, including the icon, minimum and maximum temperature, wind speed and direction.

Wrap each iframe in a block with an iframe-container class to further work with the styles.

Objectives

At the first stage, you should have:

  • iframe with an embedded Youtube video;

  • iframe with a weather widget;

  • Each iframe must be wrapped in a block with a class iframe-container

Example

Write a program
IDE integration
Checking the IDE status
___

Create a free account to access the full topic