start.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SPICE PARK</title>
</head>
<style>
    .center{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        padding-top: 50px;
        padding-bottom: 50PX;
    }
.gradient{
    background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,0.6671043417366946) 10%, rgba(194,201,18,0.91) 50%,
 rgba(219,227,32,0.91) 71%, rgba(219,227,32,0.91) 94%);
}


</style>
<body>
    <div class="gradient">
        <a href="restaurant.html">
        <img src="https://dynamic.brandcrowd.com/asset/logo/23eb03d1-a59c-4cbd-bee1-49e3ba269f37/logo-search-grid-1x?v=637719659099200000&text=spice+park&colorpalette=red" alt="clickhere"  class="center">
        </a>
    </div>
</body>
</html>