retrieve_secondpage.html

<!DOCTYPE html>
<html lang="en">

 <!-- Link back to the first page -->
 <a href="index.html">HOME</a>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Retrieving Customers Data From The Database</title>
    <style>
        body {
            font-size: 20px; /* Set the default text size for the entire body */ 
        }
        h1 {
            font-size: 30px; /* Increase the text size for h1 */
        }
        p {
            font-size: 20px; /* Increase the text size for paragraphs */
        }
    </style>



</head>
<body>

    <h1>Retrieving Customers Data From The Database</h1>
    
    <p>Using the sql_store database, I used this query to retrieve all the customers informations from this database:</p>
    
    <!-- Inserting text and image -->
    <div>
        <p> Query: </p>
        <img src="images/1. retriev data.query.png" alt=""First Image" width="480" height="200">
    </div> 

    <div>
        <p> Output: </p>
        <img src="images/1. retriev data.output.png" alt=""First Image" width="500" height="200">
    </div>
    <p>The output above shows that there are 10 customers found in this database. 
        It includes the customer_id, first_name, last_name, birth_date, phone, address, city, state and points.</p>

</body>
</html>