about-us.html - Added a simple fade animation for the main card

This commit is contained in:
Matthew Patrick 2021-09-19 18:54:23 +07:00
parent 6f06211b81
commit 01d40b75d1

View file

@ -12,6 +12,7 @@
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<style>
body {
@ -120,7 +121,7 @@
<br style="display: block;content: ' '; margin: 1vw 0; line-height: 1vw;">
<div class="card bg-dark text-white">
<div data-aos="fade-in" data-aos-delay="500" class="card bg-dark text-white">
<video autoplay class="card-img" loop muted src="assets/AboutUs.mp4"></video>
<div class="card-img-overlay">
<h1 class="card-title"><b>About Us</b></h1>
@ -136,6 +137,10 @@
</div>
</div>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
<script crossorigin="anonymous"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>