feat: added our story paragraph and image

DuoAlly · Dec 26, 2024 · a7184f5 · a7184f5
1 parent e9fb8e0
commit a7184f5
Showing 1 changed file with 29 additions and 7 deletions.
diff --git a/about.html b/about.html
@@ -75,6 +75,11 @@
             object-fit: contain;
             border-radius: 8px;
         }
+		/* .story-image{
+			width: 100%; 
+			height: 100%; 
+			object-fit: cover;
+		} */
     </style>
 </head>
 <body>
@@ -102,13 +107,30 @@ <h1>About Us</h1>
         <section id="about-us">
             <div class="container">
 				<div class="section-header" data-aos="fade-up">
-                    <h2>Our Story</h2>
-                    <p style="text-align:left"> DuoAlly was born from those familiar moments of wishing for companionship during 
-						single-player adventures. Our founders, avid gamers themselves, understood that while solo gaming has its 
-						unique appeal, it often lacks the dynamic interactions found in multiplayer experiences. This led to our 
-						vision: creating an AI companion that understands and adapts to your gaming journey. Through careful development 
-						and player feedback, we've built an AI ally that enhances solo gaming while preserving its intimate nature. 
-						Today, DuoAlly proves that single-player gaming can be both solitary and social.</p>
+					<div class="story-grid">
+						<!-- Title centered at the top -->
+						<h2 style="text-align: center; width: 100%;">Our Story</h2>
+
+						<!-- Content container -->
+						<div style="display: flex; width: 100%;">
+							<!-- Left text column -->
+							<div class="story-text" style="flex: 1; padding: 10px; margin-top:70px;">
+								<p style="text-align: left;">
+									DuoAlly emerged from those moments we all know - when you're deep in a single-player adventure, wishing 
+									you had someone to share the experience with. Our founders, avid gamers themselves, understood that while 
+									solo gaming has its unique appeal, it often misses the dynamic interactions of multiplayer experiences. This
+									 led to our vision: creating an AI ally that understands and adapts to your gaming journey. Through careful 
+									 development and player feedback, we've built an intelligent partner that enhances solo gaming while preserving 
+									 its intimate nature. Today, DuoAlly proves that single-player gaming can be both solitary and interactive.
+								</p>
+							</div>
+
+							<!-- Right image column -->
+							<div class="story-image" style="flex: 1;">
+								<img src="images/our_story.jpg" alt="Our Story" style="width: 70%; height: 100%; object-fit: cover;">
+							</div>
+						</div>
+					</div>
                 </div>
                 <div class="section-header" data-aos="fade-up">
                     <h2>Our Leadership Team</h2>