index.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>DOG BREED</title>
    <link rel="stylesheet" href="dogs.css">
</head>
<body>
    <div class="application">
        <div class="header">
            <h1>WOOF WOOF ME!</h1>    
            
            <div id="breed"></div>
            <h6>
                <div class="container">
                        
                    <button id="myBtn"> Woof, what's my time?</button>
                     
                        <p id="demo"></p>
                    <div class="column">
                      <p>Swing by for a cup of coffee, or leave us a message:</p>
                      <h5>Comments</h5>
                            <div id='list' class='comments'></div>
                         <form id="submitExample" action="">
                       
                        <label for="subject">Woof</label>
                         </br>
                                <textarea id="subject" name="subject" placeholder="Write something.." style="height:40px"></textarea>
                                <input type="submit" value="Submit">
                        </form>
                    </div>
                
                </div>
            </h6>
            <div class="contact">
                <button id="myPal"> Reach your woof pal</button>
                <p id="call"></p>
            </div>
        

        </div>
            <div class="slideshow" id="slideshow"></div>
           
        
    </div>


    <script src="main.js"></script>
</body>
</html>