Updated button color

docs/index.html

@@ -19,7 +19,6 @@ content="Track goals, services, and critical incidents for students with secure,
   <meta property="og:type" content="website">
 
   <style>
-
     body {
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
       margin: 0;
@@ -68,11 +67,18 @@ box-shadow:0 6px 18px rgba(17,24,39,.08);
       border: 1px solid rgba(17, 24, 39, .06);
     }
 
-.hero{grid-column:span 12;}
+    .hero {
-.two{grid-column:span 12;}
+      grid-column: span 12;
+    }
+
+    .two {
+      grid-column: span 12;
+    }
 
     @media (min-width:860px) {
-.two{grid-column:span 6;}
+      .two {
+        grid-column: span 6;
+      }
     }
 
     h2 {
@@ -141,7 +147,6 @@ text-align:center;
       padding: 2rem;
       color: rgba(17, 24, 39, .65);
     }
-
   </style>
 
 </head>
@@ -153,25 +158,20 @@ color:rgba(17,24,39,.65);
     <h1>WIN — Student Goal Tracker and Reporting</h1>
 
     <p>
-Track student goals, document services, and log critical incidents with auditable workflows designed for student support programs.
+      Track student goals, document services, and log critical incidents with auditable workflows designed for student
+      support programs.
     </p>
 
     <!-- Live prototype + survey -->
     <div style="margin-top:1.5rem">
 
-  <a href="https://win.opelly.me/"
+      <a href="https://win.opelly.me/" class="btn" target="_blank" rel="noopener noreferrer"
-     class="btn"
-     target="_blank"
-     rel="noopener noreferrer"
         style="margin-right:.5rem;">
         Open Live Prototype
       </a>
 
       <a href="https://docs.google.com/forms/d/e/1FAIpQLSd4waAGdgDC9SpA2uvelWQtpJt7sGqsFgc-PCBOMoT99LmLHA/viewform"
-     class="btn"
+        class="btn" target="_blank" rel="noopener noreferrer" style="background:#16a34a;">
-     target="_blank"
-     rel="noopener noreferrer"
-     style="background:#16a34a;">
         Take Evaluation Survey
       </a>
 
@@ -253,9 +253,7 @@ The system reduces manual paperwork and improves visibility into student progres
           <li>Submit feedback using the <strong>evaluation survey</strong>.</li>
         </ol>
 
-<a href="https://github.com/opelly27/WinStudentGoalTracker"
+        <a href="https://github.com/opelly27/WinStudentGoalTracker" class="btn" target="_blank"
-class="btn"
-target="_blank"
           rel="noopener noreferrer">
           Go to GitHub
         </a>
@@ -332,32 +330,22 @@ Stakeholders: open the live prototype, complete the tasks, then submit feedback
           Prototype Page (Tasks + Links)
         </a>
 
-<a href="https://win.opelly.me/"
+        <a href="https://win.opelly.me/" class="btn" target="_blank" rel="noopener noreferrer">
-class="btn"
-target="_blank"
-rel="noopener noreferrer">
           Live Prototype
         </a>
 
         <a href="https://docs.google.com/forms/d/e/1FAIpQLSd4waAGdgDC9SpA2uvelWQtpJt7sGqsFgc-PCBOMoT99LmLHA/viewform"
-class="btn"
+          class="btn" target="_blank" rel="noopener noreferrer" style="background:#16a34a;">
-target="_blank"
-rel="noopener noreferrer"
-style="background:#16a34a;">
           Prototype Evaluation Survey
         </a>
 
-<a href="https://www.figma.com/design/VyuyyPsPWtZ4jU5O93TknM/C4G-WIN---Initial-Design?node-id=1-5"
+        <a href="https://www.figma.com/design/VyuyyPsPWtZ4jU5O93TknM/C4G-WIN---Initial-Design?node-id=1-5" class="btn"
-class="btn"
+          target="_blank" rel="noopener noreferrer">
-target="_blank"
-rel="noopener noreferrer">
           Figma Design (Desktop)
         </a>
 
-<a href="https://www.figma.com/design/VyuyyPsPWtZ4jU5O93TknM/C4G-WIN---Initial-Design?node-id=1-4"
+        <a href="https://www.figma.com/design/VyuyyPsPWtZ4jU5O93TknM/C4G-WIN---Initial-Design?node-id=1-4" class="btn"
-class="btn"
+          target="_blank" rel="noopener noreferrer">
-target="_blank"
-rel="noopener noreferrer">
           Figma Design (Mobile)
         </a>
 
@@ -366,7 +354,7 @@ Figma Design (Mobile)
         <a href="ui.html" class="btn">UI Documentation</a>
         <a href="um.html" class="btn">User Manual Documentation</a>
         <a href="technical.html" class="btn">Technical Documentation</a>
-<a href="p6video.html" class="btn">P6 Presentation Video</a>
+        <a href="p6video.html" class="btn" style="background:#7816e9;">🎬 P6 Presentation Video</a>
 
       </div>
 
@@ -415,4 +403,5 @@ Tested in a Chrome Incognito window.
   </footer>
 
 </body>
+
 </html>