Layout A


<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
        <style>
            * {
                color: rgb(68, 68, 68);
            }
            body {
                background-color: sandybrown;
            }

            .custom-navbar-bg {
                background-color: rgb(255, 188, 130);
            }

            .footer {
                margin-top: 30px;
                background-color: rgb(255, 153, 63);
            }

            .header {
                background-color: rgb(255, 153, 63);
            }

            .image {
                margin-top: 20px;
                width: 256px;
                height: 256px;
                border: 4px solid rgb(200, 113, 113);
                border-radius: 8px;
                object-fit: cover;
            }
        </style>
    </head>
    <body>
        <!--Header-->
        <header class="text-center header">
            <h1>MADE FOR LAYOUT A</h1>
        </header>
        <!--Navigation-->
        <nav class="navbar navbar-expand-lg custom-navbar-bg" >
            <div class="container-fluid">
              <a class="navbar-brand" href="#">04 Activity 1</a>
              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                  <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="#">Home</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">About</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Store</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">More articles</a>
                  </li>
                </ul>
              </div>
            </div>
          </nav>

        <!--Section/Article-->
        <div class="container text-center">
            <div class="row text-center fs-1">
                <div class="col">
                    How artificial intelligence is transforming the world
                </div>
            </div>
            <div class="row">
              <section class="col">
                The potential of Artificial Intelligence (AI) and robots to reshape our future has attracted vast interest among
                the public, government and academia in the last few years. As in every other sector of life, higher education
                (HE) will be affected, perhaps in a profound way (Bates et al., 2020; DeMartini and Benussi, 2017). HE will have
                to adapt to educate people to operate in a new economy and potentially for a different way of life. AI and robotics
                are also likely to change how education itself works, altering what learning is like, the role of teachers.
                <br><img class="image" src="https://sdtimes.com/wp-content/uploads/2016/06/0622.sdt-openai.jpeg" class="img-fluid rounded mx-auto d-block">
              </section>
              <section class="col">
                Artificial intelligence algorithms are designed to make decisions, often using real-time data. They are unlike
                passive machines that are capable only of mechanical or predetermined responses. Using sensors, digital data,
                or remote inputs, they combine information from a variety of different sources, analyze the material instantly,
                and act on the insights derived from those data. With massive improvements in storage systems, processing speeds,
                and analytic techniques, they are capable of tremendous sophistication in analysis and decisionmaking.
                <br><img class="image" src="https://imageio.forbes.com/specials-images/imageserve/5eda41e0b6ac5c00060e2821/Network-forming-AI-robot-face/960x0.jpg" class="img-fluid rounded mx-auto d-block">
              </section>
              <section class="col">
                AI has received increased attention from the information systems research community in recent years.
                There is a growing concern that research on AI could experience a lack of cumulative building
                of knowledge, which has overshadowed IS research previously. The search strategy resulted in
                1877 studies, of which 98 were identified as primary studies and a synthesise of key themes that are pertinent
                to this study is presented. This study makes important contributions, namely an identification
                of the current reported business value and contributions of AI.
                <br><img class="image" src="https://apacsagepub-perspectivesblog.com/wp-content/uploads/2023/03/Academic-Publishers-and-the-Challenges-of-AI.png" class="img-fluid rounded mx-auto d-block">
              </section>
            </div>
          </div>

          <!--Footer-->
          <footer class="card text-center footer">
            <div class="card-title">
            </div>
            <div class="card-text" style="margin-bottom: 50px;">
                SANTOS, YGI MARTIN B. <br>
                BSIT 3A
            </div>
          </footer>
    </body>
</html>