-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
89 lines (72 loc) · 3 KB
/
index.htm
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!doctype html>
<html xml:lang="de" lang="de">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>iframe simulation</title>
<style>
:root {
--bg-color: #f5f5f5;
--color-1: #d5e2f3;
}
html {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
}
body {
margin: 0;
padding: 0;
background-color: var(--bg-color);
font-size: 16px;
line-height: 1.3;
}
body * {
box-sizing: border-box;
padding: 0;
margin: 0;
}
#JobViewHeader {
background-color: var(--color-1);
padding: 40px;
}
#JobPreview {
max-width: 900px;
margin: auto;
}
iframe#JobPreviewSandbox {
width: 100%;
}
</style>
</head>
<body>
<div id="JobViewHeader">
<strong>iframe simulation</strong> Lorem ipsum dolor sit amet consectetur
adipisicing elit. Beatae animi nobis pariatur iure accusantium tenetur voluptas
asperiores dolorum atque labore! Est earum corporis similique. Non quam eius illo
amet distinctio minus sit consequatur maiores enim repellendus perspiciatis
perferendis recusandae voluptatem consequuntur modi voluptates itaque, sequi ad!
Rem impedit non harum labore quo necessitatibus quis eos, incidunt accusantium
explicabo. Eum quidem inventore a aut ducimus harum consectetur fugit, quod
commodi iusto, sit vero quasi, iste soluta molestiae recusandae ipsam alias quia
quaerat eius? Temporibus adipisci rem, corrupti rerum ullam fuga aut quidem soluta
ipsam ipsum natus magnam vel fugiat odit cupiditate.
<br /><br />
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Earum quod voluptates
animi et, commodi officiis magni porro expedita quasi voluptas quos rerum cum sed
numquam ea error quis nostrum, suscipit perferendis? Perspiciatis, tempore
repellendus deleniti porro ex eveniet neque dolor odit aliquam beatae eos!
Necessitatibus voluptates labore tenetur ea placeat sunt officia vitae nemo,
magni, dolores itaque voluptatem veritatis. Vero, impedit tempore ipsa ducimus
quibusdam enim. Enim vero quos similique excepturi recusandae quod debitis!
Distinctio incidunt neque minima inventore, aut consectetur quaerat earum libero
vitae recusandae ex id, nam cumque deleniti maxime exercitationem nisi! Quasi
perspiciatis et blanditiis ad eveniet.
</div>
<div id="JobPreview">
<iframe src="eb_template.htm" frameborder="0" id="JobPreviewSandbox">
</iframe>
</div>
</body>
</html>