JSFiddle - React, Tailwind, and code Playground

HTML

<title> Kingston University Survey Homepage</title>
<body>

    <img src="kingstonunilogo.jpg" id="uni" alt="uni logo"/>
   
    <div id = "buttons">
        <button onclick="window.location='http://www.google.com'" type="button home-button">Home</button>
        <button onclick="window.location='http://www.google.com'" type="button contact-button">Contact Us</button>

        <a href="http://www.w3schools.com/html/">LogIn</a>
    </div>
        <br/><br/><br/><br/><br/><br/>
    
    <img src="homepagepic.jpg" alt="homepagepic" id="middlepic" />
    <br/>
    <div id="footer">
        &copy;
        <img src="facebookpic.png" alt="facebookpic" />
        <img src="twitterpic.jpg" alt="twitterpic"/>
   </div>
     </body>

CSS

#middlepic
    {
        display: block;
        margin: 0 auto;
    }

    #uni
    {
        margin: 0 auto;
        display: block;
        width: 250px;
        height: 200px;
    }

    #buttons
    {
        margin: 0 auto;
        width: 300px;
        line-height: 40px;
    }

    #footer
    {
    width: 100%;
    height:100px;
    display: inline-block;
    text-align: center;
    }