Completed HTML web form to PDF in C# ASP.NET

Once the web form is completed by the user and the submit button is clicked I need to generate a PDF on the server side that looks **exactly** like the completed web form. It must look exactly like what the user sees on the web page and be done in C#. The css formatting etc. must be applied in the PDF.
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.bundle.min.js"></script>
I would like to have one call, like the below to save the data to the DB but also create the PDF. If I also need a separate ajax call to create the PDF that's acceptable. This runs on IIS.
Curent - add the HTML as well if possible.
<!-- save the form data to the DB -->
$.ajax({
url: 'savedata.aspx?formKey=' + formKey,
type: 'post',
async: false,
contentType: 'application/text; charset=utf-8',
data: formData,
dataType: 'text',
success: function () {
console.log("savedata.aspx called successfully");
},
error: function (errData) {
console.log("savedata.aspx call failed");
console.log(errData);
}
});
If it can't be done in one call then a separate call to save the PDF.
<!-- save the HTML to PDF -->
$.ajax({
...

// this uses .aspx -- old application that needs the PDF save added
public partial class savedata : System.Web.UI.Page