Skip to content

Commit

Permalink
Merge pull request #479 from ankit071105/Project
Browse files Browse the repository at this point in the history 
Added Files Seperately
  • Loading branch information
@ankit071105
ankit071105 authored Oct 20, 2024
2 parents 74803ca + 539a1b9 commit 0aba175
Showing 1 changed file with 25 additions and 139 deletions.
164 changes: 25 additions & 139 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,7 @@
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" />

<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="about.css">
Expand Down Expand Up @@ -56,8 +55,10 @@

<!-- cursor -->

<body>
<div id="scrollProgressBar" class="progress-bar"></div>
<!-- Your existing content goes here -->
</body>
<div class="gtranslate_wrapper"></div>
<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
Expand Down Expand Up @@ -187,40 +188,28 @@ <h3>Sell Train Tickets</h3>
<script src="about.js"></script>
</div>

<div class="review-section">
<h2>Our Reviews</h2>
<div class="reviews-slider">
<div class="review-card">
<h3>Angel Roy</h3>
<h4>Kolkata</h4>
<p>Great platform to book tickets online! Highly recommend.</p>
</div>
<div class="review-card">
<h3>Jane Sharma</h3>
<h4>Delhi</h4>
<p>Amazing service and no worry to make travel plans now .</p>
</div>
<div class="review-card">
<h3>Sam Rathod</h3>
<h4>Rajasthan</h4>
<p>This ticket booking site really helped me book my tickets anytime anywhere!</p>
</div>
<div class="review-card">
<h3>Charles de Souza </h3>
<h4>Mumbai</h4>
<p>Very satisfied with this service.Helped me a lot.</p>
</div>
<div class="review-card">
<h3>Alex Patel</h3>
<h4>Bangalore</h4>
<p>Quick ticket booking made my journey more easier now,Thanks.</p>
</div>
<div class="content-wrapper">
<h1>Our Reviews</h1>
<div class="blue-line"></div>
<div class="wrapper-for-arrows">
<div style="opacity: 0;" class="chicken"></div>
<div id="reviewWrap" class="review-wrap">
<div id="imgDiv" class="">
</div>
<div id="personName"></div>
<div id="profession"></div>
<div id="description">
</div>
</div>
<div class="surprise-me-btn">Surprise me</div>
<div class="left-arrow-wrap arrow-wrap">
<div class="arrow" id="leftArrow"></div>
</div>
<div class="right-arrow-wrap arrow-wrap">
<div class="arrow" id="rightArrow"></div>
</div>
</div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script src="script.js"></script>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
<script src="main.js"></script>

Expand Down Expand Up @@ -267,109 +256,6 @@ <h4>Phone No</h4>

<body>

<style>

@keyframes slideUp {
from {
opacity: 0;
transform: translateY(100px); /* Start 100px below */
}
to {
opacity: 1;
transform: translateY(0); /* Move to its original position */
}
}

.faq-container {
max-width: 1000px;
margin: 40px auto;
padding: 20px;
background-color: rgb(203, 203, 220);
border: 1px solid #ddd;
border-radius: 10px;
box-shadow: 2px 10px 8px rgba(255, 254, 254, 0.1);
}

.faq-title {
text-align: center;
font-size: 1.8em;
color: #040404;
margin-bottom: 20px;
}

.faq {
margin-bottom: 15px;
opacity: 0; /* Start hidden */
transform: translateY(100px); /* Positioned below initially */
transition: all 0.5s ease;
}

.faq.visible {
opacity: 1;
transform: translateY(0); /* Move up into position */
animation: slideUp 0.6s ease-in-out; /* Apply the slide-up effect */
}

.faq input[type="checkbox"] {
display: none;
}

.faq-question {
padding: 15px;
font-size: 1.2em;
background-color: #07b797;
color: #0c0c0c;
border: none;
border-radius: 5px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: background-color 0.3s ease, transform 0.3s ease;
}

.faq-question:hover {
background-color: #07b797;
transform: scale(1.02);
}

.faq-answer {
max-height: 0;
overflow: hidden;
padding: 0 15px;
background-color: #f3f1ef;
color: #333;
border-left: 4px solid #0f0f10;
transition: max-height 0.6s ease, padding 0.6s ease, background-color 0.3s ease;
}

.faq input[type="checkbox"]:checked ~ .faq-answer {
max-height: 150px;
padding: 15px;
background-color: #e7e6e3;
}

.arrow {
margin-top: -3px;
display: inline-block;
width: 12px;
height: 12px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(45deg);
transition: transform 0.3s ease;
}

.faq input[type="checkbox"]:checked + label .arrow {
transform: rotate(225deg);
}


</style>


<!-- FAQ Section -->
<!-- FAQ Section -->
<section id="faq">
<div class="faq-container">
<h1 class="faq-title" data-aos="fade-right">Frequently Asked Questions</h1>
Expand Down Expand Up @@ -565,7 +451,7 @@ <h4>FIND US</h4>
<li><a href="#">Holiday Deals</a></li>
<li><a href="#">Popular Counters</a></li>
<!-- <li><a href="#">Flight Only</a></li> -->
<li><a href="tophotels.html">Top Hotels</a></li>
<li><a href="#">Top Hotels</a></li>
</ul>
</div>
</footer>
Expand Down

0 comments on commit 0aba175

Please sign in to comment.