Skip to content

Commit 0c3d859

Browse files
Zaidamaan86Zaidamaan86
committed
HTML to PDF done
1 parent 46fe861 commit 0c3d859

File tree

5 files changed

+250
-0
lines changed

5 files changed

+250
-0
lines changed

‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@ for i in string:
1616
odd+=i
1717
print(lower+upper+odd+even)
1818

19+
.venv
1920
# operating system-related files
2021

2122
# file properties cache/storage on macOS

‎HTML_to_PDF/index.html

+221
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,221 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>HTML to PDF Test Page</title>
7+
<style>
8+
/* Reset styles */
9+
* {
10+
margin: 0;
11+
padding: 0;
12+
box-sizing: border-box;
13+
}
14+
15+
body {
16+
font-family: 'Arial', sans-serif;
17+
line-height: 1.6;
18+
background-color: #f9f9f9;
19+
color: #333;
20+
}
21+
22+
/* Highlight Banner */
23+
.pdf-banner {
24+
background-color: #ff6600;
25+
color: white;
26+
text-align: center;
27+
padding: 10px;
28+
font-size: 1.2em;
29+
font-weight: bold;
30+
}
31+
32+
/* Header Styling */
33+
header {
34+
background-color: #222;
35+
color: white;
36+
padding: 15px 0;
37+
position: fixed;
38+
width: 100%;
39+
top: 40px; /* Moved down to make space for the PDF banner */
40+
left: 0;
41+
z-index: 1000;
42+
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
43+
}
44+
45+
.container {
46+
width: 85%;
47+
margin: auto;
48+
display: flex;
49+
justify-content: space-between;
50+
align-items: center;
51+
}
52+
53+
header h1 {
54+
font-size: 1.8em;
55+
}
56+
57+
nav ul {
58+
list-style: none;
59+
display: flex;
60+
}
61+
62+
nav ul li {
63+
margin-left: 20px;
64+
}
65+
66+
nav ul li a {
67+
color: white;
68+
text-decoration: none;
69+
font-size: 1em;
70+
padding: 8px 12px;
71+
transition: all 0.3s ease;
72+
}
73+
74+
nav ul li a:hover {
75+
background-color: #444;
76+
border-radius: 5px;
77+
}
78+
79+
/* Main Content */
80+
main {
81+
width: 85%;
82+
margin: 120px auto 20px;
83+
}
84+
85+
section {
86+
margin-bottom: 40px;
87+
padding: 20px;
88+
background: white;
89+
border-radius: 8px;
90+
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
91+
}
92+
93+
section h2 {
94+
color: #222;
95+
margin-bottom: 10px;
96+
border-bottom: 2px solid #ff6600;
97+
padding-bottom: 5px;
98+
display: inline-block;
99+
}
100+
101+
section p, section ul {
102+
font-size: 1.1em;
103+
color: #555;
104+
}
105+
106+
section ul {
107+
list-style: square;
108+
margin-left: 20px;
109+
}
110+
111+
/* PDF Test Highlight Box */
112+
.pdf-test-box {
113+
background-color: #ffefcc;
114+
padding: 15px;
115+
border-left: 5px solid #ff6600;
116+
font-size: 1.1em;
117+
font-weight: bold;
118+
margin-top: 10px;
119+
}
120+
121+
/* Contact Section */
122+
#contact a {
123+
color: #ff6600;
124+
text-decoration: none;
125+
font-weight: bold;
126+
}
127+
128+
#contact a:hover {
129+
text-decoration: underline;
130+
}
131+
132+
/* Footer Styling */
133+
footer {
134+
text-align: center;
135+
padding: 15px;
136+
background: #222;
137+
color: white;
138+
margin-top: 40px;
139+
font-size: 0.9em;
140+
}
141+
142+
/* Responsive Design */
143+
@media (max-width: 768px) {
144+
.container {
145+
flex-direction: column;
146+
text-align: center;
147+
}
148+
149+
nav ul {
150+
margin-top: 10px;
151+
}
152+
153+
nav ul li {
154+
margin: 5px 0;
155+
}
156+
157+
.pdf-banner {
158+
font-size: 1em;
159+
padding: 8px;
160+
}
161+
}
162+
</style>
163+
</head>
164+
<body>
165+
166+
<!-- PDF Test Banner -->
167+
<div class="pdf-banner">
168+
📄 This page is created for testing HTML to PDF conversion!
169+
</div>
170+
171+
<header>
172+
<div class="container">
173+
<h1>HTML to PDF Test</h1>
174+
<nav>
175+
<ul>
176+
<li><a href="#home">Home</a></li>
177+
<li><a href="#about">About</a></li>
178+
<li><a href="#services">Services</a></li>
179+
<li><a href="#contact">Contact</a></li>
180+
</ul>
181+
</nav>
182+
</div>
183+
</header>
184+
185+
<main>
186+
<section id="home">
187+
<h2>Welcome!</h2>
188+
<p>This is a test page designed to check HTML to PDF conversion.</p>
189+
<div class="pdf-test-box">
190+
⚡ This section highlights that we are testing the ability to convert HTML pages into PDF format.
191+
</div>
192+
</section>
193+
194+
<section id="about">
195+
<h2>About This Test</h2>
196+
<p>This page includes various HTML elements to check how they appear in the converted PDF.</p>
197+
</section>
198+
199+
<section id="services">
200+
<h2>Elements to Test</h2>
201+
<ul>
202+
<li>Headings & Paragraphs</li>
203+
<li>Navigation & Links</li>
204+
<li>Lists & Bullet Points</li>
205+
<li>Background Colors & Styling</li>
206+
<li>Margins & Spacing</li>
207+
</ul>
208+
</section>
209+
210+
<section id="contact">
211+
<h2>Need Help?</h2>
212+
<p>For any issues with the HTML to PDF conversion, contact us at: <a href="mailto:[email protected]">[email protected]</a></p>
213+
</section>
214+
</main>
215+
216+
<footer>
217+
<p>&copy; 2025 HTML to PDF Test Page. All rights reserved.</p>
218+
</footer>
219+
220+
</body>
221+
</html>

‎HTML_to_PDF/main.py

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
import pdfkit
2+
import os
3+
4+
# Download wkhtmltopdf from https://wkhtmltopdf.org/downloads.html
5+
# Set the path to the wkhtmltopdf executable
6+
7+
wkhtmltopdf_path = r'C:\Program Files\wkhtmltopdf\bin\wkhtmltopdf.exe'
8+
9+
# Configure pdfkit to use wkhtmltopdf
10+
config = pdfkit.configuration(wkhtmltopdf=wkhtmltopdf_path)
11+
12+
# Path of HTML and PDF files
13+
path=os.getcwd()
14+
htmlFile = f'{path}\\index.html'
15+
pdfFile = f'{path}\\output.pdf'
16+
17+
# Check if the HTML file exists before proceeding
18+
if not os.path.exists(htmlFile):
19+
print(f"HTML file does not exist at: {htmlFile}")
20+
else:
21+
try:
22+
# Convert HTML to PDF
23+
pdfkit.from_file(htmlFile, pdfFile, configuration=config)
24+
print(f"Successfully converted HTML to PDF: {pdfFile}")
25+
except Exception as e:
26+
print(f"An error occurred: {e}")
27+
28+

‎HTML_to_PDF/output.pdf

34.8 KB
Binary file not shown.

‎output.pdf

1.21 KB
Binary file not shown.

0 commit comments

Comments
 (0)