Archive/clean-cuts
1
0
Fork 0
mirror of https://github.com/BlossomiShymae/clean-cuts.git synced 2025-12-06 10:10:47 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add AOS to about page

Browse Source
This commit is contained in:
BlossomiShymae
2024-06-13 12:06:35 -05:00
parent 7f84eed144
commit b2d09fbbcb
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pages/about.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<div class="row mb-4"> <div class="row mb-4" data-aos="fade-down" data-aos-duration="1000">
<div class="d-flex align-items-center flex-column"> <div class="d-flex align-items-center flex-column">
<div class="col-md-6"> <div class="col-md-6">
<h1 class="display-4">About <TheTitle /> </h1> <h1 class="display-4">About <TheTitle /> </h1>
@@ -15,7 +15,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6 d-flex justify-content-center"> <div class="col-md-6 d-flex justify-content-center" data-aos="fade-right" data-aos-duration="1000">
<div style="width: 250px !important;" class="d-flex flex-column justify-content-center align-items-center gap-1 border border-light border-opacity-25 bg-blur-3 rounded"> <div style="width: 250px !important;" class="d-flex flex-column justify-content-center align-items-center gap-1 border border-light border-opacity-25 bg-blur-3 rounded">
<img class="img-fluid rounded mb-2" src="/img/avatar.png"/> <img class="img-fluid rounded mb-2" src="/img/avatar.png"/>
<div class="px-3"> <div class="px-3">
@@ -30,7 +30,7 @@
</div> </div>
</div> </div>
<div class="col-md-6 d-flex flex-column justify-content-around"> <div class="col-md-6 d-flex flex-column justify-content-around" data-aos="fade-left" data-aos-duration="1000" >
<div> <div>
<h3 class="fw-light">Technology stack</h3> <h3 class="fw-light">Technology stack</h3>
<p>This website uses Nuxt.js, the meta-framework of universal application.</p> <p>This website uses Nuxt.js, the meta-framework of universal application.</p>