From dd3e50f803ce1af9a16994dfe692e38b5a48728b Mon Sep 17 00:00:00 2001
From: Moh Aarif Ahmed <arifahmed0091@gmail.com>
Date: Mon, 15 Oct 2018 18:55:26 +0530
Subject: [PATCH] created index-list.css file

added stripped style to list item, remove underline and hover effect that make page more attractive.
---
 index-list.css | 30 ++++++++++++++++++++++++++++++
 index.html     |  2 +-
 2 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 index-list.css

diff --git a/index-list.css b/index-list.css
new file mode 100644
index 0000000..6d4c0f1
--- /dev/null
+++ b/index-list.css
@@ -0,0 +1,30 @@
+ol.list-group li:nth-child(even)
+{
+
+background-color:#f2f2f2;
+}
+
+ol.list-group li a
+{
+text-decoration:none;
+font-weight:bold;
+font-size:1.1em;
+}
+
+ol.list-group li a:hover
+{
+color:tomato;
+}
+ol.list-group li
+{
+font-weight:bold;
+font-size:1.1em;
+}
+div.container p a{
+text-decoration:none;
+font-weight:bold;
+}
+div.container p a:hover
+{
+color:tomato;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 8cc2c3d..76cc350 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
 
 <!-- Stylesheets -->
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"/>
-
+<link rel="stylesheet" type="text/css" href = "index-list.css"/>
 <!-- CDN Hosted Scripts -->
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>