index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home</title>
    <link rel="stylesheet" href="style.css">
</head>
<body id="grad1">
    <div class="global-navbar">
        <ul id="menubaritems">
            <li class="menubarblocks" ><a href="index.html">Home</a></li>
            <li class="menubarblocks" ><a href="fridgelist.html">Fridge List</a></li>
            <li class="menubarblocks" ><a href="freezerList.html">Freezer List</a></li>
            <li class="menubarblocks" ><a href="feedback.html">Feedback</a></li>
            <li class="menubarblocks"><a href="aboutUs.html">About Us</a></li>
        </ul>
            </div>

<div class="bubble">
   <svg class="heart" viewBox="5 5 600 500" invisible>
   <path d="M300,150 C500,10 600,300 300,400 C0,300 100,10 300,150"/>
  </svg>
  <div class="bubble-dummy"></div>
</div>

            <script src="script.js"></script>   
</body>
</html>