peconn.github.io/iframe.html at master · PEConn/peconn.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<html>
  <head><title>Input test</title></head>
  <style type="text/css">
    body {
      margin: 40px auto;
      max-width: 650px;
      line-height: 1.6;
      font-size: 18px;
      color: #444;
      padding: 0 10px;
    }

    h1, h2, h3 {
      line-height: 1.2;
    }

    input, textarea, button {
      font-size: 18px;
      margin: 0.5em 0;
      box-sizing: border-box;
    }
  </style>
<body>

  <h1>My site</h1>

    <p>Some text.</p>

  <p>And now for an iframe:</p>

  <iframe src="https://example.cypress.io/" width="100%" height="500px" title="Example"></iframe>

    <p>And another one:</p>

    <iframe src="https://www.openstreetmap.org/export/embed.html?bbox=-0.14,51.50,-0.12,51.51&layer=mapnik" width="100%" height="500px" title="OpenStreetMap"></iframe>

</div>
</body>
</html>