From d66df45682928ccf8bcb51f79a42c66c2cff9dfe Mon Sep 17 00:00:00 2001 From: Shruti Mishra Date: Mon, 27 May 2024 09:27:41 +0530 Subject: [PATCH] Add Free E-Books section to index.html and new CSS file --- assets/css/Available.css | 39 +++++++++++++++++++++++++++++++++++++++ index.html | 8 ++++---- 2 files changed, 43 insertions(+), 4 deletions(-) diff --git a/assets/css/Available.css b/assets/css/Available.css index 682b41f2..e7cbd249 100644 --- a/assets/css/Available.css +++ b/assets/css/Available.css @@ -117,4 +117,43 @@ h2.section-title { .btn-secondary:hover { background-color: var(--btn-bg-hover-color); +} + +/* Span for underline effect */ +span { + display: block; +} + +/* Class for the underline effect */ +.has-underline { + position: relative; + margin-block-end: 60px; + text-align: center; /* Center align the heading */ +} + +/* Span within the underline class */ +.span { + height: 2px; + background-color: #cc9999; /* Adjust to the desired color */ + width: 200px; + margin: 30px auto 0 auto; +} + +/* Before and after pseudo-elements */ +.has-before::before, +.has-after::after { + content: ""; + position: absolute; + z-index: 1; +} + +/* Specific styling for the before pseudo-element */ +.has-before::before { + width: 18px; + height: 18px; + top: 30%; + left: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + background-color: #cc9999; /* Adjust to the desired color */ + box-shadow: 7px -7px #cc9999; /* Adjust to the desired shadow color */ } \ No newline at end of file diff --git a/index.html b/index.html index a97277b7..d1a7e7cb 100644 --- a/index.html +++ b/index.html @@ -137,10 +137,10 @@