Template:Header1: Difference between revisions

Template:Header1 (view source)

Revision as of 22:25, 21 May 2024

342 bytes added , 21 May

no edit summary

VisualWikitext

Vivek

student

146

edits

@@ Line 17: / Line 17: @@
      <h3 id="more" style="width: 100%; text-align: center; font-size: 18pt; color: #27ae60; margin-top: 40px; padding-bottom: 30px;">'''[[About|Read More]]'''</h3>
-<div style="display: flex; justify-content: space-around; padding: 20px;gap:4px">
+<!-- Highlighted contents -->
-         <div style="width: 200px; padding: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; border: 1px solid #ddd;">
+    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 20px; max-width: 1200px; margin: 0 auto; ">
+         <div style="padding: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; border: 1px solid #ddd;">
              <h3 style="font-family: Arial, sans-serif; color: #333;">Event 1</h3>
              <p style="font-family: Arial, sans-serif; color: #777;">Upcoming</p>
          </div>
-         <div style="width: 200px; padding: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; border: 1px solid #ddd;">
+         <div style="padding: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; border: 1px solid #ddd;">
              <h3 style="font-family: Arial, sans-serif; color: #333;">Event 2</h3>
              <p style="font-family: Arial, sans-serif; color: #777;">Upcoming</p>
          </div>
-         <div style="width: 200px; padding: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; border: 1px solid #ddd;">
+         <div style="padding: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; border: 1px solid #ddd;">
              <h3 style="font-family: Arial, sans-serif; color: #333;">Event 3</h3>
              <p style="font-family: Arial, sans-serif; color: #777;">Upcoming</p>
          </div>
-         <div style="width: 200px; padding: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; border: 1px solid #ddd;">
+         <div style="padding: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; border: 1px solid #ddd;">
              <h3 style="font-family: Arial, sans-serif; color: #333;">Event 4</h3>
              <p style="font-family: Arial, sans-serif; color: #777;">Upcoming</p>
          </div>
+<div style="padding: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s; border: 1px solid #ddd;">
+            <h3 style="font-family: Arial, sans-serif; color: #333;">Event 4</h3>
+            <p style="font-family: Arial, sans-serif; color: #777;">Upcoming</p>
+        </div>
      </div>