Code error, can not get page within webpage to direct/open/load

Code Help
1

Question: How do I get the button labeled: “read more” underneath the “Popular posts” page to open/direct me to that page? I have done it on two other pages within the webpage but this one will not work. I keep getting an error; not found.

Repl link:
https://replit.com/@TimothyAnders12/Final-Project-Blog-template#index.html

code snippet
<!DOCTYPE html>
<html>
<head>
<title>Tim Anderson's Blog</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<style>
body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
  .w3-card {
  background-color: #e0f7fa;
</style>
</head>
<body class="w3-light-grey">

<!-- w3-content defines a container for fixed size centered content, 
and is wrapped around the whole page content, except for the footer in this example -->
<div class="w3-content" style="max-width:1400px">

<!-- Header -->
<header class="w3-container w3-center w3-padding-32"> 
  <h1><b>The AI Horizons-Blog</b></h1>
  <p>Welcome to the blog of <span class="w3-tag">Luke Anderson</span></p>
</header>

<!-- Grid -->
<div class="w3-row">

<!-- Blog entries -->
<div class="w3-col l8 s12">
  <!-- Blog entry -->
  <div class="w3-card-4 w3-margin w3-white">
    <img src="https://images.spiceworks.com/780x450/wp-content/uploads/2022/05/27152822/six-steps-to-succeed-as-a-machine-learning-engineer.jpg" alt="AI stock image" style="width:100%">
    <div class="w3-container">
      <h3><b>The Mission</b></h3>
      <h5>The AI Halo affect, <span class="w3-opacity">December 03, 2023</span></h5>
    </div>

    <div class="w3-container">
      <p>Welcome to the AI Horizons, in this blog, I will talk about the ever-evolving realm of artificial intelligence, and innovative technology! My blog is your go-to resource for exploring the profound impacts of AI on industries, society, and the very fabric of our lives.</p>
      <p>Here, we delve into the intricate web of AI's reach, examining its implications, possibilities, and ethical considerations. In this blog I will discuss my hobbys, interests, and passions. </p>
      <div class="w3-row">
        <div class="w3-col m8 s12">
          <p><button class="w3-button w3-padding-large w3-white w3-border"><b>READ MORE »</b></button></p>
        </div>
        <div class="w3-col m4 w3-hide-small">
        </div>
      </div>
    </div>
  </div>
  <hr>

  <!-- Blog entry -->
  <div class="w3-card-4 w3-margin w3-white">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMGDuSNRaoWiIONUV8_tFeBVPS4rxzpXQ-R8QRluIbK8G0CAs8EXjY35aWY74a4Ri3TcgDw7Fbr3BvPrhnpI9Vm-Y4rQEeZ5hVFs_XDYdtyTS-F95FbNZ9vZZnwP6G9Nag0S1PPcY-e7ucF20AFHnJDCy9c9MeBVnBx3TL-dtnQxkvWqp3HNWhbNO4xY5x/w640-h473/programmer_background_image.jpg" alt="Coding stock image" style="width:100%">
    <div class="w3-container">
      <h3><b>BLOG ENTRY</b></h3>
      <h5>The Implications and Long-term Downstream Effects of AI on Education, <span class="w3-opacity">December 2nd, 2023</span></h5>
    </div>

    <div class="w3-container">
    <p>https://docs.google.com/document/d/e/2PACX-1vQKHm8whPOiNBxnVSt2qU3CYuPropfQ7ivaIL7w5hD3UXV28kQaFT7hYGcLX4_1dsBHAdJZUHWWpPW5/pub</p>
      <div class="w3-row">
        <div class="w3-col m8 s12">
          <p><button class="blog-entry.html"><b>READ MORE »</b></button></p>
        </div>
        <div class="w3-col m4 w3-hide-small">
          <p><span class="w3-padding-large w3-right"</span></p>
        </div>
      </div>
    </div>
  </div>
<!-- END BLOG ENTRIES -->
</div>

<!-- Introduction menu -->
<div class="w3-col l4">
  <!-- About Card -->
  <div class="w3-card w3-margin w3-margin-top">
  <img src="https://media.istockphoto.com/id/1387900612/photo/automation-data-analytic-with-robot-and-digital-visualization-for-big-data-scientist.jpg?s=612x612&w=0&k=20&c=50maOJU6CpVC55mYnUqtff2aiaJZ7KlmMn4jNhWD_eo=" style="width:100%">
    <div class="w3-container w3-white">
      <h4><b>Who am I, What am I? </b></h4>
      <p>I am a full time college student pursuing a bachelors of science degree in the discipline of computer science with an emphasis in machine learning enginerring and a desire to minor in physics/statistcal mechanics. I am currentlly in the second semester of my freshman year at UAPTC.</p>
<p> I have a passion for hardware, robotic and autonomous systems. I like to build projects that have a challenging engineering problem to solve. Engineering is a passion of mine that stems from the desire to understand the language of the universe, Mathematics and physics. Some other subjects I enjoy are finance, BCI, programming, and advanced manufacturing. </p>
    </div>
  </div><hr>

  <!-- Posts -->
  <div class="w3-card w3-margin">
    <div class="w3-container w3-padding">
      <h4>Popular Posts</h4>
    </div>
    <ul class="w3-ul w3-hoverable w3-white">
      <li class="w3-padding-16">
        <img src="https://d1nz104zbf64va.cloudfront.net/dt/a/o/a-few-words-about-artificial-intelligence-what-is-it.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
        <span class="w3-large">NZS Capital Blog post</span><br>
        <span>https://www.nzscapital.com/sitalweek/sitalweek-379</span>
      </li>
      <li class="w3-padding-16">
        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQpiefpoZKICVS0OICAMJcR7c1l3sTiZgLlvw&usqp=CAU" alt="Image" class="w3-left w3-margin-right" style="width:50px">
        <span class="w3-large">AI in material synthesis and generation Scholarly Paper</span><br>
        <span>https://www.nature.com/articles/s41586-023-06734-w#Abs1</span>
      </li> 
      <li class="w3-padding-16">
        <img src="https://www.shutterstock.com/image-photo/child-take-notes-digital-ai-600nw-2296184867.jpg" alt="Image" class="w3-left w3-margin-right" style="width:50px">
        <span class="w3-large">Department of Education: Report on AI and the future of learning</span><br>
        <span>https://tech.ed.gov/files/2023/05/ai-future-of-teaching-and-learning-report.pdf</span>
      </li>   
    </ul>
    <p><a href="Popular-post.html"><button class="w3-button w3-padding-large w3-white w3-border"><b>Read More »</b></button></a></p>
  </div>
  <hr> 

  <!-- Hobbies, Interests, and Projects -->
  <div class="w3-card w3-margin">
    <div class="w3-container w3-padding">
    <img src="https://www.automation.com/getmedia/b9275ef4-0bbd-47ff-8d69-9228cbab5fb9/Augmented-reality-feature-Aug-10-2023-web.png?width=500&height=313&ext=.png" alt="Coding stock image" style="width:100%">
      <h4>Hobbies, Interests, and Projects</h4>
    </div>
    <div class="w3-container w3-white">
      <p>Here you can find details about my hobbies, various interests, and projects I have been working on.</p>
    <p><a href="hobbies-interests-projects.html"><button class="w3-button w3-padding-large w3-white w3-border"><b>Read More »</b></button></a></p>
      <!-- Content related to Hobbies, Interests, and Projects -->
    </div>
  </div>
  <hr>
  <!-- Goals, Skills, and Passions -->
  <div class="w3-card w3-margin">
    <div class="w3-container w3-padding">
      <img src="https://miro.medium.com/v2/resize:fit:1100/format:webp/1*CBI2AuchdrtuCBzaKzWFoQ.png" alt="Coding stock image" style="width:100%">
      <h4>Goals, Skills, and Passions</h4>
    </div>
    <div class="w3-container w3-white">
      <p>This page is dedicated to discussing my personal goals, the skills I am developing, and the passions that drive me.</p>
      <p><a href="Goals-skills-passions.html"><button class="w3-button w3-padding-large w3-white w3-border"><b>Read More »</b></button></a></p>
      <!-- Content related to Goals, Skills, and Passions -->
    </div>
  </div>
  <hr>
  
  <!-- Labels / tags -->
  <div class="w3-card w3-margin">
    <div class="w3-container w3-padding">
      <h4>Tags</h4>
    </div>
    <div class="w3-container w3-white">
<p><span class="w3-tag w3-black w3-margin-bottom">AI</span> 
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Artificial Intelligence</span> 
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">AGI</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">ASI</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">General Intelligence</span> 
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">LLMs</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Super Intelligence</span> 
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">ASI</span> 
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Education</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Economy</span>    <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Finance</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Government</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Regulation</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Hardware and Software</span>
    </p>
    </div>
  </div>

<!-- END Introduction Menu -->
</div>

<!-- END GRID -->
</div><br>

<!-- END w3-content -->
</div>

<!-- Footer -->
<footer class="w3-container w3-dark-grey w3-padding-32 w3-margin-top">
  <button class="w3-button w3-black w3-disabled w3-padding-large w3-margin-bottom">Previous</button>
  <button class="w3-button w3-black w3-padding-large w3-margin-bottom">Next »</button>
  <p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
</footer>

</body>
</html>
2

Is this a school assignment? We can’t provide direct help (although we’ll try to guide you in the right direction) if it’s a school assignment.

Is this repl private? The link you provided is a 404.

1 Like
3

Check if you spelled the file name correctly.
For your file to be found, you must provide its full path. There are some rules you need to follow:

  • If the file you’re trying to access is in the same folder as your current file, write the file name. (eg file.html)
  • If the file is on another website, write the full URL (including http://). (eg. http://google.com/file.html)
  • If the file’s in a subfolder of the current file, write all the folders before, too, separated by slashes. (eg. subfolder/subfolder/file.html)
  • If the file is in a folder that contains the folder with the current file (which isn’t the case if the current file is index.html), you need to write .. at the beginning, and then all folders to the file. (eg. ../folder/subfolder/file.html)

Take the following directory tree for example:

/
| index.html
| bob.html
| more/
| | sub.html
| | way.html

From sub.html → way.html: href="way.html"
From sub.html → bob.html: href="../bob.html"
From index.html → sub.html: href="more/sub.html".

4

Or just href="/bob.html" would work there.

1 Like