-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
201 lines (192 loc) · 8.83 KB
/
index.html
File metadata and controls
201 lines (192 loc) · 8.83 KB
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html lang="en">
<head>
<title>FORMAL STACK || A pdf solutions for offline & online pdf making || markdown to pdf converter || pdf maker || pdf creator</title>
<meta name="charset" content="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="initial-scale=1.0">
<meta name="ted-globalmode" content="light">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" href="favicon.ico">
<meta property="og:title" content="FORMAL STACK - A Free PDF maker for images.. , pwa app" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://formal-stack.netlify.app" />
<meta property="og:image" content="https://formal-stack.netlify.app/APP/assets/editor_preview.png" />
<meta property="og:site_name" content="FORMAL STACK - A Free PDF maker for images.. " />
<meta property="og:description" content="Formal stack - the platform that makes it super easy to convert all your PDF files from image files. create all your PDF files in one place - and most important, formal stack is free. " />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="FORMAL STACK - A Free PDF maker for images.. ">
<meta name="twitter:description" content="Formal stack - the platform that makes it super easy to convert all your PDF files from image files. create all your PDF files in one place - and most important, formal stack is free. ">
<meta name="twitter:image:src" content="https://formal-stack.netlify.app/APP/assets/editor_preview.png">
<link rel="canonical" href="https://formal-stack.netlify.app/">
<meta name="description" content="Formal stack ~ Make pdfs online via formal stack pdf app from images or markdown text.The most important thing in site is it is free to use means make pdf free in premium service." />
<meta name="keywords" content="pdf creator,pdf maker,jpg to pdf,pdf online,small pdf,adobe acrobate,pdf converter,pdf compresser,pdf editor,pdf editor online,pdf download,how to make pdf,formal-stack" />
<style>
body{
padding:0;
margin:0;
}
nav{
display:flex;
vertical-align: center;
box-shadow: 0 0 0 2px #efefef;
margin-bottom:2px;
padding:3px;
background: #5362FF;
color:#fff;
}
nav img{
height:30px;
margin:5px;
}
button.nav-toggle{
position: absolute;
top:7px;
right:7px;
color:#fff;
}
div.head-of-body{
display: flex;
vertical-align: middle;
text-align:center;
height:800px;
width:100vw;
background: #6810F2;
background: -webkit-linear-gradient(top left, #6810F2, #D01FDE);
background: -moz-linear-gradient(top left, #6810F2, #D01FDE);
background: linear-gradient(to bottom right, #6810F2, #D01FDE);
}
img{
border-radius:5px;
transition:0.3s;
}
img:hover , .but:hover , .card:hover , a.but:hover{
box-shadow: 0 0 0 5px #ffffff50;
}
a{
text-decoration:none;
}
div.card{
transition:0.3s;
padding: 10px;
margin:10px;
box-shadow:5px 5px 10px #efefef;
border:1px solid #efefef;
border-radius: 15px;
}
.footer{
width:100vw;
height:100px;
background: #151525;
color:white;
}
iframe{
margin:10px;
border-radius:5px;
border:1px solid #15152560;
background:#151525;
}
</style>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9178423413863149"
crossorigin="anonymous"></script>
</head>
<body>
<nav>
<img src="APP/assets/favicon.png" alt="logo of formal stack">
<p style="margin:auto;margin-left:3px;">
Formal stack || Pdf Generator
</p>
</nav>
<button id="menu_tog"class="but nav-toggle mdl-button mdl-js-button mdl-button--icon">
<span class="material-icons">
menu
</span>
</button>
<div class="head-of-body align-center">
<div style="margin:auto;color:#fff;">
<h1>
The App where Pdfs can generated in multiple ways .
</h1>
<img src="APP/assets/editor_preview.png" style="height:200px;"><br>
<Br><br><a class="but" style="border-radius:2px;background: transparent;border:1px solid white;color:white;padding:5px;"href="APP/" target="_blank">🚀 <strong><em>Launch App</em></strong></a>
</div>
</div>
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect"
for="menu_tog">
<a href="About"><li class="mdl-menu__item">About us</li></a>
<a href="APP/"><li class="mdl-menu__item mdl-menu__item--full-bleed-divider">Launch App</li></a>
<a href="APP/?OPEN=MDPAGE"><li class="mdl-menu__item">Markdown to pdf</li></a>
<a href="APP/"><li class="mdl-menu__item">Image to pdf</li></a>
</ul>
<div class="card">
<h3>
Converting Images to Pdf.
</h3>
<p>
Our App makes it simple to convert images of jpeg,jpg and png format to pdf.
<br>
We are using jsPDF named library which is lite to appear and fast to render.
hence,The library makes app more fast and serverless.
<strong>So,You have no need of fast Network connectivity</strong>
</p>
</div>
<div class="card">
<h3>
Markdown to pdf Convert .
</h3>
<p>
We use github flavoured markdown to convert markdown code into pdf file.<br>
The css of markdown is also similar to github so, you will able to convert it into ultimate way.
<br>
AfterAll you are able to convert github readmes in markdown pdf.
<strong>
We also support to convert from readme url of github
.</strong>
</p>
</div>
<div class="card">
<h3>
cature , select and PDF
</h3>
<p>
This online pdf maker helps you to make pdf via selection or capturing the phots
</p>
</div>
<div class="card">
<h3>
Cropping photos.
</h3>
<p>
In this app you are able to crop pictures before final command
</p>
</div>
<div style="display:flex;overflow:scroll"class="card">
<img style="margin-right:10px;height:500px;"src="create.jpg" alt="screenshot showing that here you can make pdfs from images jpgtopdf">
<img style="margin-right:10px;height:500px"src="markdown.png" alt="screenshot showing that you are able to make pdf from markdown">
<img style="margin-right:10px;height:500px;" src="settings.jpg" alt="screenshot showing that you are able customize ui in this app">
</div>
<div class="card">
<h3>
Enjoy serverless Experience
</h3>
<p>
Our APP is rendering pdfs with jsPDF so , render speed of our app is super fast than other server-based apps.
</p>
</div>
<br>
<div style="vertical-align:middle;text-align: center; padding-top:15px;"class="footer">
<div style="margin:auto;"> <a href="About/">About </a>• <a href="https://github.com/NotableApp/Formal-stack-pdfs">source code </a></div>
<div style="margin:auto; margin-top:10px;"><!-- Badge Code - Do Not Change The Code --><div class="col-xs-12 mt20" id="bg"><div style="margin:0px auto;width:133px;background:#151525;text-align:left;display:flex;border-radius:5px"><span style="padding:7px;display:inline-block;border-right:1px solid #746dba"><a href="http://visitorshitcounter.com" rel="nofollow noopener" target="_blank" title="https://visitorshitcounter.com/"><img src="https://visitorshitcounter.com/img/s-logo.svg" alt="https://visitorshitcounter.com/" style="width:100%;border:none;float:left"></a></span><span class="text" id="dupli_hit_counter" style="padding:10px 0 0 0;display:inline-block;color:rgb(255, 255, 255);width:100%;text-align:center;"></span></span><input type="hidden" id="site_val" value="https://visitorshitcounter.com/counterDisplay?code=7df452e504816de52ec3c2b1a82fca8e&style=0017&pad=5&type=ip&initCount=1"></div></div><script src="https://visitorshitcounter.com/js/badgess.js?v=1638347466"></script><!-- Badge Code End Here --></div>
</div>
<script>
$=str=>document.querySelector(str);
</script>
</body>
</html>