-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Iframe : vídeo, google maps, google docs no site
- Loading branch information
1 parent
66b4be0
commit 06ad8c2
Showing
1 changed file
with
65 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,65 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="pt-br"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Adicionando conteúdos</title> | ||
| </head> | ||
| <body> | ||
| <h1>Couteúdos dentro de iframe</h1> | ||
| <p> | ||
| Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus in, sed | ||
| at nesciunt beatae suscipit quasi! Dignissimos necessitatibus quas quae | ||
| beatae, sapiente eius, ullam, quam labore odit amet a quaerat. Lorem ipsum | ||
| dolor, sit amet consectetur adipisicing elit. Aliquam labore suscipit, | ||
| placeat quod itaque illum, odio tempore assumenda totam atque ipsa, in | ||
| commodi accusantium. Enim nam accusamus tempora quis id. Lorem, ipsum | ||
| dolor sit amet consectetur adipisicing elit. Deserunt recusandae quidem | ||
| soluta est alias velit, placeat ullam id fugiat doloribus asperiores | ||
| architecto iure in saepe doloremque laborum obcaecati dolore voluptas! | ||
| Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquid et | ||
| expedita suscipit quisquam officia, nam provident eos aut, assumenda | ||
| tenetur ex? Officiis neque suscipit et, nesciunt laudantium amet id | ||
| tenetur! Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi, | ||
| pariatur commodi modi aspernatur suscipit accusantium nostrum laborum ut | ||
| numquam fuga dolore quasi maxime, similique veritatis a iste tempore! | ||
| Animi, deleniti. | ||
| </p> | ||
| <h2>Vídeos</h2> | ||
| <div style="padding: 62.5% 0 0 0; position: relative"> | ||
| <iframe | ||
| src="https://player.vimeo.com/video/84868036?h=ec184e5002" | ||
| style="position: absolute; top: 0; left: 0; width: 100%; height: 100%" | ||
| frameborder="0" | ||
| allow="autoplay; fullscreen; picture-in-picture" | ||
| allowfullscreen | ||
| ></iframe> | ||
| </div> | ||
| <script src="https://player.vimeo.com/api/player.js"></script> | ||
| <hr /> | ||
| <h2>Mapas do Google</h2> | ||
| <iframe | ||
| src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d468359.18950773356!2d-47.461292110937514!3d-23.4944863!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94cf03c20ecb7937%3A0x315846dde9e78c35!2sHostnet%20-%20Cria%C3%A7%C3%A3o%20de%20Sites%2C%20Emails%2C%20Hospedagem!5e0!3m2!1spt-BR!2sbr!4v1712064845605!5m2!1spt-BR!2sbr" | ||
| width="400" | ||
| height="300" | ||
| allowfullscreen="" | ||
| loading="lazy" | ||
| referrerpolicy="no-referrer-when-downgrade" | ||
| ></iframe> | ||
| <hr /> | ||
| <h2>Mapas Waze</h2> | ||
| <iframe | ||
| src="https://embed.waze.com/iframe?zoom=16&lat=-23.586922&lon=-46.681645&ct=livemap" | ||
| width="400" | ||
| height="300" | ||
| allowfullscreen | ||
| ></iframe> | ||
| <hr /> | ||
| <h2>Google Documents</h2> | ||
| <iframe | ||
| src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQzZZ2AejkGqh2LTglP7pvCl9H_pVfHbaedr1W5RkzJbIAidgyTC7Idpfx4lFPYMeWwDyHqXz3w8g9D/pubhtml?widget=true&headers=false" | ||
| width="400" | ||
| height="300" | ||
| ></iframe> | ||
| </body> | ||
| </html> |