Make a new version of the I9K site HTML that uses the Vina Sans font and the color and divides all sections of the main site into columns.
HTML for reference:
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>I9K - Inter9000 Returns</title>
<link href="/style.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" type="image/ico" href="/favicon.ico">
</head>

<body>
<header>
<img src="/logo.png" height="100px" alt="Logo">
<div class="nav-links">
<a href="index.html">Home</a>
&nbsp;&nbsp;
<a href="gallery.html">Gallery</a>
&nbsp;&nbsp;
<a href="blog.html">Blog</a>
&nbsp;&nbsp;
<a href="index.html">Soon</a>
&nbsp;&nbsp;
</div>
</header>
<!--<p>
I9K is a website that was created in April 2023 as <a href="https://i4k.neocities.org">Inter4000</a>, or I4K. It aims to provide high-quality content and resources to the I9K community and is powered by the company who also powers C159 and the pBar 63 homepage: <a href="https://iserver.neocities.org">iServer</a>. I9K is based on Clippy 159's site, and made after few more sites like <a href="https://ptfifou2.neocities.org">PTFiFOU</a>, <a href="https://i8kreturns.neocities.org">I8K Returns</a> and <a href="https://i8k.neocities.org">I8K</a>.
</p>
<p>Also, I do Functioner 95. You can see its wiki <a href="/Functioner/index.html">here</a> or explore the Functionnet <a href="/Functionnet/index.html">here</a>.</p>
<p>Functioner 95 (Public RC) can be downloaded here: <a href="https://file.io/Zp4mgmP1zGdT">https://file.io/Zp4mgmP1zGdT</a>. You have until 14 July to download it.</p> I make stuff and I am also managing Progresswire Coo right now.-->
<div class="content">
<h2>About I9K</h2>
<p>I9K (or Inter9000 Returns) is a website that I created in April 2023, otherwise known as I4K before May 2023. Right now, I am working on it, and this website is powered by iServer (which is actually a seperate site of Clippy 159). Also, I am working on Functioner 95, which you can see <a href="/Functioner/index.html">here</a>.</p>
<h2>A random list</h2>
<ul>
<li>Pull</li>
<li>Tug</li>
<li>Sub</li>
<li>Woof</li>
<li>Glan</li>
</ul>
<h2>Some facts that I did not mention in my about</h2>
<ul>
<li>iServer is also the server that powers Clippy 159's homepage (or C159).</li>
<li>iServer is also the server that powers pBar 64 usingchipper's homepage (or the pBar 63 homepage).</li>
<li>You can explore the Functionnet <a href="/Functionnet/index.html">here</a>.</li>
<li>This was made after various sites, such as: <ul>
    <li><a href="https://ptfifou2.neocities.org">PTFiFOU 2</a></li>
    <li><a href="https://i8kreturns.neocities.org">I8K Returns</a></li>
    <li><a href="https://i8k.neocities.org">I8K</a></li>
</ul></li>
<li>I am also managing Progresswire Coo, which you can see <a href="https://prgrswr381937.ichi.city">here</a>.</li>
</ul>
<h2>Links not in other pages</h2>
<p>These links are:</p>
<ul>
	<li><a href="/i4f/index.html">I4F</a></li>
	<li><a href="my.html">My knowledge</a></li>
	<li><a href="weirdstuff.html">Weird Stuff</a></li>
	<li><a href="testbuild.html">Test build</a></li>
	<li>More to come soon...</li>
</ul>

<h2>Join Us Today</h2>
<p>
Even if you are not part of the I9K community, you can join us for new people.
</p>
<p>I am also on Linktree as Inter4000 and Progresswire Coo (which you will see a link to download Progresswire Coo), go here for more: <a href="https://linktr.ee/i4kthetf1thingy">https://linktr.ee/i4kthetf1thingy</a></p>
</div>

<footer>
<h1>More websites to discover</h1>
<p>I don't know.</p>
<small>No more left. Comment for suggestions.</small>
<small>This website is not affiliated with ClippyBuji, LLC or Omarkee, LLC in any way.</small>
</footer>
</body>
</html>
CSS for reference:
/* Importing fonts */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;700;900&display=swap');
/* Global Styles */
body {
font-family: 'Unbounded', cursive;
line-height: 1.6;
margin: 0;
padding: 0;
color: #333;
}

a {
color: #289BB7;
text-decoration: none;
transition: all 0.3s ease;
}

a:hover {
text-decoration: underline;
}

header {
background-color: #ffffff;
color: black;
display: flex;
justify-content: space-between;
align-items: center;
height: 100px;
padding: 0 20px;
}

.nav-links {
display: flex;
color: black;
}

.nav-links li {
margin-right: 20px;
}

.side-nav a {
display: block;
margin-bottom: 10px;
padding: 10px;
color: black;
background-color: white;
}

.side-nav a:hover {
background-color: #289BB7;
color: white;
}

.content {
max-width: 800px;
margin: 0 auto;
padding: 20px;
font-family: 'Unbounded', cursive;
color: #666;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

footer {
margin-top: 20px;
padding: 20px;
text-align: center;
background-color: #289BB7;
color: white;
font-family: 'Unbounded', cursive;
}

/* Specific Styles */
header img {
height: 80%;
}

.content h1 {
font-size: 36px;
margin-bottom: 20px;
font-family: 'Unbounded', cursive;
color: #289BB7;
}

.content ul li {
margin-bottom: 10px;
font-size: 18px;
}

.content h2 {
font-size: 28px;
margin-bottom: 20px;
font-family: 'Unbounded', cursive;
color: #289BB7;
}

.content iframe {
border: 1px solid #ddd;
margin-top: 30px;
}

footer h1 {
font-size: 24px;
margin-bottom: 20px;
color: white;
font-family: 'Unbounded', cursive;
}

footer a {
margin-right: 20px;
color: white;
}

footer small {
display: block;
margin-top: 20px;
font-size: 14px;
}

.daily-posts ul, .popular-posts ul, .quick-news ul {
font-family: 'Unbounded', cursive;
font-weight: regular;
font-size: 16px;
margin-left: 20px;
}

.daily-posts li, .popular-posts li, .quick-news li {
margin-bottom: 5px;
}

/* Gallery Styles */
.gallery {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.image img {
max-width: 100%;
height: auto;
border-radius: 10px;
}
Remember to use code blocks.