Merge pull request #5 from code4policy/about-us-styling

added styling for about us page
code4policy · Jan 11, 2025 · 2221c34 · 2221c34
2 parents 674acef + 765ac5b
commit 2221c34
Show file tree

Hide file tree

Showing 2 changed files with 59 additions and 2 deletions.
diff --git a/our-team/index.html b/our-team/index.html
@@ -1,7 +1,9 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <title>Demo Website</title>
+        <title>About Us - Demo Website</title>
+        <link rel="stylesheet" href="styles/about-us-style.css">
+        <meta charset="UTF-8">
     </head>
     <body>
 
@@ -11,7 +13,7 @@ <h1>About Us!</h1>
         <h2>Manish Sharma</h2>
         <p>Manish Sharma is an MC/MPA candidate and a social entrepreneur working in the domain of higher education.</p>
     </div>
-      
+
     <div class="member">
         <h2>Ruiz Clark</h2>
         <p>Ruiz Clark, a seasoned educational leader with 18 years of experience, is currently pursuing a Doctorate in Education Leadership (Ed.L.D.) at Harvard University. Ruiz began his career as a public school teacher and has since held leadership roles in the US, India, Malaysia, and Armenia. As Deputy CEO of Teach For Armenia, he authored a $24 million funding proposal to expand the organization's core program across the country, raised $2.5 million through the "End the Digital Divide Campaign," and launched an innovation accelerator supporting over 200 student-led projects. Within the field of technology, Ruiz possesses a coding certificate from the University of Denver and a micro-credential in AI Prompt Engineering for Educators from the Relay Graduate School of Education. He is passionate about educational equity and is focused on leveraging AI to transform public education.</p>

diff --git a/our-team/styles/about-us-style.css b/our-team/styles/about-us-style.css
@@ -0,0 +1,55 @@
+/* General Styles */
+body {
+    font-family: 'Arial', sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f5f5f5; /* Light grey background */
+    color: #333;
+}
+
+/* Header Logo and Title */
+.header {
+    background-color: #fff; /* White background for the logo area */
+    padding: 10px 20px;
+    text-align: center;
+    border-bottom: 2px solid #d3d3d3;
+}
+
+.header img {
+    max-height: 50px; /* Adjust logo size */
+    margin-bottom: 10px;
+}
+
+.header h1 {
+    font-size: 2.5em;
+    color: #800000; /* Harvard maroon */
+    margin: 10px 0;
+}
+
+/* Member Section Styling */
+.member {
+    background: #fff; /* White background for each member */
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
+    margin: 20px auto;
+    padding: 20px;
+    max-width: 600px; /* Center and limit width */
+}
+
+.member h2 {
+    color: #800000; /* Harvard maroon */
+    font-size: 1.8em;
+    margin-bottom: 10px;
+}
+
+.member p {
+    font-size: 1em;
+    line-height: 1.6;
+}
+
+/* Utility Classes */
+.container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+}