Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Programming</title>
<link rel="icon" href="Images/Logo.png" type="image/x-icon" />
<link rel="stylesheet" href="style-index.css" />
<link rel="stylesheet" href="style-general.css" />
</head>
<body>
<nav class="navbar">
<div class="webname">Pecific</div>
<div class="nav">
<ul class="ul" type="none">
<li class="high li">Programming</li>
<a href="art.html">
<li class="li">Art</li>
</a>
<a href="socials.html">
<li class="li">Socials</li>
</a>
</ul>
</div>
</nav>
<main class="content">
<div class="know">
<div class="lang">
<div class="name">
<h1>C Lang.</h1>
</div>
</div>
<div class="lang">
<div class="name">
<h1>HTML</h1>
</div>
</div>
<div class="lang span-two">
<div class="name">
<h1>Lua</h1>
</div>
</div>
<div class="lang">
<div class="name">
<h1>CSS</h1>
</div>
</div>
<div class="lang">
<div class="name">
<h1>Bash</h1>
</div>
</div>
</div>
<h1 class="current-learn" style="font-size: 50px">Currently Learning:</h1>
<div class="edu">
<div class="clg">
<h2>In College</h2>
<ul>
<li>C language</li>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>BootStrap</li>
</ul>
</div>
<div class="ext">
<h2>External Course: CS50</h2>
<ul>
<li>C language</li>
<li>Python</li>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Flask</li>
</ul>
</div>
</div>
<div class="hub">
<h1>
My Scratch Project - made using
<a
href="https://scratch.mit.edu"
style="font-weight: 900; text-decoration: underline"
target="_blank"
>scratch.mit.edu</a
>
<h1 class="game">The Crab Game</h1>
<a
href="https://scratch.mit.edu/projects/1169620812/"
target="_blank"
>
<button>Play Now!</button>
</a>
</h1>
</div>
</main>
<aside class="btmbar">
<span class="raiseup high li" title="Programming">
<img
class="btbr_img"
src="Images/icons/programming-svgrepo-com.svg"
alt=""
/>
</span>
<a href="art.html">
<span class="li" title="Art">
<img
class="btbr_img"
src="Images/icons/art-palette-svgrepo-com.svg"
alt=""
/>
</span>
</a>
<a href="socials.html">
<span class="li" title="Socials">
<img
class="btbr_img"
src="Images/icons/social-youtube-svgrepo-com.svg"
alt=""
/>
</span>
</a>
</aside>
</body>
</html>