From f0012559d1613a10c0ce0ba9cbc3edb6e5efb1a7 Mon Sep 17 00:00:00 2001
From: unknown <naziyaanjum220@gmail.com>
Date: Mon, 23 Oct 2023 22:14:45 +0530
Subject: [PATCH] new change

---
 public/css/navbar.css       | 11 +++++++++++
 public/css/theme-styles.css | 27 ++++++++++++++++++++++++---
 public/index.html           |  4 ++--
 3 files changed, 37 insertions(+), 5 deletions(-)

diff --git a/public/css/navbar.css b/public/css/navbar.css
index de79fdb..c45621a 100644
--- a/public/css/navbar.css
+++ b/public/css/navbar.css
@@ -18,6 +18,11 @@
 
 @media(max-width:480px)
 {
+	#video {
+		width: 100%;
+		height: 400px;
+		display: block;
+	  }
     .ham{
         display: block;
         padding: 20px 30px 0px 0px;
@@ -182,6 +187,12 @@ nav.opened .btn-hamburger span:nth-child(3) {
 	opacity: 0;
 }
 @media screen and (max-width: 500px) {
+	#video {
+		width: 100%;
+		height: 400px !important;
+		display: block;
+	  }
+	 
 	nav .nav-menu {
 		position: fixed;
 		left: 0;
diff --git a/public/css/theme-styles.css b/public/css/theme-styles.css
index c3f09b1..c8350f0 100644
--- a/public/css/theme-styles.css
+++ b/public/css/theme-styles.css
@@ -96,7 +96,7 @@ html, body {
 
 body {
   background: #fff;
-  color: #4b5d73;
+  color: rgb(137, 130, 130);
   font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, serif, sans-serif;
   font-size: 16px;
   font-weight: 400;
@@ -525,7 +525,15 @@ blockquote {
   height: 1px;
   width: 1px;
   overflow: hidden; }
+#services{
+  /* background: linear-gradient(45deg,purple,rgb(67, 29, 29)red) !important; */
+  
+  
+}
+#bita{
+  background-color: rgb(40, 37, 37); /* Slate gray background */
 
+}
 .screen-reader-text:focus {
   background-color: #f1f1f1;
   border-radius: 3px;
@@ -551,6 +559,10 @@ blockquote {
   outline: 0; }
 
 @media (max-width: 640px) {
+  #services{
+  background-color: linear-gradient(to right, red 30%, purple 70%);
+}
+
   ol li {
     font-size: 13px;
     padding-left: 20px; }
@@ -571,9 +583,17 @@ h1, .h1 {
   h1 a, .h1 a {
     color: inherit; }
   @media (max-width: 800px) {
+    #services{
+      background-color: linear-gradient(to right, red 30%, purple 70%);
+    }
+    
     h1, .h1 {
       font-size: 2em; } }
   @media (max-width: 640px) {
+    #services{
+  background-color: linear-gradient(to right, red 30%, purple 70%);
+}
+
     h1, .h1 {
       font-size: 1.8em; } }
   @media (max-width: 480px) {
@@ -657,7 +677,8 @@ h5, .h5 {
   font-size: 24px;
   line-height: 1.3em;
   font-weight: 700;
-  color: #273f5b;
+  /* color:linear-gradient(to right, red 30%, purple 70%) ; */
+  color: rebeccapurple;
   font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, sans-serif;
   letter-spacing: 0.02em; }
   h5 a, .h5 a {
@@ -680,7 +701,7 @@ h6, .h6 {
   font-size: 18px;
   line-height: 1.3em;
   font-weight: 700;
-  color: #273f5b;
+  color:rebeccapurple;
   font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, sans-serif;
   letter-spacing: 0.02em; }
   h6 a, .h6 a {
diff --git a/public/index.html b/public/index.html
index 872bb5c..b3bfdb7 100644
--- a/public/index.html
+++ b/public/index.html
@@ -213,7 +213,7 @@ <h2 class="heading-title" style="align-items: center;">WORKSHOP ON IOT</h2>
 
   </section> 
 <!-- >>>>>>> upstream/main -->
-  <section class="medium-padding100">
+  <section class="medium-padding100" id="services">
     <div class="container">
       <center>
         <h2 class="heading-title">Our <span class="c-primary">Services</span></h2>
@@ -613,7 +613,7 @@ <h5 class="c-white">It's hard work and we love it!</h5>
 
 
   <!-- Info Boxes -->
-  <section class="crumina-module crumina-module-slider bg-blue-lighteen background-contain bg-11 medium-padding100">
+  <section class="crumina-module crumina-module-slider bg-blue-lighteen background-contain bg-11 medium-padding100" id="bita">
     <div class="container">
       <div class="row">
         <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">