diff --git a/assets/html/index.html b/assets/html/index.html
new file mode 100644
index 0000000..08c3c2a
--- /dev/null
+++ b/assets/html/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<link rel="stylesheet" href="../css/style.css">
+		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
+	</head>
+	<body>
+		<div class="headerWrapper fw">
+			<div class="header0 centerX">
+				<div class="fw spread">
+					<div class="header0left header0part">
+						<a class="project" href="#">PRETENDO</a>
+						<a href="#">News</a>
+						<a href="#">Progress</a>
+						<a href="#">Contact</a>
+					</div>
+					<div class="header0right">
+						:)
+					</div>
+				</div>
+				
+			</div>
+			<div class="header1 centerX  centerY wrap">
+				<div class="header1div centerX wrap top">
+					<h1 class="hugeText uppercase regular">Pretendo</h1>
+					<div class="dividerWrapper fw centerX"><div class="divider"></div></div>
+					
+					<h3 class="regular centerText">A work-in-progress Nintendo Service replacement for Wii U and 3DS. Fully open source.</h3>
+				</div>
+			</div>
+			<div class="header2 fw"></div>
+		</div>
+
+		<div class="bodyDiv mainDiv">
+			<div class="card bigCard">
+				<h1 class="bold highlight">Wait a second</h1>
+				<h1 class="bold heading1">What exactly is this?</h1>
+				<h3 class="secondary bold smallheading">Yeah, I'm not actually going to remake all the cubes and stuff.</h3>
+				<p class="text">
+					Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<br /><br />Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<br /><br />Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
+				</p>
+			</div>
+			<div class="card bigCard">
+				<h1 class="bold highlight">Who is responsible?</h1>
+				<h1 class="bold heading1">Who made this?</h1>
+				<div class="cardProfiles">
+					<div class="profile wrap">
+						<div class="profileIcon">
+							<img src="https://cdn.discordapp.com/avatars/117261997619412996/c0e34de348b8d45e7a16c0260173bc8c.webp?size=256">
+						</div>
+						<div class="profileText centerY wrap">
+							<div>
+								<h2 class="noMargin fw smallheading">RedDucks</h2>
+								<p class="text noMargin">Project owner, lead developer, very violent young man. Splatoon obsessed as well.</p>
+							</div>
+							
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="card bigCard specialCard spread wrap">
+				<div class="card20">
+					<h1 class="bold highlight">Be notified</h1>
+					<h1 class="bold heading1">Stay updated</h1>
+					<p class="text">
+					Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
+					</p>
+					<div class="buttonDiv centerX"><button class="button1">Learn more!</button></div>
+				</div>
+				<div class="card21 smallCardBit centerY spread wrap">
+					<div class="smallCard">
+						<h3 class="secondary bold smallheading">Super cool</h3>
+						<p class="text">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea</p>
+						<button class="button2">Read more</button>
+					</div>
+					<div class="smallCard">
+						<h3 class="secondary bold smallheading">Super cool</h3>
+						<p class="text">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea</p>
+						<button class="button2">Read more</button>
+					</div>
+				</div>
+			</div>
+		</div>
+		
+		<!--<div class="test0">
+			<h1 class="bold highlight">Wait a second</h1>
+			<h1 class="bold heading1">What exactly is this?</h1>
+			<h3 class="secondary bold smallheading">Yeah, I'm not actually going to remake all the cubes and stuff.</h3>
+			<p class="text">
+				Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<br /><br />Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<br /><br />Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
+			</p>
+			<div class="buttonDiv centerX"><button class="button1">Learn more!</button></div>
+		</div>
+		<div class="test2">
+			<div class="profile wrap">
+				<div class="profileIcon">
+					<img src="https://cdn.discordapp.com/avatars/117261997619412996/c0e34de348b8d45e7a16c0260173bc8c.webp?size=256">
+				</div>
+				<div class="profileText centerY wrap">
+					<div>
+						<h2 class="noMargin fw smallheading">RedDucks</h2>
+						<p class="text noMargin">Project owner, lead developer, very violent young man. Splatoon obsessed as well.</p>
+					</div>
+					
+				</div>
+			</div>
+		</div>-->
+		<script>
+			let x = document.querySelector(".cardProfiles");
+			let y = x.innerHTML;
+			for(let i = 5; i > 0; i--) {
+				x.innerHTML += y;
+			}
+		</script>
+	</body>
+</html>
\ No newline at end of file
