first.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blog Page</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
    <style>

    </style>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
 
    <!-- <script src="./Test templates/Javascript/home_and_blog.js" defer></script> -->
</head>
<body>
    
    <div id="bloggit-preloader">

    </div>
<section id="bloggit-header">

</section>
<div class="container mt-4">
    <div class="row">
      <div class="col-md-6">
        <h2>
            Welcome to my Blog
        </h2>
        <p>I use this platform to document my adventures in Backend Development, including in-depth insights into my API projects and related topics.</p>
        <p>You'll find information on how I've tackled challenges, valuable resources, and more.</p>
        <p>Explore some of my projects below</p>
        
        <div class="mb-3">
            <a href="https://web.facebook.com/profile.php?id=100074315773238" class="btn btn-primary mr-2"><i class="fab fa-facebook-f"></i></a>
            <a href="https://twitter.com/craennie" class="btn btn-secondary mr-2"><i class="fab fa-twitter"></i></a>
            <a href="https://github.com/Crane04" class="btn btn-info mr-2"><i class="fab fa-github"></i></a>
            <a href="https://www.linkedin.com/in/yusuf-mayowa-2031522a0/" class="btn btn-success mr-2"><i class="fab fa-linkedin-in"></i></a>
            <a href="mailto:mayowayusuf3004@gmail.com" class="btn btn-warning mr-2"><i class="far fa-envelope"></i></a>
            <a href="https://wa.me/+2349114081137" class="btn btn-danger"><i class="fab fa-whatsapp"></i></a>
        </div>
      </div>
      <div class="col-md-6">
        <div class="image-container">
          <img src="https://mayowadev.pythonanywhere.com/static/assets/blog/myImage.png" alt="Your Image" class="img-fluid">
        </div>
      </div>
    </div>
  </div>
    <section id="bloggit-container">

    </section>

    <script src="C:\Users\Craennie\Desktop\Blog-API\api_v2\JavaScript\FetchData\.js"></script> 
</body>
</html>