some index changes

4 files changed, 18 insertions, 7 deletions

diff --git a/public/css/style.css b/public/css/style.css
index 5108be4..e650c7d 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -2,6 +2,7 @@ body{
 	max-width: 900px;
 	margin: auto;
 	background-color: #E1D9D1;
+	font-size: 1.1rem;
 }
 nav {
 	margin-top: 10px;
@@ -60,17 +61,26 @@ footer{
 .index-content{
 	height: 500px;
 	display: flex;
+	border: 2px solid white;
 }
 
+/* Right */
 .right{
 	height: 500px;
 	width: 60%;
-	background: blue;
+	border-right: 2px solid white;
 }
 
+.right h3{
+	text-algin: center;
+}
+
+/* Left */
 .left{
 	height: 500px;
 	width: 40%;
-	background: green;
 }
 
+.left figure img{
+	width: 100%;
+}
diff --git a/public/img/gif/1.gif b/public/img/gif/1.gif
new file mode 100644
index 0000000..a55bfe5
--- /dev/null
+++ b/public/img/gif/1.gif
diff --git a/public/img/gif/2.gif b/public/img/gif/2.gif
new file mode 100644
index 0000000..153e829
--- /dev/null
+++ b/public/img/gif/2.gif
diff --git a/public/index.html b/public/index.html
index a943afb..b2cc970 100644
--- a/public/index.html
+++ b/public/index.html
@@ -36,15 +36,16 @@
 <div class="index-content">
 
   <div class="right">
-	<h3>Text stuff here</h3>
-	<p>Pellentesque sit amet, porttitor eget dolor 
-	  arcu risus, quis varius quam quisque id diam
-	  vel quam elementum pulvinar etiam non quam
-	  lacus suspendisse.</p>
+	<h3>Food for Thought</h3>
+	<span><i>Coming Soon</i></span>
   </div>
 
   <div class="left">
 	<h3>Corner of Cool</h3>
+	<figure>
+	  <img alt="cool gif" src="/img/gif/2.gif"/>
+	  <figcaption><i><small>some space thing</small></i></figcaption>
+	</figure>
   </div>
 
 </div>