<!DOCTYPE html><html> <body> <div id="container"> <div id="headerArea"> <div id="header"></div> <h1>Ahe's Portfolio</h1> <h2>i thought you knew it</h2> <iframe width="420" height="345" src="https://www.youtube.com/embed/tUpl75_FKjQ"></iframe> <div id="flex"> <aside id="leftSidebar"> <h1>Socials</a> <div class="box"> <h1>Animations</a><a href="https://www.youtube.com/channel/UC2C_n5XFSWAe8S9k7TfVi0Q">Youtube</a><a href="https://www.tiktok.com/@aidenboyedits4u?_t=8n5sS0ste7E&_r=1">Tiktok</a> </div> </aside> <main> <p>hello this my portfolio </p> <p>heres is my longest and most worked animation i have done its below </p><iframe width="420" height="345" src="https://www.youtube.com/embed/e2zph-ms2Vs"></iframe><p>i use flipaclip for my animations</p><a href= "https://r4x8c.app.goo.gl/avWz">click here for the flipaclip website</a><a href= "https://www.youtube.com/embed/dQw4w9WgXcQ">click here for unknown reasons</a><a href = "https://neal.fun/share-this-page/"><img src= "meme.png"></a> <br><a href="http://scamwebsite.com"><img src="https://scamwebsite.com/baddesign.gif"width="468" height="60" border="0" alt="Go to scamwebsite.com or whatever"></a><br><p>Got nothing else better to do? Click the gif below me!<p><a href="https://www.watching-grass-grow.com/"><img style="border:2px solid green;" src="https://www.watching-grass-grow.com/watching-grass-grow.gif" alt="watching grass grow" title="watching grass grow"></a><h3>List of My Interests(totally not just one word)</h3><ul><li> <a href="https://www.youtube.com/channel/UC2C_n5XFSWAe8S9k7TfVi0Q">animation</a></li> <li> <a href="https://www.youtube.com/channel/UC2C_n5XFSWAe8S9k7TfVi0Q">animation</a></li><li> <a href="https://www.youtube.com/channel/UC2C_n5XFSWAe8S9k7TfVi0Q">animation</a></li></ul><a href= "https://aheanimation.neocities.org/guestbook">Click me for the guest book!</a><h4>Lists of my animation programs</h4><ul><li> <a href="https://flipaclip.com/?utm_campaign=FlipaClip%20Share%20Link&utm_medium=share_description_link&utm_source=flipaclip_share">Flipaclip</a> <p>want to make something like this?</p> <a href= "https://neocities.org/tutorial/html/1">Click me to find out!</a> <h1>want to share with your friends?</h1> <a href="http://https://aheanimation.neocities.org"><img src="banner ad.gif"></a> <h2>click this</h2> <p>Ok now this the end of the portfolio!<p> <a href = "https://neocities.org/"><img src="/neocities.png"> </a>
</main> <aside id="rightSidebar"> <div class="box"> <aside id="leftSidebar"> <div class="box"><div align='center'><a href='https://www.free-website-hit-counter.com'><img src='https://www.free-website-hit-counter.com/c.php?d=9&id=172252&s=38' border='0' alt='Free Website Hit Counter'></a><br / ><small><a href='https://www.free-website-hit-counter.com' title="Free Website Hit Counter">Free website hit counter</a></small></div> </div> </aside> </div> <footer id="footer">CC0 Public Domain, 2022</footer> </div> <style> :root { --header-image: url('https://sadhost.neocities.org/images/layouts/wp.jpeg'); --body-bg-image: url('https://sadhost.neocities.org/images/tiles/purplesky.gif');
/* colors */ --content: #43256E; }
@font-face { font-family: Nunito; src: url('https://sadhost.neocities.org/fonts/Nunito-Regular.ttf'); }
@font-face { font-family: Nunito; src: url('https://sadhost.neocities.org/fonts/Nunito-Bold.ttf'); font-weight: bold; }
@font-face { font-family: Nunito; src: url('https://sadhost.neocities.org/fonts/Nunito-Italic.ttf'); font-style: italic; }
@font-face { font-family: Nunito; src: url('https://sadhost.neocities.org/fonts/Nunito-BoldItalic.ttf'); font-style: italic; font-weight: bold; }
body { font-family: 'Nunito', sans-serif; margin: 0; background-color: #08031A; /* you can delete the line below if you'd prefer to not use an image */ background-size: 65px; color: #fceaff; background-image: var(--body-bg-image); }
* { box-sizing: border-box; } #container { max-width: 900px; margin: 0 auto; }
#container a { color: #ED64F5; font-weight: bold; }
#header { width: 100%; background-color: #5e4e8c; /* header color here! */ height: 150px; background-image: var(--header-image); background-size: 100%; } aside { background-color: #241445; width: 200px; padding: 20px; font-size: smaller; } main { background-color: #43256E; flex: 1; padding: 20px; order: 2; } */ #leftSidebar { order: 1; }
#rightSidebar { order: 3; }
footer { background-color: #13092D; /* background color for footer */ width: 100%; height: 40px; padding: 10px; text-align: center; /* this centers the footer text */ }
h1, h2, h3 { color: #ED64F5; }
h1 { font-size: 25px; }
strong { color: #ED64F5; }
.box { background-color: #13092D; border: 1px solid #ED64F5; padding: 10px; } #topBar { width: 100%; height: 30px; padding: 10px; font-size: smaller; background-color: #13092D; }
@media only screen and (max-width: 800px) { #flex { flex-wrap: wrap; }
aside { width: 100%; }
main { order: 1; }
#leftSidebar { order: 2; }
#rightSidebar { order: 3; }
#navbar ul { flex-wrap: wrap; } } </style> </body></html>