From 34f337456192f31e1f5a6a69d417f9ed5b954366 Mon Sep 17 00:00:00 2001 From: Vaishnavi Patil <109457185+Vaishh18@users.noreply.github.com> Date: Mon, 14 Oct 2024 23:06:13 +0530 Subject: [PATCH] added icons to the cards --- index.html | 46 ++++++++++++++++++++++------------------------ styles.css | 6 ++++-- 2 files changed, 26 insertions(+), 26 deletions(-) diff --git a/index.html b/index.html index 786544f..dbcb795 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,7 @@ + @@ -87,31 +88,28 @@

About Us

-
- 01 -

Cryptocurrency Price Prediction

-

Utilize advanced algorithms to predict cryptocurrency prices, enabling informed investment decisions.

-
- -
- 02 -

Telegram Bot Integration

-

Engage users with a Telegram bot that provides real-time updates on cryptocurrency prices and project developments.

-
- -
- 03 -

Open-source Collaboration

-

Join our open-source platform to collaborate on blockchain projects, sharing knowledge and contributing to innovations.

-
- -
- 04 -

Educational Resources

-

Access comprehensive educational materials and tutorials to enhance your understanding of blockchain technology.

-
+
+

Cryptocurrency Price Prediction

+

Utilize advanced algorithms to predict cryptocurrency prices, enabling informed investment decisions.

+
+ +
+

Telegram Bot Integration

+

Engage users with a Telegram bot that provides real-time updates on cryptocurrency prices and project developments.

+
+ +
+

Open-source Collaboration

+

Join our open-source platform to collaborate on blockchain projects, sharing knowledge and contributing to innovations.

+
+ +
+

Educational Resources

+

Access comprehensive educational materials and tutorials to enhance your understanding of blockchain technology.

+
-
+ + diff --git a/styles.css b/styles.css index 5332615..6d8c448 100644 --- a/styles.css +++ b/styles.css @@ -435,7 +435,8 @@ p.tagline.dark-mode{ .card { background: #c18bff22; border-radius: 10px; - padding: 1.5rem; + padding: 0.75rem; + min-height: 90px; flex: 0 0 calc(50% - 1rem); margin: 0.5rem; color: #FFF; @@ -457,11 +458,12 @@ p.tagline.dark-mode{ .card h4 { color: #FFEB55; font-family: "Fredoka", sans-serif; - font-size: 1.2rem; + font-size: 1.4rem; } .card p { font-size: 0.9rem; + font-weight: 700; } /* FAQ section */