Skip to content

Commit

Permalink
Create TTD.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@GLPSravanaKumar
GLPSravanaKumar authored Aug 23, 2024
1 parent d05a39e commit c5aa6e5
Showing 1 changed file with 282 additions and 0 deletions.
282 changes: 282 additions & 0 deletions Deploy/TTD.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,282 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tirumala Tirupati Devasthanams(Official Booking Portal)</title>
<link rel="icon" href="TTD.png">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
img {
width: 100%;

}

.fa {

font-size: 20px;

text-decoration: none;
padding: 1%;


}

.fa:hover {
opacity: 0.7;
}

.fa-facebook {

color: rgb(46, 46, 191);
margin-left: 45%;

}

.fa-twitter {

color: deepskyblue;

}



.fa-youtube {

color: rgb(84, 14, 14);


}

.fa-instagram {

color: rgb(12, 48, 50);

}

.co {
text-align: left;
color: black;
}

.card-img-top {
height: 200px;
width: 100%;
}
</style>

</head>

<body style="background-color: rgb(245, 242, 242);">
<img src="ttd1.jpg" style="height:70px; " />


<nav class="navbar navbar-expand-lg" style="background-color:#639;">
<div class="container-fluid">
<a class="navbar-brand" href="https://www.tirumala.org/" style="color: rgb(169, 171, 171)">About TTD</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="https://news.tirumala.org/" style="color: rgb(169, 171, 171)">E
Books</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://news.tirumala.org/" style="color: rgb(169, 171, 171)">News</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="https://news.tirumala.org/" role="button"
data-bs-toggle="dropdown" aria-expanded="false" style="color: rgb(169, 171, 171)">
Online Services
</a>
<ul class="dropdown-menu" style="color: rgb(169, 171, 171)">
<li><a class="dropdown-item" href="https://news.tirumala.org/">Srivari Arjitha Seva</a></li>
<li><a class="dropdown-item" href="https://news.tirumala.org/">Angapradakshinaam</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="https://news.tirumala.org/" style="color: aliceblue;">Accomidation</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link disabled" aria-disabled="true" style="color: rgb(169, 171, 171)">SVBC</a>
</li>

</ul>
<audio preload="auto" id="id12" controls="controls" autoplay="true" style="background-color:#639;
opacity: 0.9; width: 120px; height:40px; margin:2px; padding-right: 4px;
background-position: left;" loop="loop" src="slogan.mp3"></audio>


<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit" style="color: rgb(169, 171, 171)">Search</button>
</form>
</div>
</div>
</nav>
<div id="carouselExampleIndicators" class="carousel slide">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="im2.webp" class="d-block w-100" alt="..." height="400px" width="100%">
</div>
<div class="carousel-item">
<img src="Pranadana_trust.png" class="d-block w-100" alt="..." height="400px" width="100%">
</div>
<div class="carousel-item">
<img src="im.jpg" class="d-block w-100" alt="..." height="400px" width="100%">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>

<h1 style="font-size: 30px; text-align: center; margin-bottom: 0px; background-color:#639; color: rgb(169, 171, 171) ;
padding: 2%;">
Pilligram Services</h1>

<div class="row row-cols-1 row-cols-md-3 g-6" style=" padding: 1%; background-color:#639; width: 101%;">
<div class="col">
<div class="card">
<img src="b2.jpg" class="card-img-top" alt="...">
<div class="card-body" style="height: 180px; background-color: rgba(212, 144, 41, 0.464);">
<h5 class="card-title">SEVAS</h5>
<ul>
<li>Arjitha Sevas</li>
<li>Daily Sevas</li>
<li>Weekly Sevas</li>
<li>Annual / Periodical Sevas</li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="b3.jpg" class="card-img-top" alt="...">
<div class="card-body" style="height: 180px; background-color: rgba(212, 144, 41, 0.464);">
<h5 class="card-title">DARSHAN</h5>
<ul>
<li>Darshanam</li>
<li>Divya Darshan</li>
<li>Special Entry Darshan</li>
<li>Seeghra Darshan</li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="b4.png" class="card-img-top" alt="...">
<div class="card-body" style="height: 180px; background-color: rgba(212, 144, 41, 0.464);">
<h5 class="card-title">ACCOMMODATION</h5>
<ul>
<li>Accommodation at Tirumala </li>
<li>Advance Reservation</li>
<li>Rest Houses & Tariffs</li>

</ul>
</div>
</div>
</div>
<div class="col">
<div class="card" style="margin-top: 10px;">
<img src="b5.png" class="card-img-top" alt="...">
<div class="card-body" style="height: 180px; background-color: rgba(212, 144, 41, 0.464);">
<h5 class="card-title">PANCHAGAVYA PRODUCTS</h5>
<ul>
<li>Dhoop Choornam</li>
<li>Dhoop Agarbathies</li>
<li>Dhoop Cups</li>
<li>Dhoop Sticks</li>
<li>Dhoop Cones</li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="card" style="margin-top: 10px;">
<img src="b6.jpg" class="card-img-top" alt="...">
<div class="card-body" style="height: 180px; background-color: rgba(212, 144, 41, 0.464);">
<h5 class="card-title">SCHEMES/TRUSTS</h5>
<ul>
<li>SRIVANI TRUST</li>
<li>S.V. Annaprasadam Trust</li>
<li>BIRRD Trust</li>
<li>S.V. Pranadana Trust</li>
<li>S.V. Vidyadana Trust</li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="card" style="margin-top: 10px;">
<img src="b7.webp" class="card-img-top" alt="...">
<div class="card-body" style="height: 180px; background-color: rgba(212, 144, 41, 0.464);">
<h5 class="card-title">SOCIAL SERVICE</h5>
<ul>
<li>Social Activities</li>
<li>Educational Activities</li>
<li>Religious Activities</li>
<li>Publications</li>
</ul>
</div>
</div>
</div>
</div>




<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>


</body>
<footer style="background-color:rgb(172, 74, 192);">



<div class="co" style="margin-left:20px;">
© 2023 Copyright:
<a class="co" href="https://ttdevasthanams.ap.gov.in/" style="text-decoration: none;">Tirumala Tirupati
Devasthanams -All rights reserved</a>


<a href="https://www.facebook.com/TTDevasthanams" target="_blank" class="fa fa-facebook"></a>
<a href="https://twitter.com/TTDevasthanams" target="_blank" class="fa fa-twitter"></a>
<a href="https://www.instagram.com/TTDevasthanams/" target="_blank" class="fa fa-youtube"></a>
<a href="https://www.youtube.com/svbcttd" target="_blank" class="fa fa-instagram"></a>

</div>




</footer>
</footer>

</html>

0 comments on commit c5aa6e5

Please sign in to comment.