-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
49 lines (48 loc) · 1.71 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="style.css" />
<link
href="https://fonts.googleapis.com/css?family=Overpass:400,600"
rel="stylesheet"
class="next-head"
/>
<title>Gumroad Demo</title>
</head>
<body>
<div class="wrapper">
<div class="overlay-demo">
<div class="heading">Multiple Overlay Popups</div>
<div class="sub-heading">
I have made it so that you can have as many products as you want
without impacting the page load of the website. This is because the
iframes don't get loaded before the user clicks on the buy buttons.
</div>
<a class="gumroad-button" href="https://gum.co/cssscan">Buy CSS Scan</a>
<a class="gumroad-button" href="https://gum.co/demo"
>Buy Demo Product</a
>
</div>
<div class="embed-demo">
<div class="heading">Embedded Widget</div>
<div class="sub-heading">
You can also easily embed a widget and it will get loaded immediately.
If you don't run this after page load and if you have mulitple of
them, it could seriously impact the page load time. Use them sparsely
or make use of lazy loading to load them only if they get into the
user's view.
</div>
<a
class="gumroad-embed-source"
href="https://gum.co/cssscan"
data-display-style="embed"
>Loading...</a
>
</div>
</div>
<script src="gumroadDev.js"></script>
</body>
</html>