mirror of
https://gitlab.com/nekoya/web.git
synced 2025-02-17 02:34:18 +01:00
about-us.html - Added a simple fade animation for the main card
This commit is contained in:
parent
6f06211b81
commit
01d40b75d1
1 changed files with 6 additions and 1 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Reference in a new issue