added content

namesomethin3 · namesomethin3 · commit d442d5f97071 · 2022-10-28T21:41:58.000+05:30
diff --git a/index.html b/index.html
@@ -6,6 +6,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Staple</title>
     <link rel="stylesheet" href="style.css" />
+    <style>
+      @media (max-width: 480px) {
+       
+      }
+    </style>
   </head>
   <body>
     <header>
@@ -42,10 +47,14 @@ <h2>Rice</h2>
         <h3>Benefits</h3>
         <h2 style="text-align: right">We know</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Error,
-          ratione dolorum. Facilis minus provident nulla libero dicta, laborum
-          natus nobis. Unde fugit aspernatur cum sunt, a nostrum! Harum, id
-          temporibus.
+          A 100g serving of white rice (boiled) provides:
+          <ul style="padding-top: 5%">
+            <li>131 kcal/560KJ</li>
+            <li>2.8g protein</li>
+            <li>0.4g fat</li>
+            <li>31.1g carbohydrate</li>
+            <li>0.5g fibre</li>
+          </ul>
         </p>
       </div>
       <div>
@@ -63,9 +72,11 @@ <h2 style="text-align: right">We know</h2>
           With the help of studies conducted by researchers all over India,
           we’ve tried to uncover some of the medicinal rice varieties of C.G.
         </p>
-        <a href="med-rice.html" class="index-sec-3-btn"><button>Learn more</button></a>
+        <a href="med-rice.html" class="index-sec-3-btn"
+          ><button>View</button></a
+        >
       </div>
-      <div>
+      <!-- <div>
         <p>
           molestiae non neque illum non perspiciatis dolorem est optio molestias
           a delectus quaerat? Qui reprehenderit fugiat et iste doloribus et
@@ -75,12 +86,12 @@ <h2 style="text-align: right">We know</h2>
         <a href="#" class="index-sec-3-btn" style="margin-left: 10%"
           ><button>Learn more</button></a
         >
-      </div>
+      </div> -->
     </section>
     <section class="index-sec-4">
       <div>
         <h6>Farmer's Portal</h6>
-        <a href="#" class="index-sec-4-btn"><button>Enter</button></a>
+        <a href="portal.html" class="index-sec-4-btn"><button>Enter</button></a>
       </div>
     </section>
     <section class="index-sec-5">
@@ -96,11 +107,9 @@ <h5>Contact</h5>
         </form>
         <article>
           <p>
-            Lorem ipsum dolor sit amet. Et enim molestiae non neque illum non
-            perspiciatis dolorem est optio molestias a delectus quaerat? Qui
-            reprehenderit fugiat et iste doloribus et fugiat porro.
+            If you'd like to know more about the rice varieties and the authenticity of the information on this page. 
           </p>
-          <p>Lorem ipsum dolor sit amet. Et enim molestiae non neque illum.</p>
+          <p>Feel free to contact us on below email or fill the form so that we can contact you!</p>
           <strong>staple@gmail.com</strong>
         </article>
       </div>
@@ -113,4 +122,4 @@ <h5>Contact</h5>
       </div>
     </section>
   </body>
-</html>
+</html>
diff --git a/style.css b/style.css
@@ -153,7 +153,8 @@ header {
   text-transform: uppercase;
 }
 
-.index-sec-2 p {
+.index-sec-2 p,
+.index-sec-2 ul {
   font-style: normal;
   font-weight: 300;
   font-size: 30px;
@@ -281,13 +282,15 @@ img[alt="rice-bowl"] {
 }
 
 .index-sec-3-btn {
-  margin: auto;
+  margin-right: auto;
   padding-bottom: 130px;
+  padding-left: 15%;
 }
 
 .index-sec-3-btn button:hover {
   cursor: pointer;
-  opacity: 80%;
+  /* opacity: 80%; */
+  background-color: #486804;
 }
 
 .index-sec-3-btn button,
@@ -827,25 +830,6 @@ max-width: 420px;
   border-bottom-left-radius: 0;
 }
 
-@media (max-width: 480px) {
-  .search-header h2 {
-    font-size: 50px;
-  }
-  .footer div a {
-    font-size: 19px;
-  }
-  .search-input {
-    padding: 20px;
-  }
-  /* .search-button{
-    width: 100px;
-  } */
-  .search-header {
-    width: fit-content;
-    padding: 40px;
-  }
-}
-
 @media (max-width: 767px) {
   .search-header {
     flex-direction: column;
@@ -864,6 +848,25 @@ max-width: 420px;
   }
 }
 
+@media (max-width: 480px) {
+  .please {
+    font-size: 50px;
+  }
+  .footer div a {
+    font-size: 19px;
+  }
+  .search-input {
+    padding: 20px;
+  }
+  /* .search-button{
+    width: 100px;
+  } */
+  .search-header {
+    width: fit-content;
+    padding: 40px;
+  }
+}
+
 /* input[type=search]:focus {
 } */
 
