Adjusted the jumbotron text, created a new SubText ID with a max-widt…

…h of 50rem.
jwilferd10 · Nov 1, 2023 · c80f382 · c80f382
1 parent 7fce28e
commit c80f382
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -100,6 +100,10 @@ nav a:active {
   margin-bottom: 30rem;
 }
 
+#jumboSubText {
+  max-width: 50rem;
+}
+
 .selfImg {
   width: 300px;
   height: auto;

diff --git a/index.html b/index.html
@@ -36,17 +36,17 @@ <h1 class="target1 page-title rounded-edges2 box-shadow2 spacing-five text-secon
     <!-- Jumbotron -->
     <section id="jumbotron" class="flex-row justify-center align-center">
       <div id="jumbotronText">
-        <p>Hi, my name is</p>
-        <h1>Jonathan Wilferd</h1>
-        <h1>Web Developer, Developer, Etc</h1>
-        <p>I'm a software developer specializing in full-stack web development, building websites and learning on the go</p>
+        <p class="pb-1">👋 Hi, my name is</p>
+        <h1 class="pb-1">Jonathan Wilferd</h1>
+        <h1 class="pb-1">Developing digital applications</h1>
+        <p id="jumboSubText" class="pb-1">
+          I'm a software developer specialized in Full-Stack Web Development. Enhancing my skills through further research and educational pursuits. And presently, I'm focused on building a diverse range of applications while consistently expanding my toolkit.
+        </p>
         <button>Reach Out!</button>
+        <button>
+          <a href="#mainContent" class="scroll">Explore</a>
+        </button>
       </div>
-      <button>
-        <a href="#mainContent" class="scroll">
-          Click Me!
-        </a>
-      </button>
     </section>
 
     <!-- Buffer Area -->