- Joined
- Aug 2, 2023
- Messages
- 1
- Reaction score
- 0
I need help making a website. I'm trying to make a website in Visual Studio Code, but whenever I test it, it shows me the html code. I am tearing my hair out at this point. Can someone help me?
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Furryopolis</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<img src="logo.png" alt="Furryopolis logo">
<nav>
<a href="#home">Home</a>
<a href="#profile">Profile</a>
<a href="#friends">Friends</a>
<a href="#groups">Groups</a>
<a href="#messages">Messages</a>
</nav>
</header>
<main>
<section id="home">
<h1>Welcome to Furryopolis</h1>
<p>Furryopolis is a social media platform for furries. Here, you can connect with other furries, share your fursona, and join groups that interest you.</p>
<section id="post">
<h2>Post a photo or video</h2>
<form action="#">
<input type="file" name="photo">
<input type="submit" value="Post">
</form>
</section>
<section id="comments">
<h2>Comments</h2>
<ul>
<li>
<span>User1</span>: This is a great photo!
</li>
<li>
<span>User2</span>: I love your fursona!
</li>
</ul>
</section>
</section>
<section id="profile">
<h2>Your Profile</h2>
<p>This is your profile. Here, you can edit your profile information, view your posts, and see your friends list.</p>
<section id="settings">
<h2>Settings</h2>
<p>Here you can change your theme and password.</p>
<input type="radio" name="theme" value="light" checked> Light Theme
<input type="radio" name="theme" value="dark"> Dark Theme
<input type="password" name="password" placeholder="New Password">
<input type="submit" value="Save">
</section>
</section>
<section id="friends">
<h2>Your Friends</h2>
<p>This is a list of your friends. You can view their profiles, send them messages, and join groups with them.</p>
</section>
<section id="groups">
<h2>Groups</h2>
<p>This is a list of groups that you're a member of. You can view the group's posts, join discussions, and meet other furries who share your interests.</p>
</section>
<section id="messages">
<h2>Messages</h2>
<p>This is a list of your messages. You can read and reply to messages from your friends.</p>
</section>
</main>
<footer>
© 2023 Furryopolis
</footer>
</body>
</html>
