index

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Negative Media Web Search</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="script.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>

<div class="notifications" style="display: none;">
    <h3 class="success">Data Submitted Successfully</h3>
    <h3 class="success">PDF Print Successful</h3>
    <h3 class="error">Action failed</h3>
</div>

<div class="grid-container">
    <h1>Negative Media Search</h1>

    <form class="material-form">
        <h3>Please fill the client's details</h3>
        <label class="pure-material-textfield-outlined">
            <input id="name" placeholder=" " required>
            <span>Name</span>
        </label>

        <label class="pure-material-textfield-outlined">
            <input id="email" placeholder=" " type="email">
            <span>E-mail</span>
        </label>

        <label class="pure-material-textfield-outlined">
            <input id="phone" placeholder=" " type="text">
            <span>Phone</span>
        </label>

        <label class="pure-material-textfield-outlined">
            <input id="city" placeholder=" " type="text">
            <span>City</span>
        </label>

        <label class="pure-material-textfield-outlined">
            <input id="date-of-birth" placeholder=" " type="text">
            <span>Date of Birth</span>
        </label>

        <div class="btn-container">
            <button class="pure-material-button-contained" id="btnPrint">Submit Data</button>
            <button class="pure-material-button-contained" id="download-pdf">Print PDF</button>
        </div>

        <div class="sentiment">
            <h4>Positive Sentiment: <span class="sentiment-number">81%</span></h4>
        </div>

        <pre class="raw-data">No Data</pre>

        <div class="generated-images" style="display:none;">

        </div>
    </form>
</div>

<div class="generated-images">
<!--    <img src="https://api.urlbox.io/v1/LfkM6zs6aXjpLxje/png?url=https%3A%2F%2Fwww.google.com%2Fsearch%3Fq%3D%25E2%2580%259CJohn%2BTrevor%25E2%2580%259D%2BAND%2Blaunder%2BOR%2Bfraud%2BOR%2Bcrime%2BOR%2Btraffick%2BOR%2Bdrugs%2BOR%2Bterror%2BOR%2Bextremist%2BOR%2Bevasion%2BOR%2Bfirearm%2BOR%2Btheft%2BOR%2Bembezzle%2BOR%2Bbribe%2BOR%2Bcorruption%2BOR%2Bburglar%2BOR%2Bscam%2BOR%2Bsentenced%2BOR%2Barrest%2BOR%2Bconvict%2BOR%2Bguilty%2BOR%2Bfined%2BOR%2Bimprison%2BOR%2Bsanction%26oq%3D%25E2%2580%259CJohn%2BTrevor%25E2%2580%259D%2BAND%2Blaunder%2BOR%2Bfraud%2BOR%2Bcrime%2BOR%2Btraffick%2BOR%2Bdrugs%2BOR%2Bterror%2BOR%2Bextremist%2BOR%2Bevasion%2BOR%2Bfirearm%2BOR%2Btheft%2BOR%2Bembezzle%2BOR%2Bbribe%2BOR%2Bcorruption%2BOR%2Bburglar%2BOR%2Bscam%2BOR%2Bsentenced%2BOR%2Barrest%2BOR%2Bconvict%2BOR%2Bguilty%2BOR%2Bfined%2BOR%2Bimprison%2BOR%2Bsanction%26gs_l%3Dpsy-ab.3...0.0..1527902...0.0..0.0.0.......6......gws-wiz.Gcp-8efXsio%26ved%3D0ahUKEwj16c6hwqTnAhVMxKYKHXCsA-AQ4dUDCAs%26uact%3D5" alt="">-->
</div>

</body>
</html>