Merge branch 'main' of https://github.com/SauravMukherjee44/CodeIN-Co…

…mmunity-Website
SauravMukherjee44 · Oct 22, 2022 · b47319a · b47319a
2 parents 94319b4 + 5a5d72e
commit b47319a
Show file tree

Hide file tree

Showing 12 changed files with 265 additions and 194 deletions.
diff --git 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
@@ -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
@@ -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;
-}
diff --git 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
@@ -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
diff --git a/assets/img/VoucherWinIcon.png b/assets/img/VoucherWinIcon.png
diff --git 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');
 
 });
diff --git a/blog.html b/blog.html
@@ -160,7 +160,7 @@ <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Our Blogs</h2>
           digital world
         </div>
 
-        <a href="https://simpleprogrammer.com/iot-influence-industry/" class="read_btn" data-aos="fade-up">Go to Blogs</a>
+        <a href="https://simpleprogrammer.com/iot-influence-industry/" class="read_btn align-items-center justify-content-center mt-5" data-aos="fade-up">Go to Blog</a>
 
       </div>
     </div>
@@ -192,7 +192,7 @@ <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Our Blogs</h2>
           a specific domain but have universal adoption
         </div>
 
-        <a href="https://simpleprogrammer.com/trends-ai-and-ml-2022/" class="read_btn" data-aos="fade-up">Go to blog</a>
+        <a href="https://simpleprogrammer.com/trends-ai-and-ml-2022/" class="read_btn align-items-center justify-content-center mt-5 " data-aos="fade-up">Go to Blog</a>
 
 
 
@@ -229,7 +229,7 @@ <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Our Blogs</h2>
 
 
 
-        <a href="https://simpleprogrammer.com/myths-about-software-programming/" class="read_btn">Go to blog</a>
+        <a href="https://simpleprogrammer.com/myths-about-software-programming/" class="read_btn align-items-center justify-content-center mt-5 ">Go to Blog</a>
 
 
       </div>
@@ -298,7 +298,7 @@ <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Our Blogs</h2>
 
 
         <a href="https://www.programmableweb.com/news/databricks-ryan-boyd-highlights-strategies-online-meetups/analysis/2021/02/04"
-          class="read_btn">Go to blog</a>
+          class="read_btn align-items-center justify-content-center mt-5 ">Go to Blog</a>
       </div>
     </div>
 
@@ -323,7 +323,7 @@ <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Our Blogs</h2>
           about 10 people
         </div>
         <a href="https://www.programmableweb.com/news/how-brian-douglas-team-10-developer-advocates-supports-github-s-65-million-developers/analysis/2021/05/11"
-          class="read_btn">Go to blog</a>
+          class="read_btn align-items-center justify-content-center mt-5 ">Go to Blog</a>
       </div>
 
     </div>
@@ -348,7 +348,7 @@ <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Our Blogs</h2>
         </div>
 
         <a href="https://jungleworks.com/technology-and-the-2-2-billion-astrology-market-why-is-online-astrology-getting-so-popular/"
-          class="read_btn" data-aos="fade-up">Go to blog</a>
+          class="read_btn align-items-center justify-content-center mt-5 " data-aos="fade-up">Go to Blog</a>
 
 
 
@@ -378,7 +378,7 @@ <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Our Blogs</h2>
         </div>
 
         <a href="https://www.chasejarvis.com/blog/begin-by-doing/"
-          class="read_btn" data-aos="fade-up">Go to blog</a>
+          class="read_btn align-items-center justify-content-center mt-5 " data-aos="fade-up">Go to Blog</a>