diff --git a/index.html b/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..38a0535cb0fceec268ca1d05fa0384e79df2ba2e
--- /dev/null
+++ b/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset='utf-8'>
+ <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+ <title>Hello, World</title>
+ <meta name='viewport' content='width=device-width, initial-scale=1'>
+ <link rel='stylesheet' type='text/css' media='screen' href='static/css/blogfolio.css'>
+ <script src='static/js/blogfolio.js'></script>
+</head>
+<body>
+ <p>Hello, World</p>
+ <br>
+ <div>
+ <div class="flex-iter" style="flex-direction: row">
+ <p>Hello</p>
+ <img src="https://pm1.aminoapps.com/6203/d6a20c9518be13e1cbeb33d23bb4a6eca305b9c6_128.jpg" width="128" height="128">
+ </div>
+ <div class="flex-iter" style="flex-direction: row-reverse">
+ <p>World</p>
+ <img src="https://pm1.aminoapps.com/6203/d6a20c9518be13e1cbeb33d23bb4a6eca305b9c6_128.jpg" width="128" height="128">
+ </div>
+ </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/static/css/blogfolio.css b/static/css/blogfolio.css
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..3ad117ff2cef89439ea843c2c5552f6d34308a9b 100644
--- a/static/css/blogfolio.css
+++ b/static/css/blogfolio.css
@@ -0,0 +1,10 @@
+body {
+ background-color: #aaa;
+}
+
+div.flex-iter {
+ margin: 1em;
+ display: flex;
+ gap: 10px;
+ justify-content: center;
+}
\ No newline at end of file