diff --git a/CSS/index.css b/CSS/index.css index d3d08999..843fcf59 100644 --- a/CSS/index.css +++ b/CSS/index.css @@ -52,9 +52,10 @@ margin-bottom: 20px; } -.events_box{ - transition: transform 0.03s; -} +/* .events_box{ + transition: all 0.1s ease-in; +} */ + .events_box:hover{ transform: scale(1.1); diff --git a/assets/css/contactSection.css b/assets/css/contactSection.css index 98fab329..91a658ba 100644 --- a/assets/css/contactSection.css +++ b/assets/css/contactSection.css @@ -1,13 +1,13 @@ .form-control { - background-color: rgb(248, 245, 245); + background-color: #fcf8e6db; color: black; border-color: rgb(134, 134, 134); } .form-control:focus { - border-color: #af41a0; + border-color: #f7b801; -webkit-box-shadow: none; box-shadow: none; - box-shadow: 0 0 10px #f63955 !important; + box-shadow: 0 0 10px #f7b801 !important; } .contactSection { background-image: url("/assets/img/one-yellow.png"); diff --git a/assets/css/darkmode.css b/assets/css/darkmode.css index 59f11f6c..465a5731 100644 --- a/assets/css/darkmode.css +++ b/assets/css/darkmode.css @@ -63,6 +63,9 @@ body.dark { background: rgb(30, 32, 35); } +.dark{ + background-color: rgb(30, 32, 35); +} .whitebg { box-shadow: 1px 1px 10px 4px rgba(255, 255, 255, 0.2); @@ -132,6 +135,3 @@ nav a.whitecr:hover { .pure_dark:hover{ background: black; } -.text__dark{ - color: #222222; -} \ No newline at end of file diff --git a/assets/css/hacktoberfest.css b/assets/css/hacktoberfest.css index 8bf00dc7..46361b7a 100644 --- a/assets/css/hacktoberfest.css +++ b/assets/css/hacktoberfest.css @@ -99,6 +99,12 @@ margin: 1em auto; } } +@media (min-width: 768px){ + .col-md-6{ + flex: 0 0 48%; + } + +} /* media queries for screen less than size 430px */ @media screen and (max-width: 430px) { @@ -131,3 +137,10 @@ object-fit: contain !important; } */ } +.search-box-container { + display: flex; + align-items: center; +} +.search-icon { + display: flex; +} diff --git a/assets/css/main.css b/assets/css/main.css index 9de668fc..42404ba3 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -209,9 +209,12 @@ a:not([href]):not([tabindex]) { background: rgba(61, 96, 244, 0.3); } +.btn-warning{ + background-color: rgb(46,48,53);; +} .btn-warning:hover, .btn-warning:focus { - background: none; + background: var(--primary); color: var(--primary); } @@ -921,6 +924,7 @@ hr { font-weight: 500; line-height: 26px; margin-bottom: 10px; + color: #6306af; } .media-icons { @@ -1047,55 +1051,75 @@ hr { margin-bottom: 120px; } -.events_box { - flex: 0 0 18em; - border: 2px solid white; - overflow: hidden; +.theCard{ position: relative; - box-shadow: 0px 0px 15px gray; - border-radius: 15px; - transition: all 1s; + min-width: 300px; height: 21em; + margin: 1em; +} + +.events_box { + width: 100%; + height: 100%; + position: absolute; + border: 5px solid #fff; + box-shadow: 0px 0px 15px -10px gray; + border-radius: 15px; + background: #fff; + transition: all .4s ease-in; + transform-style: preserve-3d; + margin: 10px; +} + +.events_box:hover { + border: 5px solid #ffc61b; + transform: rotateY(180deg); } .events_box img { width: 100%; height: 100%; aspect-ratio: 16/9; + z-index: 99; + border-radius: 15px; +} + +.events_box .events_box_img{ + width: 100%; + height: 100%; + backface-visibility: hidden; } .events_box .content { + height: 90%; + width: 100%; + background: #fff; padding: 10px; margin-top: 10px; - display: none; + backface-visibility: hidden; + transform: rotateY(180deg); position: absolute; top: 0; bottom: 0; right: 0; left: 0; + display: flex; + flex-direction: column; } -.events_box:hover { - box-shadow: 0px 0px 30px #bf8f00; -} - -.events_box:hover .content { - display: block; -} -.events_box:hover .content a { - margin-left: 32px; +.events_box .content a { + margin:0 auto; background-color: var(--secondary); border-color: var(--primary); + cursor: pointer; } + + .events_box:hover .content a:hover { - margin-left: 32px; background-color: var(--primary); border-color: var(--secondary); } -.events_box:hover .events_img { - display: none; -} .events_box .content h4 { font-size: 2rem; @@ -1185,21 +1209,12 @@ hr { border: 1px solid #f1f1f1; } -.form-control:focus { - border-color: var(--primary); - box-shadow: none; - outline: none; -} textarea { border-radius: 4px !important; resize: none; } -.form-control:focus { - box-shadow: none; - outline: none; -} .btn.disabled, .btn:disabled { @@ -1729,10 +1744,6 @@ button.accordionFAQs i.slidedown.slide-top { color: black; font-weight: 800; } -.panelParaFAQs a:hover { - color: blue; - font-weight: 800; -} .accordionFAQs:after { content: "\02795"; font-size: 13px; diff --git a/assets/img/TshirtWinIcon.png b/assets/img/TshirtWinIcon.png new file mode 100644 index 00000000..05a39abb Binary files /dev/null and b/assets/img/TshirtWinIcon.png differ diff --git a/assets/img/VoucherWinIcon.png b/assets/img/VoucherWinIcon.png new file mode 100644 index 00000000..51b164c5 Binary files /dev/null and b/assets/img/VoucherWinIcon.png differ diff --git a/assets/js/darkmode.js b/assets/js/darkmode.js index b9eb8bfa..16bd3842 100644 --- a/assets/js/darkmode.js +++ b/assets/js/darkmode.js @@ -34,6 +34,6 @@ $('.darkmode button').click(function () { $('.blog_content').toggleClass('pure_dark'); $('.description').toggleClass('whitecr'); $('.head').toggleClass('whitecr'); - $('.textdark').toggleClass('text__dark'); + $('.contactSection').toggleClass('dark'); }); \ No newline at end of file diff --git a/blog.html b/blog.html index 783d2bea..b3d6beec 100644 --- a/blog.html +++ b/blog.html @@ -160,7 +160,7 @@

Our Blogs

digital world - Go to Blogs + Go to Blog @@ -192,7 +192,7 @@

Our Blogs

a specific domain but have universal adoption - Go to blog + Go to Blog @@ -229,7 +229,7 @@

Our Blogs

- Go to blog + Go to Blog @@ -298,7 +298,7 @@

Our Blogs

Go to blog + class="read_btn align-items-center justify-content-center mt-5 ">Go to Blog @@ -323,7 +323,7 @@

Our Blogs

about 10 people Go to blog + class="read_btn align-items-center justify-content-center mt-5 ">Go to Blog @@ -348,7 +348,7 @@

Our Blogs

Go to blog + class="read_btn align-items-center justify-content-center mt-5 " data-aos="fade-up">Go to Blog @@ -378,7 +378,7 @@

Our Blogs

Go to blog + class="read_btn align-items-center justify-content-center mt-5 " data-aos="fade-up">Go to Blog diff --git a/giveaway.html b/giveaway.html index 4968022a..370bbdcb 100644 --- a/giveaway.html +++ b/giveaway.html @@ -1,5 +1,19 @@ + + + @@ -97,10 +111,10 @@
  • - - Sponsors - -
    • + + Sponsors + +
  • Contact @@ -142,7 +156,7 @@

    Giveaway Winners 2022

    5 T- shirt Kit Winners

    - +

    @@ -159,11 +173,10 @@

    5 T- shirt Kit Winners

    -
    -

    100+ Coding Minutes Course Voucher Winners

    - +

    100+ Coding Minutes Course Voucher Winners

    +

    @@ -511,98 +524,98 @@

    Contact Us

    -
    - - - +
    + + + @@ -644,3 +657,5 @@

    Contact

    + + diff --git a/hacktoberfest2022.html b/hacktoberfest2022.html index dabd8e3a..0262607f 100644 --- a/hacktoberfest2022.html +++ b/hacktoberfest2022.html @@ -151,11 +151,18 @@

    Projects

    -
    +
    +
    + + + +

    diff --git a/index.html b/index.html index c1d82995..e35737d7 100644 --- a/index.html +++ b/index.html @@ -203,10 +203,9 @@

    CodeIN Community

    -

    CodeIN Community is the Community of more than 8,000+ Coding Enthusiasts. - - Where we organize Open Source Programs, Hackathons, and Events on different emerging technologies. - Additionally, We share guided roadmaps, 1:1 Mentorship from Mentors, Resources to learn different technologies. +

    CodeIN Community is a Community of more than 8,000+ Coding Enthusiasts, + where we organize Open Source Programs, Hackathons, and Events on various emerging technologies and domains. + Additionally, we share guided roadmaps, 1:1 Mentorship from Mentors and Resources to learn different technologies.

    @@ -1103,48 +1102,67 @@

    Our E
    -
    - Course on full stack development -
    -

    Full Stack Development

    -

    Speaker : Praveen Kumar Purushothaman (YouTuber), Ashtja Prasad (core team member)

    -

    Date of Event : 15/01/2022

    - WATCH NOW + +
    +
    +
    + Course on full stack development +
    + + +
    +

    Full Stack Development

    +

    Speaker : Praveen Kumar Purushothaman (YouTuber), Ashtja Prasad (core team member)

    +

    Date of Event : 15/01/2022

    + WATCH NOW +
    +
    -
    - Course on Machine Learning -
    -

    Get Started With Machine Learning

    -

    Speaker : Saurav Mukherjee (Founder CodeIN Community)

    -

    Date of Event : 21/09/2021

    - WATCH NOW +
    +
    +
    + Course on Machine Learning +
    +
    +

    Get Started With Machine Learning

    +

    Speaker : Saurav Mukherjee (Founder CodeIN Community)

    +

    Date of Event : 21/09/2021

    + WATCH NOW +
    -
    - Googlr Crowdsource contribution image -
    -

    Google CrowdSource Contributions

    -

    Speaker : Sowmya V & Saurav Mukherjee (Google CrowdSource Influencer)

    -

    Date of Event : 30/12/2021

    - NOT RECORDED + +
    +
    +
    + Googlr Crowdsource contribution image +
    +
    +

    Google CrowdSource Contributions

    +

    Speaker : Sowmya V & Saurav Mukherjee (Google CrowdSource Influencer)

    +

    Date of Event : 30/12/2021

    + NOT RECORDED +
    - -
    - Hacktoberfest event image -
    -

    Introduction to HACKTOBERFEST' 2021

    -

    Speaker : Praveen Kumar Purushothaman (Full Stack Developer, YouTuber)

    -

    Date of Event : 11/10/2021

    - WATCH NOW + +
    +
    +
    + Hacktoberfest event image +
    +
    +

    Introduction to HACKTOBERFEST' 2021

    +

    Speaker : Praveen Kumar Purushothaman (Full Stack Developer, YouTuber)

    +

    Date of Event : 11/10/2021

    + WATCH NOW +
    +
    @@ -1477,7 +1495,7 @@

    Join Our Team

    -
    Join our Core Team
    +
    Join our Core Team
    @@ -1493,7 +1511,7 @@
    Join our Core Team
    -
    Join Our Mentor Team
    +
    Join Our Mentor Team
     @@ -1509,7 +1527,7 @@
    Join Our Mentor Team
    -
    Join Our Volunteer Team
    +
    Join Our Volunteer Team
     @@ -1716,7 +1734,7 @@

    - JOIN US NOW on our discord server and becomea a valued member of our community.
    CLICK HERE to join us on your favourite platforms.

    + JOIN US NOW on our discord server and become a valued member of our community.
    CLICK HERE to join us on your favourite platforms.

    @@ -1770,7 +1788,7 @@

    -

    Contact Us

    +

    Contact Us

    @@ -2075,6 +2093,12 @@

    Contact

    display: none; color: azure; } + #btn-back-to-top:hover{ + background-color:azure; + } + #btn-back-to-top:hover i{ + color: #ffd100; + }