-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathiframe.html
131 lines (114 loc) · 7.35 KB
/
iframe.html
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE HTML>
<!--
Stellar by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<!-- Demo - Follow the below steps to update your new instanct of the demo site to be your own -->
<!-- Demo - Search for 'Demo' to find things you need to update to make this deployment your own -->
<!-- Demo - For fresh demo site deployments, if you plan to use the EveryStep script to generate page and feature clicks in Pendo snipet set to 'Test Visitor 1' -->
<!-- Demo - For fresh demo site deployments, if you plan to use the EveryStep script to generate page and feature clicks in Pendo snipet set to 'Test Account 1' -->
<!-- Demo - For fresh demo site deployments, enter your own Pendo API key value -->
<!-- Demo - Find and replace all instances of 'heffraleigh' with your own GitHub user id -->
<html>
<head>
<title>iFrame</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<script>
(function(apiKey){
(function(p,e,n,d,o){var v,w,x,y,z;o=p[d]=p[d]||{};o._q=[];
v=['initialize','identify','updateOptions','pageLoad'];for(w=0,x=v.length;w<x;++w)(function(m){
o[m]=o[m]||function(){o._q[m===v[0]?'unshift':'push']([m].concat([].slice.call(arguments,0)));};})(v[w]);
y=e.createElement(n);y.async=!0;y.src='https://cdn.pendo.io/agent/static/'+apiKey+'/pendo.js';
z=e.getElementsByTagName(n)[0];z.parentNode.insertBefore(y,z);})(window,document,'script','pendo');
// Call this whenever information about your visitors becomes available
// Please use Strings, Numbers, or Bools for value types.
pendo.initialize({
visitor: {
id: 'Test Visitor 1' // Demo - For fresh demo site deployments set to 'Test Visitor 1' if not already set at that value
// email: // Optional
// role: // Optional
// You can add any additional visitor level key-values here,
// as long as it's not one of the above reserved names.
},
account: {
id: 'Test Account 1' // Demo - For fresh demo site deployments set to 'Test Account 1' if not already set at that value
// name: // Optional
// planLevel: // Optional
// planPrice: // Optional
// creationDate: // Optional
// You can add any additional account level key-values here,
// as long as it's not one of the above reserved names.
}
});
})('e4ad0e76-a927-439e-5de1-194f5ff01586'); // Demo - Enter your own Pendo API key value here
</script>
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<h1>iFrame</h1>
<p>Example of Pendo in iFrame</p>
</header>
<ul class="actions">
<li><a href="./" class="button">Home</a></li>
</ul>
<!-- Main -->
<div id="main">
<!-- Content -->
<section id="content" class="main">
<span class="image main"><img src="images/pic04.jpg" alt="" /></span>
<h2>iFrame content</h2>
<p>More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. </p>
<p>More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. </p>
<h2>iFrame content 2</h2>
<p>More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. More iFrame content. </p>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<h2>About us</h2>
<p>SNo site would be complete without an About us section with relevant info.</p>
<ul class="actions">
<li><a href="#" class="button">Learn More</a></li>
</ul>
</section>
<section>
<h2>Acme Product Management Company</h2>
<dl class="alt">
<dt>Address</dt>
<dd>1234 Somewhere Road • Nashville, TN 00000 • USA</dd>
<dt>Phone</dt>
<dd>(000) 000-0000 x 0000</dd>
<dt>Email</dt>
<dd><a href="#">information@untitled.tld</a></dd>
</dl>
<ul class="icons">
<li><a href="#" class="icon fa-twitter alt"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook alt"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram alt"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github alt"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon fa-dribbble alt"><span class="label">Dribbble</span></a></li>
</ul>
</section>
<p class="copyright">© Untitled. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>