Skip to content

Added various animation in the webpage #24

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
The-Anton wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Added various animation in the webpage #24

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 15 additions & 8 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,8 @@
<link rel="stylesheet" href="css/index.css">
<!--favicon-->
<link rel="icon" href="images/images/tb.PNG">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />

</head>
<body >
<!-- Navigation starts here -->
Expand Down Expand Up @@ -62,14 +64,14 @@
<div >
<div class="heading justify-content-center">
<p style="color:whitesmoke; font-size: 4vw; font-family:Sansita Swashed; text-align: center;font-weight: 600;">TECHNICAL AND ENGINEERING BOARD</p>
<p style="color:whitesmoke; font-size: 3vw; font-family:verdana; text-align: center;font-weight: 400;">Army Institute of Technology, Pune</p>
<p style="color:whitesmoke; font-size: 3vw; font-family:verdana; text-align: center;font-weight: 400;">Army Institute of Technology, Pune</p>
</div>
</div>
</div>
<!-- ------------Carousel Starts here ---------------------- -->

<div class="container">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div data-aos="fade-up" id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
Expand Down Expand Up @@ -118,10 +120,12 @@ <h4 style="color: white; font-size: 1em;">Imagination is more important than kno

<!-- -----X-----Carousel Ends here ------------X---------- -->


<br>
<br>
<br>
<div class="container" style="margin-top: 2em;margin-bottom: 1em;">

<table class="table table-bordered table-striped">
<table data-aos="zoom-in-down" class="table table-bordered table-striped">
<thead>
<tr style="background:#A9A9A9;">
<th>HACKATHON</th>
Expand Down Expand Up @@ -255,7 +259,7 @@ <h4 style="color: white; font-size: 1em;">Imagination is more important than kno

<div class="cards-container container-fluid">

<div class="card card-one">
<div data-aos="fade-right" class="card card-one">
<header>
<div class="avatar">
<img src="images/person1.jpeg" alt="Jhon Doe" />
Expand All @@ -282,7 +286,7 @@ <h3>Arun Chauhan</h3>
</footer>
</div>

<div class=" card card-two">
<div data-aos="fade-left"class=" card card-two">
<header>
<div class="avatar">
<img src="images/person2.jpeg" alt="Allison Walker" />
Expand Down Expand Up @@ -317,7 +321,7 @@ <h3>Riya Sheoran </h3>
<!-- --------X--------Profile cards ends here--------------X--- -->

<!------------------ Start Footer bottom Area --------------------->
<footer class="footer-distributed">
<footer data-aos="zoom-in-down" class="footer-distributed">
<div class="footer-image">
<IMG SRC="images/tb.PNG" ALT="Techboard icon" WIDTH=200 HEIGHT=200 >
</div>
Expand Down Expand Up @@ -380,7 +384,10 @@ <h3>Riya Sheoran </h3>

<!---------X------ End Footer bottom Area -----------X-------->


<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>

</body>
</html>