So I am trying to make a social media site, (one that would have more than one page), and I was wondering if there is a more efficient way to make separate pages and instead send destinations to other HTML files inside the repl. If this is obvious, I am sorry.
If you have a page called
about.html then you can link using the
a tag like:
<a href="/about.html">About me!</a>
Please mark this as the answer if it solved your problem :)
@webmunchster Okay, so assuming you fix your
about.html, maybe like so:
<!DOCTYPE html> <html> <head> </head> <body> <h1>HII</h1><p>IF THIS WORKS THANK THE ALMIGHTYBILL GATES</p> </body> </html>
Then, on line 26 of
index.html, you can change the
href attribute to
./about.html, after which it will look like:
<a href="./about.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" title=""><i class="fa fa-user"></i></a>
Doing that should make the profile button on the top navbar to redirect to
Working repl: https://repl.it/@JustARatherRidi/Arion
Hope this helped!
Within the Repl editor, on top of the file tree sidebar, there are two icons: a file and a folder with a green plus icon in the corner. Click the file icon, and then name that file what you want. Then link the file using root or relative linking on your site, i.e. if the file's name is yeet.html, then you could create
<a href="/yeet.html">Yeet</a>, which would link to a yeet.html file in your root directory. Read More About Linking.
If this helped, please mark my reply as the answer. Thanks!