diff --git a/index.html b/index.html index 851666da..d234f457 100644 --- a/index.html +++ b/index.html @@ -1064,84 +1064,183 @@

🍪Cookies Consent +
-
-
-
-

-
+ .flip-card:hover .flip-card-inner { + transform: rotateY(180deg); + } - FinVeda, - comes with everything you need to get started! + .flip-card-front, .flip-card-back { + position: absolute; + width: 100%; + height: 100%; + backface-visibility: hidden; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border-radius: 15px; + padding: 20px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); + border: 2px solid transparent; + background-clip: padding-box; + } -

-
+ .flip-card-front { + background: rgba(255, 255, 255, 0.2); + backdrop-filter: blur(10px); + border: 2px solid rgba(255, 255, 255, 0.3); + } + + .flip-card-front h4 { + color: #2f6be5; + font-size: 1.5em; + margin-top: 10px; + } + + .flip-card-front img { + width: 60px; + height: 60px; + border-radius: 50%; + margin-bottom: 15px; + } + + .flip-card-back { + background: rgba(47, 107, 229, 0.8); + color: #fff; + transform: rotateY(180deg); + border-radius: 15px; + backdrop-filter: blur(10px); + border: 2px solid rgba(255, 255, 255, 0.3); + } + + .flip-card-back p { + margin: 0 0 15px; + font-size: 1em; + text-align: center; + } + + .flip-card-back a { + color: #fff; + font-weight: bold; + text-decoration: none; + transition: color 0.3s ease-in-out; + } + + .flip-card-back a:hover { + color: #ffd700; + } + + /* Animated Border Effect */ + .flip-card:before { + content: ''; + position: absolute; + top: -2px; + right: -2px; + bottom: -2px; + left: -2px; + border-radius: 15px; + background: linear-gradient(135deg, #2f6be5, #ffd700); + background-size: 300% 300%; + animation: borderGlow 3s infinite; + z-index: -1; + } + + @keyframes borderGlow { + 0% { background-position: 0% 50%; } + 50% { background-position: 100% 50%; } + 100% { background-position: 0% 50%; } + } + + + + +
+
+ +
+
+
+

+
+ FinVeda, comes with everything you need to get started! +

+
-
-
+
+ + +
+
-
-
- shape - shape - -
-
-

Financial Blogs

-

-

  • - We offer expert written blogs on investment tips and strategies, and current economic trends, all - crafted to keep you well-informed. -
    • -

    - Learn More +
    +
    +
    + Financial Blogs +

    Financial Blogs

    +
    +
    +

    Expert blogs on investment tips and strategies, covering current economic trends to keep you informed.

    + Learn More +
    +
    -
    + +
    -
    -
    - shape - shape - -
    -
    -

    Finance Tools

    -

    -

  • - With our SIP and PPF tools you'll discover power of compounding and make informed decisions regarding - your savings. -
    • -

    - Learn More +
    +
    +
    + Finance Tools +

    Finance Tools

    +
    +
    +

    Discover the power of compounding with SIP and PPF tools to make informed savings decisions.

    + Learn More +
    +
    -
    + +
    -
    -
    - shape - shape - -
    -
    -

    Financial Trends

    -

    -

  • - You will make smarter decisions by staying updated to the current market happenings in real time with - our Stock Market API's results. -
    • -

    - Learn More +
    +
    +
    + Financial Trends +

    Financial Trends

    +
    +
    +

    Stay updated with real-time market happenings and make smart financial decisions.

    + Learn More +
    +
    -
    -
    -
    +
    + + + + +