Skip to content

Commit

Permalink
Merge pull request #7 from Amnyadav/appBanner
Browse files Browse the repository at this point in the history 
Aaroha APP download banner
  • Loading branch information
@iharshka
iharshka authored Jan 25, 2025
2 parents aac7fc2 + 56d4704 commit f18cad3
Show file tree
Hide file tree
Showing 15 changed files with 253 additions and 79 deletions.
16 changes: 12 additions & 4 deletions UNMILANAM.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@

<body>
<!-- Top Bar Start -->
<div class="top-bar d-none d-md-block">
<!-- <div class="top-bar d-none d-md-block">
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
Expand All @@ -42,16 +42,24 @@
<div class="col-md-4">
<div class="top-bar-right">
<div class="social">
<!-- <a href=""><i class="fab fa-twitter"></i></a> -->
<a href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a>
<!-- <a href=""><i class="fab fa-linkedin-in"></i></a> -->
<a href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->

<div class="top-banner">
<div class="banner-content">
<div class="sliding-text">
<!-- <div></div> -->
<span>Download Our App Now! Click the button below.</span>
</div>
<a href="applink\app-release.apk" class="banner-link" target="_blank">Get App</a>
</div>
</div>
<!-- Top Bar End -->

<!-- Nav Bar Start -->
Expand Down
22 changes: 15 additions & 7 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@

<body>
<!-- Top Bar Start -->
<div class="top-bar d-none d-md-block">
<!-- <div class="top-bar d-none d-md-block">
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
Expand All @@ -38,17 +38,25 @@
</div>
<div class="col-md-4">
<div class="top-bar-right">
<div class="social">
<!-- <a href=""><i class="fab fa-twitter"></i></a> -->
<a href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a>
<!-- <a href=""><i class="fab fa-linkedin-in"></i></a> -->
<a href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
<div class="social"> -->
<!-- <a href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a> -->
<!-- <a href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div> -->
<!-- </div> -->

<div class="top-banner">
<div class="banner-content">
<div class="sliding-text">
<!-- <div></div> -->
<span>Download Our App Now! Click the button below.</span>
</div>
<a href="applink\app-release.apk" class="banner-link" target="_blank">Get App</a>
</div>
</div>
</div>
<!-- Top Bar End -->

<!-- Nav Bar Start -->
Expand Down
Binary file added applink/app-release.apk
View file
Binary file not shown.
22 changes: 15 additions & 7 deletions causes.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@

<body>
<!-- Top Bar Start -->
<div class="top-bar d-none d-md-block">
<!-- <div class="top-bar d-none d-md-block">
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
Expand All @@ -38,17 +38,25 @@
</div>
<div class="col-md-4">
<div class="top-bar-right">
<div class="social">
<!-- <a href=""><i class="fab fa-twitter"></i></a> -->
<a href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a>
<!-- <a href=""><i class="fab fa-linkedin-in"></i></a> -->
<a href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
<div class="social"> -->
<!-- <a href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a> -->
<!-- <a href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->

<div class="top-banner">
<div class="banner-content">
<div class="sliding-text">
<!-- <div></div> -->
<span>Download Our App Now! Click the button below.</span>
</div>
<a href="applink\app-release.apk" class="banner-link" target="_blank">Get App</a>
</div>
</div>
<!-- Top Bar End -->

<!-- Nav Bar Start -->
Expand Down
22 changes: 15 additions & 7 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@

<body>
<!-- Top Bar Start -->
<div class="top-bar d-none d-md-block">
<!-- <div class="top-bar d-none d-md-block">
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
Expand All @@ -38,17 +38,25 @@
</div>
<div class="col-md-4">
<div class="top-bar-right">
<div class="social">
<!-- <a href=""><i class="fab fa-twitter"></i></a> -->
<a href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a>
<!-- <a href=""><i class="fab fa-linkedin-in"></i></a> -->
<a href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
<div class="social"> -->
<!-- <a href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a> -->
<!-- <a href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->

<div class="top-banner">
<div class="banner-content">
<div class="sliding-text">
<!-- <div></div> -->
<span>Download Our App Now! Click the button below.</span>
</div>
<a href="applink\app-release.apk" class="banner-link" target="_blank">Get App</a>
</div>
</div>
<!-- Top Bar End -->

<!-- Nav Bar Start -->
Expand Down
68 changes: 68 additions & 0 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -163,6 +163,74 @@ a:focus {
color: #549ad4;
}

/* app banner start*/
.top-banner {
background: linear-gradient(90deg, #4CAF50, #00C9FF);
color: white;
padding: 10px 10px;
display: flex;
justify-content: center;
align-items: center;
/* position: fixed; */
top: 0;
width: 100%;
z-index: 1000;
}

.banner-content {
display: flex;
justify-content: space-around;
align-items: center;
max-width: 1200px;
width: 100%;
}

.sliding-text {
overflow: hidden;
white-space: nowrap;
width: 80%; /* Adjust width as needed */
}

.sliding-text span {
text-align: end;
display: flex;
/* display: flex; */
justify-content: flex-end;
animation: slideText 7s linear infinite;
}

@keyframes slideText {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}

.banner-link {
background-color: white;
color: #4CAF50;
text-decoration: none;
text-align: center;
padding: 8px 15px;
border-radius: 20px;
font-weight: bold;
transition: background-color 0.3s ease, color 0.3s ease;
}

.banner-link:hover {
background-color: #4CAF50;
color: white;
}
@media (max-width: 575.98px) {
.banner-link {
padding: 4px 15px;
width:100px;
}
}

/* app banner end */
/**********************************/
/********** Top Bar CSS ***********/
/**********************************/
Expand Down
26 changes: 17 additions & 9 deletions donate.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,34 +25,42 @@

<body>
<!-- Top Bar Start -->
<div class="top-bar d-none d-md-block">
<!-- <div class="top-bar d-none d-md-block">
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<div class="top-bar-left">
<div class="top-bar-left"> -->
<!-- <div class="text">
<i class="fa fa-phone-alt"></i>
<p>+91 99999-99999.</p>
</div> -->
<div class="text">
<!-- <div class="text">
<i class="fa fa-envelope"></i>
<a class="maila" href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="top-bar-right">
<div class="social">
<!-- <a href=""><i class="fab fa-twitter"></i></a> -->
<a href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a>
<!-- <a href=""><i class="fab fa-linkedin-in"></i></a> -->
<a href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
<div class="social"> -->
<!-- <a href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a> -->
<!-- <a href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->

<div class="top-banner">
<div class="banner-content">
<div class="sliding-text">
<!-- <div></div> -->
<span>Download Our App Now! Click the button below.</span>
</div>
<a href="applink\app-release.apk" class="banner-link" target="_blank">Get App</a>
</div>
</div>
<!-- Top Bar End -->

<!-- Nav Bar Start -->
Expand Down
22 changes: 15 additions & 7 deletions event.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@

<body>
<!-- Top Bar Start -->
<div class="top-bar d-none d-md-block">
<!-- <div class="top-bar d-none d-md-block">
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
Expand All @@ -41,17 +41,25 @@
</div>
<div class="col-md-4">
<div class="top-bar-right">
<div class="social">
<!-- <a href=""><i class="fab fa-twitter"></i></a> -->
<a href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a>
<!-- <a href=""><i class="fab fa-linkedin-in"></i></a> -->
<a href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
<div class="social"> -->
<!-- <a href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a> -->
<!-- <a href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->

<div class="top-banner">
<div class="banner-content">
<div class="sliding-text">
<!-- <div></div> -->
<span>Download Our App Now! Click the button below.</span>
</div>
<a href="applink\app-release.apk" class="banner-link" target="_blank">Get App</a>
</div>
</div>
<!-- Top Bar End -->

<!-- Nav Bar Start -->
Expand Down
22 changes: 15 additions & 7 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@

<body>
<!-- Top Bar Start -->
<div class="top-bar d-none d-md-block">
<!-- <div class="top-bar d-none d-md-block">
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
Expand All @@ -39,17 +39,25 @@
</div>
<div class="col-md-4">
<div class="top-bar-right">
<div class="social">
<!-- <a href=""><i class="fab fa-twitter"></i></a> -->
<a href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a>
<!-- <a href=""><i class="fab fa-linkedin-in"></i></a> -->
<a href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
<div class="social"> -->
<!-- <a href="https://www.facebook.com/aaroha.youthorg/"><i class="fab fa-facebook-f"></i></a> -->
<!-- <a href="https://www.instagram.com/aaroha.youthorg/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->

<div class="top-banner">
<div class="banner-content">
<div class="sliding-text">
<!-- <div></div> -->
<span>Download Our App Now! Click the button now.</span>
</div>
<a href="applink\app-release.apk" class="banner-link" target="_blank">Get App</a>
</div>
</div>
<!-- Top Bar End -->

<!-- Nav Bar Start -->
Expand Down
Loading

0 comments on commit f18cad3

Please sign in to comment.