diff --git a/src/img/header.jpg b/src/img/header.jpg
index 4b304435dc841904ccc3df44995ab443179e8b6d..dfbb4c15bde8e70d02df2dc4b5252702d67b868a 100644
Binary files a/src/img/header.jpg and b/src/img/header.jpg differ
diff --git a/src/img/image-2.jpg b/src/img/image-2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8c83194aefdb8743f9e907f72e24dde9d25aaba5
Binary files /dev/null and b/src/img/image-2.jpg differ
diff --git a/src/img/product-preview.jpg b/src/img/product-preview.jpg
index ec21be68d98c523e173f07cd301c341d87e08833..7e638949f22aab280fe092b95a0fa8c2be4c8eb4 100644
Binary files a/src/img/product-preview.jpg and b/src/img/product-preview.jpg differ
diff --git a/src/index.html b/src/index.html
index a0adb4ae6e49d04dfc819afaf93ef130ce34d181..abb4a6b63cf4ff70c625333b40ad3d2696c1321a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -13,7 +13,7 @@
<title>Home | ryoko</title>
</head>
-<body>
+<body bgcolor="#f3f3f3">
<header>
<font face="monospace">
<table width="100%" bgcolor="lightgray">
@@ -44,11 +44,12 @@
</header>
<main>
<font face="sans-serif">
- <section class="hero">
+ <section class="hero-section">
<img src="img/header.jpg" alt="Productivity" width="100%">
<br>
<br>
- <h1 align="center">{Catchphrase}</h1>
+ <h1 align="center">Ryoko</h1>
+ <h2 align="center">Plan your projects like a journey!</h2>
<p align="center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non voluptates vero quasi
unde ullam saepe harum
illum tempore minus fugiat!
@@ -119,7 +120,7 @@
</p>
</td>
<td width="50%" align="center">
- <img src="img/product-preview.jpg" alt="Product preview" width="400px">
+ <img src="img/image-2.jpg" alt="" width="400px">
</td>
</tr>
</table>