Card doesn't Pops up after generating URL

what I want:

• Read Contributing Guide from here.
• Develop a CSS Property, By adding it to class make card Visible.

Same page is reproduced

• I have to manually make it visible as folloiw
  

Here is the Card Code

 <div id="shorten-result">
                    <div class="row justify-content-center mt-2">
                        <div class="col-xl-6">
                            <div class="card">
                                <div class="card-body">

Summarising the tasks

• Figure out a CSS property that makes card visible and hidden.
• Implementing the above property in such a way that only card is visible when page is redirected to `.../shorten'.
• Improve the card appearance.

Read whole issue before starting contributing to this repository.

Need a Static error Page

Try Yourself

• Try to visit non register path like .../xyz/ you will get an Whitelabel Error and some error message.
• To replace that we want to develop our own custom web page.
• Later on we will add Thymeleaf to show custom Error Messages.

Before Starting

• Read Contributing Guide from here.

Page Formatting

• Add a Heading showing Something Went Wrong
• Add a paragraph describing the issue.
• Add a Link or Button targeting to Homepage.

Where to Put?

• Create a HTML file with name error.html.
• Store that file on /src/main/resources/templates/ directory.

Task Required to done

• Create the required file
• Implement the required specification of file.
• Test if Page appear instead of Whiltelabel Error.