//

Author: ongunakaycom

home.html

@@ -1,6 +1,6 @@
 <div class="page-container">
   <div layout="column" layout-align="center center" class="home-intro">
-    <h1>{{ home.greeting }}</h1>
-    <p>Welcome to my AngularJS + Material portfolio demo.</p>
+    <h1 class="hero-name">Ongun Akay</h1>
+    <p class="hero-subtext">Welcome to my AngularJS + Material portfolio demo.</p>
   </div>
 </div>

style.css

@@ -38,8 +38,21 @@ a:hover {
 }
 
 .home-intro {
+  min-height: 80vh;
   text-align: center;
-  padding: 40px 0;
+  padding-top: 40px;
+}
+
+.hero-name {
+  font-size: 4rem;
+  font-weight: 700;
+  color: #3f51b5; /* Angular Material Indigo */
+  margin-bottom: 0.5rem;
+}
+
+.hero-subtext {
+  font-size: 1.5rem;
+  color: #666;
 }
 
 /* === Toolbar === */