diff --git a/css/main.css b/css/main.css index a12e6174..47022b97 100644 --- a/css/main.css +++ b/css/main.css @@ -454,6 +454,7 @@ Social Media links } + .social i{ margin-left: 10px; font-size: 30px; @@ -1102,3 +1103,45 @@ color: #1ea78d; justify-content: center; } + +/* =================================== */ +/* Icon Style +/* =================================== */ + +/* .fa-facebook-f:before, .fa-facebook:hover{ + +} */ + +#facebook:hover{ + background-color: #3b5998; + color: white !important; +} + +.social a:nth-child(1) i { + color: white !important; +} + +.social a:nth-child(2) i { + color: white; +} +.social a:nth-child(3) i { + color: white; +} +.social a:nth-child(4) i { + color: white; +} + +#youtube:hover{ + background-color: #C4302B; + color: white !important; +} + +#instagram:hover{ + background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); + color: white; +} + +#lingkedin:hover{ + background-color: #2867B2; + color: white; +} \ No newline at end of file diff --git a/index.html b/index.html index a6038429..5f200db4 100644 --- a/index.html +++ b/index.html @@ -34,20 +34,19 @@ - - - - - + + + + - - - + + + @@ -87,7 +86,7 @@
  • Home
  • Aim
  • Events
    • -
  • Team
    • +
  • Team
  • Contact
    • @@ -102,18 +101,21 @@ - -
    - Facebook - Youtube - Instagram - Linkedin -
    +
    + Facebook + Youtube + Instagram + Linkedin +
    - @@ -133,14 +135,18 @@

    Let's Take You forward.

    -

    Building India's Largest Student Community 🚀



    +
    @@ -161,6 +167,7 @@

    Building India's Largest Student Community 🚀



    + @@ -391,7 +398,7 @@

    Intro to Web Development

    Functional Tester intern at DigiLocker.

    - +
    @@ -414,116 +421,136 @@

    Open Source and Hands On Git and Github Session

    Testimonials ==================================== --> -
    -
    -
    -

    WHAT DOES THE COMMUNITY SAY ABOUT US?

    -
    +
    +
    +
    +

    WHAT DOES THE COMMUNITY SAY ABOUT US?

    -
    -
    -
    -
    -
    -
    -
    -

             Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi est itaque magnam modi repellat recusandae qui nisi ullam debitis illo ut numquam, eligendi saepe non nesciunt odio laboriosam a inventore?

    -


    -
    -
    - XYZ -
    -
    -
    Amar
    -
    Designer | Developer
    -
    +
    +
    +
    +
    +
    +
    +
    +
    +

             Lorem ipsum dolor sit amet + consectetur adipisicing elit. Animi est itaque magnam modi repellat recusandae + qui nisi ullam debitis illo ut numquam, eligendi saepe non nesciunt odio + laboriosam a inventore?

    +


    +
    +
    +
    + XYZ +
    +
    +
    Amar
    +
    Designer | Developer
    - - -
    -
    -
    -

             Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi est itaque magnam modi repellat recusandae qui nisi ullam debitis illo ut numquam, eligendi saepe non nesciunt odio laboriosam a inventore?

    -


    -
    -
    - XYZ -
    -
    -
    Amar
    -
    Designer | Developer
    -
    -
    +
    + + +
    +
    +
    +

             Lorem ipsum dolor sit amet + consectetur adipisicing elit. Animi est itaque magnam modi repellat recusandae + qui nisi ullam debitis illo ut numquam, eligendi saepe non nesciunt odio + laboriosam a inventore?

    +


    +
    +
    +
    + XYZ +
    +
    +
    Amar
    +
    Designer | Developer
    +
    - - -
    -
    -
    -

             Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi est itaque magnam modi repellat recusandae qui nisi ullam debitis illo ut numquam, eligendi saepe non nesciunt odio laboriosam a inventore?

    -


    -
    -
    - XYZ -
    -
    -
    Amar
    -
    Designer | Developer
    -
    +
    + + +
    +
    +
    +

             Lorem ipsum dolor sit amet + consectetur adipisicing elit. Animi est itaque magnam modi repellat recusandae + qui nisi ullam debitis illo ut numquam, eligendi saepe non nesciunt odio + laboriosam a inventore?

    +


    +
    +
    +
    + XYZ +
    +
    +
    Amar
    +
    Designer | Developer
    - - -
    -
    -
    -

             Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi est itaque magnam modi repellat recusandae qui nisi ullam debitis illo ut numquam, eligendi saepe non nesciunt odio laboriosam a inventore?

    -


    -
    -
    - XYZ -
    -
    -
    Amar
    -
    Designer | Developer
    -
    +
    + + +
    +
    +
    +

             Lorem ipsum dolor sit amet + consectetur adipisicing elit. Animi est itaque magnam modi repellat recusandae + qui nisi ullam debitis illo ut numquam, eligendi saepe non nesciunt odio + laboriosam a inventore?

    +


    +
    +
    +
    + XYZ +
    +
    +
    Amar
    +
    Designer | Developer
    - - -
    -
    -
    -

             Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi est itaque magnam modi repellat recusandae qui nisi ullam debitis illo ut numquam, eligendi saepe non nesciunt odio laboriosam a inventore?

    -


    -
    -
    - XYZ -
    -
    -
    Amar
    -
    Designer | Developer
    -
    +
    + + +
    +
    +
    +

             Lorem ipsum dolor sit amet + consectetur adipisicing elit. Animi est itaque magnam modi repellat recusandae + qui nisi ullam debitis illo ut numquam, eligendi saepe non nesciunt odio + laboriosam a inventore?

    +


    +
    +
    +
    + XYZ +
    +
    +
    Amar
    +
    Designer | Developer
    - -
    + +
    - -
    -
    - - - + +
    +
    +
    + + +
    -
    - -
    -
    -

    Meet Our Team

    -
    -
    - -
    -

    Teamwork is the ability to work together toward a common vision

    -
    +
    + +
    +
    +

    Meet Our Team

    +
    + +
    +

    Teamwork is the ability to work together toward a common vision

    - -
    - -
    -
    -
    - - -
    -
    -

    Priya Chandak

    - Founder -
    -
    +
    +
    + +
    + +
    +
    +
    + +
    - - -
    -
    -
    - - -
    -
    -

    Sahitya Roy

    - Founder -
    -
    +
    +

    Priya Chandak

    + Founder
    - - -
    -
    -
    - - -
    -
    -

    Anuradha Jadon

    - Community Manager - -
    -
    +
    +
    + + +
    +
    +
    + +
    - - -
    -
    -
    - - -
    -
    -

    Deepak Verma

    - Web Developer Lead -
    -
    +
    +

    Sahitya Roy

    + Founder
    -
    + + +
    +
    +
    + + +
    +
    +

    Anuradha Jadon

    + Community Manager + +
    +
    -
    - Know More + + +
    +
    +
    + + +
    +
    +

    Deepak Verma

    + Web Developer Lead +
    +
    + +
    +
    +
    +
    + Know More +
    @@ -722,79 +749,81 @@

    Lorem ipsum dolor sit amet

    End Blog Posts ==================================== --> - -
    -
    -
    +
    +
    +
    -
    -

    OUR COMMUNITY PARTNERS

    -
    -
    -
    -
    -
    - - -
    -
    - - - -
    +
    +

    OUR COMMUNITY PARTNERS

    +
    +
    +
    +
    +
    + + +
    +
    + + + +
    +
    -
    - - -
    -
    -

    Our Community Spared across the globe

    -
    - +
    +
    +

    Our Community Spared across the globe

    +
    -
    -
    - - - - - - - - +
    - - - - - - - - - - +
    + + + + + + + + + + + + + + + + + + + +
    +
    -
    -
    - -
    + +
    @@ -802,7 +831,7 @@

    Our Community Spared across the globe

    - @@ -869,10 +898,13 @@

    Say hello!

    data-wow-delay="600ms"> @@ -921,10 +953,12 @@
    Social Media's
    @@ -979,11 +1013,18 @@
    Support
    + + + + - + \ No newline at end of file