Merge pull request #40 from NepTechTribe/shreesha

Upcoming Event Section Updated

Author: shree404

src/Components/landingpage/announcement.jsx

@@ -85,6 +85,7 @@ function Announcement() {
 
   return (
     <>
+    <div style={{backgroundColor:'black'}}>
       <Container className="Announcement">
         <Title title={"ANNOUNCEMENTS"} head={"Our Upcoming Events"} />
         <Row>
@@ -111,6 +112,7 @@ function Announcement() {
         </div>
         </Row>
       </Container>
+      </div>
     </>
   );
 }

src/Styles/App.css

@@ -102,12 +102,12 @@
 .eventbutton {
   padding: 0.5rem 0.5rem;
   background-color: transparent;
-  color: black;
+  color: white;
   font-weight: 400;
   height: 3rem;
 }
 .eventbutton:hover {
-  border: 1px solid #000080;
+  border: 1px solid white;
 }
 
 .Head, .Breadcrum-col11 h1 {
@@ -249,6 +249,13 @@
 .Announcement-individual__title {
   text-transform: capitalize;
   font-size: 1rem;
+  color: white;
+}
+.Announcement-individual__date {
+  color: gray;
+}
+.Announcement-individual__venue {
+  color: gray;
 }
 .Announcement-row2 {
   display: flex;

src/Styles/App.css.map

@@ -10,12 +10,15 @@
           @extend .About-MissionVision__head;
           text-transform: capitalize;  
           font-size: 1rem;
+          color: white;
         }
         &__date{
             @extend .About-values__title;
+            color: gray;
         }
         &__venue{
             @extend .About-MissionVision__description;
+            color: gray;
         }
     }
     &-row2{

src/Styles/LandingPage/_Announcement.scss

@@ -24,10 +24,10 @@
   @extend .herobutton;
   padding: 0.5rem 0.5rem;
   background-color: transparent;
-  color: black;
+  color: white;
   font-weight: 400;
   height: 3rem;
   &:hover{
-    border: 1px solid #000080 ;
+    border: 1px solid white;
   }
 }