<Changes on the home and testimonial page>

Lovelyfin00 · May 28, 2023 · 50afd47 · 50afd47
1 parent 57edb7d
commit 50afd47
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 20 deletions.
diff --git a/assets/css/darkmode.css b/assets/css/darkmode.css
@@ -8,38 +8,46 @@ body.light{
     --hover-color1:#081e5b;
     --section-header: #0c2e8a;
     --border-color:rgba(0, 0, 0, 0.168);
-    --color1:rgba(249,24,128);
+    --color1:white;
     --color2:#2796FF;
-    --color3:rgba(255,122,0);
+    --color3:white;
     --color4:rgba(0,186,124);
     --bar:white;
     --footer:#f2f5f8;
+    --callcolor:#2796FF;
     --service: linear-gradient(#47A992, #98EECC);
     --icon : linear-gradient(45deg, #2796ff 30%, #0c2e8a 70%);
 }
 body.dark{
     --darkback:#243447;
     --textcolor:white;
-    --textcolor2:#2796FF;
+    --textcolor2:#2796FF; 
     --postborder:#657786;
     --box-anchor:#F5F8FA;
     --section-header: white;
     --textcolor3:white;
     --hover-color1:#c9d5f9;
+    --color1:#0c2e8a;
+    --color2:white;
+    --color3:#2796FF;
     --border-color:rgba(167, 165, 165, 0.168);
     --bar:#141d26;
     --footer:#141d26;
     --service: linear-gradient(black, #025464);
     --icon: linear-gradient(45deg, #2796ff 30%, #4d85b9 70%);
+    --callcolor:#0c2e8a;
+
 
 }
 
 body{
     background-color: var(--darkback);
     transition: 500ms;
 }
-
-
+#call-to-action{
+  background-color: var(--callcolor);
+  transition: 500ms;
+}
 
 #about .content h2 {
     color: var(--textcolor2);
@@ -50,6 +58,16 @@ body{
     color:var(--textcolor);
 
 }
+#hero .hero-content .btn-get-started {
+  color: var(--section-header);
+  background-color: var(--color1);
+  border: 2px solid #0c2e8a;
+}
+#hero .hero-content .btn-projects {
+  color:var(--color2) ;
+  background-color:var(--color3) ;
+  border: 2px solid #2796ff;
+}
 
 /* Back To Top Button in dark mode */
 

diff --git a/assets/css/style.css b/assets/css/style.css
@@ -405,7 +405,8 @@ h6 {
 }
 
 #hero .hero-content .btn-get-started {
-  background: #0c2e8a;
+  color: #0c2e8a;
+  background-color: #fff;
   border: 2px solid #0c2e8a;
 }
 
@@ -415,7 +416,8 @@ h6 {
 }
 
 #hero .hero-content .btn-projects {
-  background: #2796ff;
+  color: #2796ff;
+  background-color: #fff;
   border: 2px solid #2796ff;
 }
 
@@ -651,7 +653,7 @@ section {
   text-align: center;
   min-height: fit-content;
   box-shadow: 0px 2px 12px var(--border-color);
-  background-color: #141d26;
+  background-color: #2796FF;
   border-radius: 12px;
   transition: box-shadow 0.3s ease, transform 0.3s ease;
 }
@@ -682,7 +684,7 @@ section {
 
 #testimonials .testimonial-item h4 {
   font-size: 14px;
-  color: #999;
+  color: black;
   margin: 0;
 }
 
@@ -727,7 +729,7 @@ section {
 --------------------------------*/
 
 #call-to-action {
-  background: #081e5b;
+  background: #2678f4;
   background-size: cover;
   padding: 40px 0;
 }
@@ -737,12 +739,12 @@ section {
   font-size: 35px;
   font-weight: 700;
   font-family: 'Times New Roman', Times, serif;
-  text-shadow: 2px 2px 10px lightseagreen ;
+  text-shadow: 2px 2px 10px #07052c ;
   overflow: hidden;
   width: 0;
   border-right: transparent; /* The typwriter cursor */
   white-space: nowrap; /* Keeps the content on a single line */
-  animation: typing 25s steps(50, end) forwards infinite;
+  animation: typing 10s steps(50, end) forwards infinite;
 }
 
 @keyframes typing {
@@ -1062,6 +1064,7 @@ section {
     box-shadow:0px 8px 15px rgb(5, 15, 20);
     transition:all 0.3s ease;
     padding: 2px 10px 5px 10px;
+    color:white;
 
   }
   .view-btn:hover{

diff --git a/index.html b/index.html
@@ -291,7 +291,7 @@ <h2>Testimonials</h2>
                 <div class="testimonial-item">
                   <p>
                     <img
-                      src="assets/img/quote-sign-left.png"
+                      src="assets/img/quote-sign-left - light.png"
                       class="quote-sign-left"
                       alt=""
                     />
@@ -300,7 +300,7 @@ <h2>Testimonials</h2>
                     scholarship, events and new opportunities to participate in
                     have proven to be successful team efforts.
                     <img
-                      src="assets/img/quote-sign-right.png"
+                      src="assets/img/quote-sign-right - light.png"
                       class="quote-sign-right"
                       alt=""
                     />
@@ -318,7 +318,7 @@ <h4>Speaker</h4>
                 <div class="testimonial-item">
                   <p>
                     <img
-                      src="assets/img/quote-sign-left.png"
+                      src="assets/img/quote-sign-left - light.png"
                       class="quote-sign-left"
                       alt=""
                     />
@@ -327,7 +327,7 @@ <h4>Speaker</h4>
                     interact and talk freely about the common problem which we
                     as a student face during this period of time.
                     <img
-                      src="assets/img/quote-sign-right.png"
+                      src="assets/img/quote-sign-right - light.png"
                       class="quote-sign-right"
                       alt=""
                     />
@@ -345,7 +345,7 @@ <h4>Member</h4>
                 <div class="testimonial-item">
                   <p>
                     <img
-                      src="assets/img/quote-sign-left.png"
+                      src="assets/img/quote-sign-left - light.png"
                       class="quote-sign-left"
                       alt=""
                     />
@@ -355,7 +355,7 @@ <h4>Member</h4>
                     anything which I think is one of the most important and
                     unique feature of CSG Community.
                     <img
-                      src="assets/img/quote-sign-right.png"
+                      src="assets/img/quote-sign-right - light.png"
                       class="quote-sign-right"
                       alt=""
                     />
@@ -373,7 +373,7 @@ <h4>Member</h4>
                 <div class="testimonial-item">
                   <p>
                     <img
-                      src="assets/img/quote-sign-left.png"
+                      src="assets/img/quote-sign-left - light.png"
                       class="quote-sign-left"
                       alt=""
                     />
@@ -382,7 +382,7 @@ <h4>Member</h4>
                     professional quality mentorship I got here from the CSG
                     Team. Thank you Code Set Go
                     <img
-                      src="assets/img/quote-sign-right.png"
+                      src="assets/img/quote-sign-right - light.png"
                       class="quote-sign-right"
                       alt=""
                     />