master (pre-receive hook declined) error: failed to push some refs to 'https://git.heroku.com/somedoamin.git

I am currently working on Angular 2 app and uploading it on heroku. When i simply upload without using any calling any class in div . it uploads on heroku when i use git push heroku master like my appcomponent.html

<h1>
 
</h1>
 <div>
<h2>Gtting started.....</h2>
</div>

till now it works fine. but as soon as i added these dives or any other div with styling

    `<div class="footer-newsletter">
                    <div class="container-fluid">
                        <p style="color:#36b4d2">Search and Save</p>
                        <form>
                            <input type="search" name=query [(ngModel)]="query" 
                      #quer="ngModel"  class="form-control"  placeholder="Search" required>
                            <button type="button" (click)="Search()" class="btn btn-custom">Search</button>
                        </form>
                    </div><!-- End .container-fluid -->
                </div><!-- End .footer-newsletter -->
`

it gives me this error on heroku push master command

 ! [remote rejected] master -> master (pre-receive hook declined)
 error: failed to push some refs to 'https://git.heroku.com/some.git'

i have added css files in assets and that works fine localy. can anyone please tell me what the reason behind this. i have wasted two days on it. any help will be highly appriciated.

via Amad ud Din