Skip to content

Commit 7e4eac8

Browse files
committed
feat: update styling
1 parent cc4a19d commit 7e4eac8

2 files changed

Lines changed: 32 additions & 35 deletions

File tree

index.html

Lines changed: 13 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,11 @@
1313
<body>
1414
<div class="github-star-container">
1515
<iframe
16-
src="https://ghbtns.com/github-btn.html?user=SimplePDF&repo=simplepdf-embed&type=star&count=true"
16+
src="https://ghbtns.com/github-btn.html?user=SimplePDF&repo=simplepdf-embed&type=star&count=true&size=large"
1717
frameborder="0"
1818
scrolling="0"
19-
width="100"
20-
height="20"
19+
width="170"
20+
height="30"
2121
title="GitHub"
2222
></iframe>
2323
</div>
@@ -28,47 +28,31 @@ <h1>SimplePDF Embed</h1>
2828
<h2>Embed a PDF editor & annotator in your website</h2>
2929
</div>
3030
<div class="content">
31-
<div class="links-group">
32-
<a href="https://github.com/SimplePDF/simplepdf-embed/blob/main/react/README.md" target="_blank">React</a>
33-
|
34-
<a href="https://github.com/SimplePDF/simplepdf-embed/tree/main/web" target="_blank">Script</a>
35-
|
36-
<a href="https://github.com/SimplePDF/simplepdf-embed/blob/main/documentation/IFRAME.md" target="_blank"
37-
>Iframe</a
38-
>
39-
</div>
40-
<a href="https://simplePDF.eu/embed#ghio" target="_blank">Learn more about SimplePDF Embed<i>🔗</i></a>
4131
<div class="offerings">
42-
<p>
43-
<a href="https://github.com/SimplePDF/simplepdf-embed/"><b>Free</b></a> without any limits and
44-
<b>no account needed</b>
45-
</p>
46-
<div class="rto-link">
47-
That's what they did: click on any PDF link on
48-
<a href="http://rto.nstu.ca/FillableForm.html" target="_blank">their website</a>
49-
</div>
50-
51-
<p class="or" o>or</p>
52-
<p>
53-
<a href="https://simplepdf.eu/pricing#ghio"><b>Get an account</b></a>
32+
<p class="cta">
33+
<a href="https://simplepdf.eu/embed#ghio" class="create-account"><b>Get started</b></a>
5434
</p>
35+
<h4>How it works</h4>
5536
<div class="bullet-points">
5637
<ul>
57-
<li><a href="https://simplepdf.eu/portal#ghio" target="_blank">any PDF becomes a web form</a></li>
58-
<li><a href="https://simplepdf.eu/embed#ghio" target="_blank">...with your own branding</a></li>
38+
<li><a href="https://simplePDF.eu/embed#ghio" target="_blank">Add SimplePDF to your website</a></li>
39+
<li><a href="https://simplepdf.eu/portal#ghio" target="_blank">Turn PDFs to web forms in minutes</a></li>
5940
<li>
6041
<a href="https://simplepdf.eu/help/how-to/configure-webhooks-pdf-form-submissions#ghio" target="_blank"
61-
>...stored in your own storage</a
42+
>Configure your own S3 bucket</a
6243
>
6344
</li>
6445
<li>
6546
<a href="https://simplepdf.eu/help/how-to/configure-webhooks-pdf-form-submissions#ghio"
66-
>...with webhooks notifications</a
47+
>Get notified via webhooks</a
6748
>
6849
</li>
6950
</ul>
7051
</div>
7152
</div>
53+
<div class="links-group">
54+
<a href="mailto:[email protected]" target="_blank">[email protected]</a>
55+
</div>
7256
</div>
7357

7458
<iframe

styles.css

Lines changed: 19 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,16 @@ h4 {
2727
text-align: center;
2828
}
2929

30+
h2 {
31+
margin-bottom: 0;
32+
}
33+
34+
h4 {
35+
text-transform: uppercase;
36+
margin-top: 0;
37+
font-size: 18px;
38+
}
39+
3040
a {
3141
color: #3e8eff;
3242
text-decoration: none;
@@ -65,20 +75,20 @@ a:hover {
6575
padding-bottom: 60px;
6676
}
6777

78+
.cta {
79+
padding: 40px 0;
80+
font-size: 32px;
81+
}
82+
6883
.offerings {
6984
text-align: center;
70-
padding-top: 40px;
85+
padding-bottom: 40px;
7186
}
7287

7388
.offerings p {
7489
margin: 0;
7590
}
7691

77-
.rto-link {
78-
font-size: 12px;
79-
color: #737373;
80-
}
81-
8292
.or {
8393
padding: 20px 0;
8494
}
@@ -98,3 +108,6 @@ a:hover {
98108

99109
font-size: 14px;
100110
}
111+
112+
.create-account {
113+
}

0 commit comments

Comments
 (0)