Form

    
        <div class="form">
            <p class="title">Title</p>
            <p>Form Text</p>
            <form action="" method="POST">
                <input class="input-1" type="text" aria-label="Full Name" name="Full Name" placeholder="Full Name"
                    required>
                <input type="tel" class="input-1" aria-label="Phone Number" name="Phone Number"
                    placeholder="Phone Number" required>
                <input type=“text” placeholder="Email Address" aria-label="Email Address" name="email" required>
                <textarea name="Message" placeholder="Write Your Message Here" aria-label="Message" required></textarea>
                <button class="button" type="submit" aria-label="submit" value="button">Submit</button>
            </form>
        </div>
    

Form with Upload Attachment

    
        add:
        
        ``` accept-charset="utf-8" enctype="multipart/form-data" ````
         
        to form tag line 

        Example:

        <form action="" method="POST" accept-charset="utf-8" enctype="multipart/form-data">
        

        Put this input section where the attachment will be going

        <label class="custom-file-upload">
            <input onchange="showname()" id="file" accept="image/jpeg,image/gif,image/png,application/pdf,image/x-eps" name="Attachment" type="file">
            <span id="image-upload">Attach Your Files <img src="/assets/images/upload.svg" class="upload ic" alt="attach file"></span>
        </label>
        

         <script>
            function showname() {document.getElementById('image-upload').innerHTML = document.getElementById('file').files[0].name};
         </script>

    

Disclaimer Box

    
            <label class="disc" aria-label="I have read the disclaimer">
                <input type="checkbox" aria-label="I Have Read The Disclaimer" name="I Have Read The Disclaimer" value="Yes" required>
                <p>I Have Read The Disclaimer *</p>
            </label>