feat(portfolio): add dribble and behance links to aoc page

Author: andsonjosef

apps/valor-software-site/src/assets/portfolio/clients/ashes-of-creation.json

@@ -1,6 +1,8 @@
 {
   "name": "Ashes of Creation",
   "link": "https://ashesofcreation.com/",
+  "dribbleLink": "https://dribbble.com/shots/19031502-Ashes-of-Creation-web-design",
+  "behanceLink": "https://www.behance.net/gallery/151868601/Ashes-of-Creation-website",
   "feedback": "Steven Sharif",
   "sortTechnologies": ["aws", "nest_js"],
   "previewImg": "assets/img/bg-img/ashes_page/header_bg_resp.png",

libs/route-pages/ashes-page/src/lib/ashes-page.component.html

@@ -17,20 +17,20 @@
               {{project.description}}
             </p>
             <div class="flex flex-col xl:flex-row md:items-center xl:items-start mb-5 xl:mb-0">
-              <button class="btn-pink w-full lg:w-auto flex md:items-center xl:mr-6 mb-5 xl:mb-0 justify-center">
+              <button class="btn-pink w-full xl:w-auto flex md:items-center xl:mr-6 mb-5 xl:mb-0 justify-center">
                 <a class="flex justify-center items-center" [href]="project.link" target="_blank">
                   <span>Visit the site</span>
                   <img src="assets/img/icons/arrow.svg" class="ml-2 -rotate-45 mb-2" alt=""></a>
               </button>
               <button *ngIf="project.dribbleLink"
-                class="btn-dark-pink w-full lg:w-auto flex md:items-center xl:mr-6 mb-5 xl:mb-0 justify-center">
+                class="btn-dark-pink w-full xl:w-auto flex md:items-center xl:mr-6 mb-5 xl:mb-0 justify-center">
                 <a class="flex justify-center items-center" [href]="project.dribbleLink" target="_blank">
                   <span>Dribble</span>
                   <img src="assets/img/icons/arrow.svg" class="ml-2 -rotate-45 mb-2" alt="">
                 </a>
               </button>
               <button *ngIf="project.behanceLink"
-                class="btn-blue w-full lg:w-auto flex md:items-center xl:mr-6 mb-5 xl:mb-0 justify-center">
+                class="btn-blue w-full xl:w-auto flex md:items-center xl:mr-6 mb-5 xl:mb-0 justify-center">
                 <a class="flex justify-center items-center" [href]="project.behanceLink" target="_blank">
                   <span>Behance</span>
                   <img src="assets/img/icons/arrow.svg" class="ml-2 -rotate-45 mb-2" alt="">