Skip to content

Commit b29ce88

Browse files
TurtlecodezTurtlecodez
authored
Add files via upload
1 parent 7dc4188 commit b29ce88

File tree

15 files changed

+590
-0
lines changed

15 files changed

+590
-0
lines changed

‎README.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
# turtle boi's portfolio!
2+
3+
Heya, I'm Turtle, and known on most platforms by the username or display name "turtle boi".
4+
This is my dev portfolio :) there will definitely be more to be added! thanks for lookin at my project :D

‎assets/darkness.png‎

37.3 KB
Loading

‎assets/flux.png‎

330 KB
Loading

‎assets/henry.png‎

251 KB
Loading

‎assets/icons.png‎

412 KB
Loading

‎assets/image.png‎

177 KB
Loading

‎assets/sprig.png‎

44.9 KB
Loading

‎assets/vscode.png‎

187 KB
Loading

‎contact.html‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<link rel="stylesheet" href="styles.css">
6+
</head>
7+
<body>
8+
<header>
9+
<div class="container">
10+
<img id="logonavbar" src="./assets/henry.png" alt="logo">
11+
<h1 id="gradient3">turtle boi</h1>
12+
<nav>
13+
<ul>
14+
<li><a href="contact.html">contact</a></li>
15+
<li><a href="experience.html">experience</a></li>
16+
<li><a href="projects.html">projects</a></li>
17+
<li><a href="index.html">home</a></li>
18+
</ul>
19+
</nav>
20+
</div>
21+
</header>
22+
<div id="contact-cards">
23+
<div class="card" style="background-image: linear-gradient(#323232, #434343);">
24+
<h1 class="card-heading">contact me!</h1>
25+
<p>male, pronouns he/him</p>
26+
<br>
27+
<p>discord: turtle.boi. <br><br>
28+
gmail: [email protected] <br><br>
29+
outlook: [email protected] <br><br><br>
30+
<a href="https://google.com/">google form if you so desire</a>
31+
</p><br>
32+
</div>
33+
<div id="footer" style="width: 100%; height: 70px; transform: translateY(50px); background-color: black; text-align: center;">
34+
<p style="color: white; font-size: 15px; transform: translate(0px, 30px);">site made by turtle boi with pure code.</p>
35+
</div>
36+
</div>
37+
</body>
38+
</html>

‎experience.html‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<link rel="stylesheet" href="styles.css">
6+
</head>
7+
<body>
8+
<header>
9+
<div class="container" >
10+
<img id="logonavbar" src="./assets/henry.png" alt="logo">
11+
<h1 id="gradient3">turtle boi</h1>
12+
<nav>
13+
<ul>
14+
<li><a href="contact.html">contact</a></li>
15+
<li><a href="experience.html">experience</a></li>
16+
<li><a href="projects.html">projects</a></li>
17+
<li><a href="index.html">home</a></li>
18+
</ul>
19+
</nav>
20+
</div>
21+
</header>
22+
<div id="top-part-exp">
23+
<br>
24+
<h1 class="heading">how long i've been programming for</h1>
25+
<img style="display: inline; border: 4px solid white; border-radius: 20px; transform: translate(-20px, 0px);" src="./assets/vscode.png" width="600px">
26+
<div style="width: 600px; text-align: center; float: right;">
27+
<p style="display: inline; float: right; font-size: 18px; transform: translate(-20px, 10px);">My first look into programming was in 3rd grade, with the program <a href="https://scratch.mit.edu/">Scratch</a>. I used that program all the way up until 5th grade, where I bought a Raspberry Pi 4, which is a small computer. Through the Pi 4 I learned the basics of the coding language Python, and how to make some pretty cool things with it. I've been using HTML, CSS, and JavaScript since before 6th grade started. You can see my first foray into text languages <a href="https://editor.p5js.org/Turtle_codez/sketches/ao8Qng9Q5">here</a>. This project was created over 3 years ago, and while school was happening I took my first real foray into the world of web design, learning the very basics of HTML and CSS. The year after, I learned the workings of GitHub and Vercel, as well as how to host websites. The summer after, I took the Harvard online course known with the alias CS50W, a course on programming for the web. This helped me vastly increase my programming knowledge and become much better at HTML and CSS, boosting me from making basic 2000s style websites to making websites that can hold up to modern standards.</p>
28+
</div>
29+
</div>
30+
<div id="middle-part-exp">
31+
<br>
32+
<h1 class="heading">what languages i know</h1>
33+
<img style="display: inline; float: right; border: 4px solid white; border-radius: 20px; transform: translate(-40px, 0px);" src="./assets/icons.png" width="600px">
34+
<div style="width: 600px; text-align: center; float: left;">
35+
<p style="display: inline; float: left; font-size: 18px; transform: translate(20px, 100px);">I am fluent in TI-BASIC, the programming language of Texas Instruments calculators, and HTML. I am very good with CSS, and decent with JavaScript. I know enough Python to make some things, but it's not a language I'm super familiar with.</p>
36+
</div>
37+
<div id="footer" style="width: 100vw; height: 70px; transform: translateY(330px); position: sticky; z-index: 100; background-color: black;">
38+
<p style="color: white; font-size: 15px; transform: translateY(20px); position: sticky; z-index: 101;">site made by turtle boi with pure code.</p>
39+
</div>
40+
</div>
41+
</body>
42+
</html>

0 commit comments

Comments
 (0)