code-differently · gglowe · Nov 10, 2020 · Nov 12, 2020 · Nov 15, 2020 · Nov 15, 2020
diff --git a/blog-post.html b/blog-post.html
diff --git a/images/Ikaros.png b/images/Ikaros.png
diff --git a/images/articleDate.png b/images/articleDate.png
diff --git a/blog-post.png → images/blog-post.png b/blog-post.png → images/blog-post.png
diff --git a/blog.png → images/blog.png b/blog.png → images/blog.png
diff --git a/images/greyBox.png b/images/greyBox.png
diff --git a/images/twitterIcon.png b/images/twitterIcon.png
diff --git a/index.html b/index.html
diff --git a/styles/blogPostCSS.css b/styles/blogPostCSS.css
@@ -0,0 +1,188 @@
+#articleDate {
+    float: left;
+}
+
+#blogImage {
+    margin-top: 5px;
+    margin-bottom: 20px;
+}
+
+#articleTitle {
+    font-size: 20px;
+    font-weight: bold;
+    margin-bottom: -10px;
+    color: #555555ff;
+}
+
+#sideBar {
+    float: right;
+}
+
+.relPostsIMG {
+    width: 167px;
+    height: 110px;
+    margin-right: 12px;
+    margin-bottom: 40px;
+}
+
+#artDateIMG {
+    float: left;
+    margin-right: 10px;
+}
+
+#postedBy {
+    font-size: 13px;
+    margin-top: -10px;
+    color: grey;
+}
+
+#blogIMG {
+    width: 710px;
+    height: 270px;
+    margin: 20px 0px 20px 0px;
+}
+
+
+.artText {
+    font-size: 15px;
+    color: #555555ff;
+}
+
+#headingBtmBrk {    
+  border-top: 1px dotted #9999;
+  border-bottom: 1px dotted #9999;
+
+}
+
+#articleBtmBrk {
+  border-top: 1px dotted #9999;
+  border-bottom: 1px dotted #9999;
+  margin-top: 40px;
+  margin-bottom: 40px;
+}
+
+#relatedPostsTxt {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 20px;
+    color: #555555ff;
+
+}
+
+#relatedPostsBrk {
+  border-top: 1px dotted #9999;
+  border-bottom: 1px dotted #9999;
+  margin-bottom: 40px;
+}
+
+#responsesTitle {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 20px;
+    color: #555555ff;
+}
+
+#responsesBrk {
+  border-top: 1px dotted #9999;
+  border-bottom: 1px dotted #9999;
+  margin-bottom: 40px;
+  margin-top: 40px;
+
+}
+
+.commentIMGs {
+    width: 70px;
+    height: 70px;
+}
+
+.commentTxt {
+    font-size: 14px;
+    color: #555555ff;
+}
+
+#card1 {
+    border: solid 1px;
+    background-color: #f7f7f7ff;
+    border-color: #e1e1e1ff;
+    padding: 20px 20px 20px 20px;
+    color: #555555ff;
+}
+
+#article {
+    border-right: dotted 1px #9999;
+    padding-right: 20px;
+    color: color: #555555ff;
+}
+
+#rightPopPostTtl {
+  color: #555555ff;
+}
+
+.popPostsIMG {
+    width: 70px;
+    height: 70px;
+    margin: 15px 12px 15px 0px;
+}
+
+.popPostTxt {
+    font-size: 12px; 
+    color: #555555ff;
+}
+
+.popPostTxt::after{
+    content: "\a";
+}
+
+.popPostDates {
+  font-size: 8px;
+
+}
+
+#searchBar{
+  border-top: dotted 1px #9999;
+  border-bottom: dotted 1px #9999;
+  padding: 40px 0px 40px 0px;
+
+}
+
+#searchTxt {
+  font-weight: bold;
+  font-size: 14px;
+  color: #555555ff;
+}
+
+#search {
+  background-color: #f7f7f7ff;
+  border-color: #e1e1e1ff;
+  width: 260px;
+  height: 35px;
+  border-width: 1px;
+}
+
+#customTextBox {
+  padding-top: 40px;
+}
+
+#customTitle {
+  font-size: 14px;
+  font-size: bold;
+  color: #555555ff;
+}
+
+.customTitleTxt {
+  font-size: 14px;
+  color: #555555ff;
+
+}
+
+#subCommentTtl {
+  color: #555555ff;
+}
+
+#subCommentTtl, p {
+  color: #555555ff;
+}
+
+
+
+