portfolio/projects.html at main · Turtlecodez/portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="styles.css">
        <link rel="icon" type="image/x-icon" href="/assets/henry.png">
        <title>turtle's projects</title>
    </head>
    <body style="overflow: hidden;">
        <header>
            <div class="container">
                <img id="logonavbar" src="./assets/henry.png" alt="logo">
                <h1 id="gradient3">turtle boi</h1>
                <nav>
                    <ul>
                        <li><a href="contact.html">contact</a></li>
                        <li><a href="experience.html">experience</a></li>
                        <li><a href="projects.html">projects</a></li>
                        <li><a href="index.html">home</a></li>
                    </ul>
                </nav>
            </div>
            <br>
        </header>

        <div id="darkness-div">
            <img id="darkness-img" src="./assets/darkness.png" width="600px">
            <h1 id="darkness-heading">darkness-site</h1>
            <br>
            <p id="darkness-body">the first real site i ever made, an unblocked games site! <br> made in about 2 weeks over the summer and created with HTML <br> and CSS. Programmed after watching half of the Harvard <br> online course known as CS50W. <br><br><br><br><br><br><br><br> Visit now via <a href="https://darkness-site.vercel.app/">this link</a> or by going to https://darkness-site.vercel.app/.</p>
        </div>
        <div id="flux-div" style="position: sticky;">
            <img id="flux-img" src="./assets/flux.png" width="600px">
            <h1 id="flux-heading">fluxOS</h1>
            <br>
            <p id="flux-body">A web operating system designed to look similar to the <br> operating system used on Chromebooks, ChromeOS. <br> Made in about a week and doesn't have much functionality <br> right now. <br><br><br><br><br><br>Visit with <a href="https://flux-os-five.vercel.app/">this link</a> or by going to https://flux-os-five.vercel.app/.</p>
        </div>
        <div id="sprig-div">
            <h1 id="sprig-heading">sprig reader</h1>
            <br>
            <p id="sprig-body">A program designed to port .txt files onto a niche <br> console called a Sprig. <br><br><br><br><br><br> Visit at <a href="https://sprig-reader.vercel.app/">this link</a> or go to https://sprig-reader.vercel.app/.</p>
            <img id="sprig-img" src="./assets/sprig.png" width="600px">
            <div id="footer" style="width: 100%; height: 70px; transform: translateY(108px); background-color: black; text-align: center;">
                <p style="color: white; font-size: 15px; transform: translate(-20vw, 30px);">site made by turtle boi with pure code.</p>
            </div>
        </div>
    </body>
</html>