About more changes

Author: zlrundefined

src/components/about/AboutMe.vue

@@ -34,6 +34,20 @@
 				voluptatem nobis suscipit explicabo, eaque consequatur nesciunt,
 				fugit eligendi corporis laudantium adipisci soluta?
 			</p>
+			<p class="mb-4 text-gray-500 text-lg">
+				Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil
+				vel illum asperiores dignissimos cumque quibusdam et fugiat
+				voluptatem nobis suscipit explicabo, eaque consequatur nesciunt,
+				fugit eligendi corporis laudantium adipisci soluta? Lorem ipsum,
+				dolor sit amet consectetur adipisicing elit. Incidunt totam
+				dolorum, ducimus obcaecati, voluptas facilis molestias nobis ut
+				quam natus similique inventore excepturi optio ipsa deleniti
+				fugit illo. Unde, amet! Lorem ipsum dolor sit amet, consectetur
+				adipisicing elit. Ipsum illo necessitatibus perspiciatis!
+				Aperiam perferendis labore temporibus, eos culpa corporis
+				recusandae quas, fuga voluptatibus nesciunt odit libero tenetur
+				neque consequatur ea.
+			</p>
 		</div>
 	</div>
 </template>

src/components/about/Clients.vue

@@ -1,6 +1,8 @@
 <template>
-	<div>
-		<p>Some of the best companies I worked with</p>
+	<div class="mt-10">
+		<p class="text-3xl font-semibold">
+			Some of the best companies I worked with
+		</p>
 	</div>
 </template>
 

src/views/About.vue

@@ -9,19 +9,27 @@
 		<!-- About counter start -->
 		<AboutCounter />
 		<!-- About counter end -->
+
+		<div class="container mx-auto px-4 py-10">
+			<!-- About counter start -->
+			<Clients />
+			<!-- About counter end -->
+		</div>
 	</div>
 </template>
 
 <script>
 import AboutMe from '@/components/about/AboutMe';
 import AboutCounter from '@/components/about/AboutCounter';
+import Clients from '@/components/about/Clients';
 import feather from 'feather-icons';
 
 export default {
 	name: 'About',
 	components: {
 		AboutMe,
 		AboutCounter,
+		Clients,
 	},
 	props: {
 		msg: String,