Untitled

<!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">
    <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">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="to-print" style="display: none">
            <h1>Martin Nikolov</h1>
            <img src="https://screenshot-api-net.storage.googleapis.com/36UDY5L1MB8KKE0VDARC2ZXNYF2ATI3E.png" alt="">
        </div>
    </form>
</div>

</body>
</html>