home.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>Home</title>
    <link rel="stylesheet" href="home.css">
    <link href='https://fonts.googleapis.com/css?family=Questrial' rel='stylesheet'>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>


            <ul class="circles">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
            </ul>
    
    <div class="wrapper">
    <div class="logo"><img id="i1" src="images/image-removebg-preview.png"></div>
    
    <div class="image"><img id="i2" src="images/challenge_illustration-800-removebg 1.png"></div>
    </div>
    
    <div class="text">
        <p>Welcome Kwizard <br>Believe in your Quizing? Well, you are in the right place. Lets begin the Quiz....</p> <br>
        <div class="btn-container">
            <a href="addQuestion.html"><span><button class="button">Next</span></button></a>
           </div>
        
    </div>

    
</body>
</html>  