Skip to content

Commit d893a82

Browse files
sampadatiwari30sampadatiwari30
authored
Merge pull request #1933 from Son7c/main
Animation added in quiz and contact page
2 parents 62f73cf + 24a80d9 commit d893a82

File tree

3 files changed

+142
-20
lines changed

3 files changed

+142
-20
lines changed

‎contact.html‎

Lines changed: 52 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -677,27 +677,71 @@ <h3 class="join"><i class="fa-solid fa-user"></i> Register to join us....</h3>
677677
<script type="text/javascript" src="./navbar.js"></script> --> -->
678678
<div id="home" class="header-hero bg_cover" style="background-image: url(../assets/images/banner-bg.svg)">
679679
<div class="container">
680+
<h2 class="head-animate" style="font-size: 90px;">
681+
WELCOME TO FINVEDA
682+
</h2>
680683
<div class="row justify-content-center">
681684
<div class="col-lg-8">
682685
<div class="header-hero-content text-center">
683-
<h3 class="header-sub-title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.2s">
684-
Say 👋🏼 to FinVeda
685-
</h3>
686-
<h2 class="header-title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.5s">
687-
your savvy financial companion
688-
</h2>
689-
<p class="text wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.8s">
686+
<style>
687+
.head-animate {
688+
text-align: center;
689+
position: relative;
690+
top: 200px;
691+
color: transparent;
692+
-webkit-text-stroke: 2px white;
693+
-moz-text-stroke: 2px white;
694+
-ms-text-stroke: 2px white;
695+
font-weight: bold;
696+
background: url(./assets/images/back.png);
697+
-webkit-background-clip: text;
698+
-moz-background-clip: text;
699+
background-clip: text;
700+
background-position: 0 0;
701+
animation: back 20s linear infinite, hovering 1.5s ease-in-out infinite;
702+
}
703+
704+
@keyframes back {
705+
100% {
706+
background-position: 2000px 0;
707+
}
708+
}
709+
710+
@keyframes hovering {
711+
0% {
712+
transform: translateY(0);
713+
}
714+
715+
50% {
716+
transform: translateY(-5px);
717+
}
718+
719+
100% {
720+
transform: translateY(0);
721+
}
722+
}
723+
724+
.header-hero-content h2 {
725+
font-size: 200px;
726+
}
727+
</style>
728+
<br>
729+
<br>
730+
<p class="text wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.8s"
731+
style="visibility: visible; animation-duration: 1.3s; animation-delay: 0.8s;">
690732
Wanna learn how to grow your money to become rich? We have
691733
made becoming a stock market Guru easy with our AI
692734
powered finance advisor - <b>Arth Sathi 🤵🏻</b>
693735
</p>
694736
<a href="#" class="main-btn wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="1.1s"
695-
onclick="window.botpressWebChat.sendEvent({ type: 'show' }); return false;">
737+
onclick="window.botpressWebChat.sendEvent({ type: 'show' }); return false;"
738+
style="visibility: visible; animation-duration: 1.3s; animation-delay: 1.1s;">
696739
Chat with ArthaSathi 💬
697740
</a>
698741
</div>
699742
</div>
700743
</div>
744+
701745
<div class="row">
702746
<div class="col-lg-12">
703747
<div class="header-hero-image text-center wow fadeIn" data-wow-duration="1.3s" data-wow-delay="1.4s">

‎index.html‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -884,6 +884,38 @@ <h2 class="head-animate" style="font-size: 90px;">
884884
</div>
885885
</div>
886886
</div>
887+
<link href="./navbar.css" rel="stylesheet">
888+
<script type="text/javascript" src="./navbar.js"></script>
889+
</div>
890+
</div>
891+
</div>
892+
</div>
893+
894+
<div id="home" class="header-hero bg_cover" style="background-image: url(./assets/images/banner-bg.svg)">
895+
<div class="container">
896+
<h2 class="head-animate" style="font-size: 90px;">
897+
WELCOME TO FINVEDA
898+
</h2>
899+
<div class="row justify-content-center">
900+
<div class="col-lg-8">
901+
<div class="header-hero-content text-center">
902+
<style>
903+
.head-animate {
904+
text-align: center;
905+
position: relative;
906+
top: 200px;
907+
color: transparent;
908+
-webkit-text-stroke: 2px white;
909+
-moz-text-stroke: 2px white;
910+
-ms-text-stroke: 2px white;
911+
font-weight: bold;
912+
background: url(./assets/images/back.png);
913+
-webkit-background-clip: text;
914+
-moz-background-clip: text;
915+
background-clip: text;
916+
background-position: 0 0;
917+
animation: back 20s linear infinite, hovering 1.5s ease-in-out infinite;
918+
}
887919
</div>
888920
</div>
889921
<div id="particles-1" class="particles"><canvas class="particles-js-canvas-el" width="1998" height="1012"

‎quiz.html‎

Lines changed: 58 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -289,25 +289,71 @@ <h3 class="join">Register to join us....</h3>
289289
</div>
290290
<div id="home" class="header-hero bg_cover" style="background-image: url(./assets/images/banner-bg.svg)">
291291
<div class="container">
292+
<h2 class="head-animate" style="font-size: 90px;">
293+
WELCOME TO FINVEDA
294+
</h2>
292295
<div class="row justify-content-center">
293296
<div class="col-lg-8">
294297
<div class="header-hero-content text-center">
295-
<h3 class="header-sub-title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.2s">
296-
Say 👋🏼 to FinVeda
297-
</h3>
298-
<h2 class="header-title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.5s">
299-
your savvy financial companion
300-
</h2>
301-
<p class="text wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.8s" style="color: white; font-size: 1.2rem;">
302-
Wanna learn how to grow your money to become rich? We have made becoming a stock market Guru easy with
303-
our AI powered finance advisor - <b>Arth Sathi 🤵🏻</b>
304-
</p>
298+
<style>
299+
.head-animate {
300+
text-align: center;
301+
position: relative;
302+
top: 200px;
303+
color: transparent;
304+
-webkit-text-stroke: 2px white;
305+
-moz-text-stroke: 2px white;
306+
-ms-text-stroke: 2px white;
307+
font-weight: bold;
308+
background: url(./assets/images/back.png);
309+
-webkit-background-clip: text;
310+
-moz-background-clip: text;
311+
background-clip: text;
312+
background-position: 0 0;
313+
animation: back 20s linear infinite, hovering 1.5s ease-in-out infinite;
314+
}
315+
316+
@keyframes back {
317+
100% {
318+
background-position: 2000px 0;
319+
}
320+
}
321+
322+
@keyframes hovering {
323+
0% {
324+
transform: translateY(0);
325+
}
305326

306-
<a href="../index.html" class="main-btn wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="1.1s">Chat
307-
with ArthaSathi 💬</a>
327+
50% {
328+
transform: translateY(-5px);
329+
}
330+
331+
100% {
332+
transform: translateY(0);
333+
}
334+
}
335+
336+
.header-hero-content h2 {
337+
font-size: 200px;
338+
}
339+
</style>
340+
<br>
341+
<br>
342+
<p class="text wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.8s"
343+
style="visibility: visible; animation-duration: 1.3s; animation-delay: 0.8s;">
344+
Wanna learn how to grow your money to become rich? We have
345+
made becoming a stock market Guru easy with our AI
346+
powered finance advisor - <b>Arth Sathi 🤵🏻</b>
347+
</p>
348+
<a href="#" class="main-btn wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="1.1s"
349+
onclick="window.botpressWebChat.sendEvent({ type: 'show' }); return false;"
350+
style="visibility: visible; animation-duration: 1.3s; animation-delay: 1.1s;">
351+
Chat with ArthaSathi 💬
352+
</a>
308353
</div>
309354
</div>
310355
</div>
356+
311357
<div class="row">
312358
<div class="col-lg-12">
313359
<div class="header-hero-image text-center wow fadeIn" data-wow-duration="1.3s" data-wow-delay="1.4s">

0 commit comments

Comments
 (0)