v1.6-v1.7-v8x Best way to convert HTML to PDF - Without missing css

vanraj

New member
XNullUser
Joined
Jun 8, 2022
Messages
8
Reaction score
0
Points
1
NullCash
13
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Resume Template</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
body {
font-family: poppins, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6;
color: #000;
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
background: #f1f6ec;
}

/* Your other CSS styles here */
</style>
</head>
<body>
<div class="mainwrap">
<div class="top-main-part">
<div class="leftside brown-color">
<div class="top-heading">Brian R. Baxter <span>Graphic & Web Designer</span></div>
<div class="pro-pic"><img src="./images/pro-1.jpg"></div>
</div>
<div class="contact-part">
<div class="contctlist">
<div class="ml-0">
<span class="headicon"><i class="fa-solid fa-user"></i></span>
<h2 class="h2head text-uppercase">Personal info</h2>
</div>
<ul class="coninfome pl-0">
<li class="d-flex align-items-start"><i class="fa-solid fa-phone"></i> +123 456 7890</li>
<li class="d-flex align-items-start"><i class="fa-solid fa-envelope"></i> hello@danialabu.com</li>
<li class="d-flex align-items-start"><i class="fa-solid fa-location-dot"></i> 1705 Brookside Drive, Birmingham, USA</li>
</ul>
</div>
</div>
</div>

<!-- Rest of your resume content here -->

</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
</body>
</html>
 
Top