index.html


<!DOCTYPE html>
<html lang="en">

    
    <head>

<title> welcome To BOOK SITE</title>
<style>
    #firstItem{
        background-color: salmon;
    }
    
</style>
</head>

<body>
    

<header>
    <h1 style="color: salmon;">
        
        Open Library
    </h1>
    <nav>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>


        </ul>
    </nav>
    

</header>
<main>
    <article>
        <p style="color: rgb(57, 102, 119);">
           
         Welcome to open Libraries. Join and discover our great range of books, music, events, Auckland heritage and more.
         One web page for every book ever published. It's a lofty but achievable goal.

         To build Open Library, we need hundreds of millions of book records, a wiki interface, and lots of people who are willing to contribute their time and effort to building the site.
         
         To date, we have gathered over 20 million records from a variety of large catalogs as well as single contributions, with more on the way.
         
         Open Library is an open project: the software is open, the data are open, the documentation is open, and we welcome your contribution. Whether you fix a typo, add a book, or write a widget--it's all welcome. We have a small team of fantastic programmers who have accomplished a lot, but we can't do it alone!
        </p>


        '<p style="color: rgb(151, 19, 19);">
            The open Library (NYPL) has been an essential provider of free books, information, ideas, and education for all New Yorkers for more than 100 years.
        </p>
        <p style="color: rgb(31, 165, 98);background-color: thistle;">
            'what is Your favorite book type?'
    
        </p>
        <p style="color: rgba(46, 206, 40, 0.63);background-color: teal;">
            'what is your favorite author?'
        </p>
        <p style="color: rgb(30, 70, 182);background-color: tan;">
            'What language would you like to read books?
        </p>
        <p style="color: rgba(0, 0,  0.13);background-color: violet;">
            'what is your Name?
        </p>

    </article>
</main>
<footer>
   &copy; ASAC 2021
</footer>
<script>
   // prompt('welcome;how are you?')

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