Skip to content

Add files via upload #1

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
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add files via upload #1

Show file tree
Hide file tree
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
Binary file added Untitled.mp4
View file
Open in desktop
Binary file not shown.
242 changes: 124 additions & 118 deletions exp.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,117 +53,73 @@
overflow: hidden; /* Hide any overflowing content */
}

section {
padding:30px;
color: #fff;
}

/* ... (previously defined styles) ... */
/* Add this CSS to your existing styles.css or create a new CSS file */

/* Add this CSS to your existing styles.css or create a new CSS file */

/* Main content styles */
#places {
background-color: #000000;
text-align: center;
/* padding: 50px 0; */
padding: 40px;
}

.category-buttons {
margin-bottom: 30px;
display: flex;
justify-content: center;
margin-bottom: 20px;
}

.category-btn {
padding: 8px 16px;
font-size: 18px;
background-color: #fff;
background-color: #f39c12;
color: #fff;
border: none;
border-radius: 4px;
padding: 10px 20px;
margin: 0 5px;
cursor: pointer;
transition: background-color 0.3s;
}

.category-btn.active {
background-color: #ddd;
}

.places-images {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 20px;
justify-items: center;
align-items: center;
margin-top: 30px;
}

.place {
display: flex;
flex-direction: column;
}

.place img {
width: 100%;
height: auto;
max-height: 200px;
border-radius: 8px;
object-fit: cover;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
background-color: #e74c3c;
}

.place p {
font-size: 16px;
color: #fff;
margin-top: 10px;
}


.places-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: 20px;
justify-items: center;
align-items: center;
margin-top: 30px;
}

.place-card {
background-color: #000000;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
overflow: hidden;
transition: transform 0.3s;
}

.place-card img {
width: 100%;
height: auto;
max-height: 200px;
border-radius: 8px;
max-width: 100%;
max-height: 100%;
object-fit: cover;
transition: transform 0.3s;
}
.place-card img:hover {
transform: scale(1.1);
}
.place-card h3 {
font-size: 16px;
margin-top: 10px;
color: #ffffff;
}


.place-card:hover {
transform: scale(1.05);
}



.banner-container {
position: relative;
width: 100%;
height:88vh;
overflow: hidden;
overflow: hidden;
}

.banner-images {
position: absolute;
display: flex;
animation: scrollImages 20s linear infinite; /* Adjust the time as needed */
margin: 30px;
}

.banner-images img {
Expand Down Expand Up @@ -210,11 +166,11 @@
<header>
<div class="logo">
<!-- Your logo goes here -->
<img src="food-delight-low-resolution-logo-white-on-transparent-background.png" alt="Logo">
<img src="globetales-india-low-resolution-logo-color-on-transparent-background.png" alt="Logo">
</div>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="#places">Places</a></li>
<li><a href="#blogs">Blogs</a></li>
<li><a href="#" onclick="openSearchWindow()">Search</a></li>
Expand All @@ -235,7 +191,7 @@
</div>
<div class="banner-text">
<!-- <h1>Welcome to Our Restaurant<br></h1> -->
<p>"Delight your taste buds with our culinary symphony!"</p>
<p>"Discover India's Treasures: Your Journey, Our Expertise"</p>
</div>
</section>

Expand All @@ -257,78 +213,128 @@
<!-- Cards for each place -->
<div class="places-cards">
<div class="place-card" data-category="all">
<img src="bg.jpg" alt="All Image 1">
<h3>Place 1</h3>
<a href="top_five.html"><img src="p1.jpg" alt="All Image 1"> </a>
<!-- <h3>Place 1</h3> -->
</div>

<div class="places-cards">
<div class="place-card" data-category="all">
<img src="p3.jpg" alt="All Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="places-cards">
<div class="place-card" data-category="all">
<img src="p3.jpg" alt="All Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="places-cards">
<div class="place-card" data-category="all">
<img src="p5.jpg" alt="All Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="places-cards">
<div class="place-card" data-category="all">
<img src="p2.jpg" alt="All Image 1">
<!-- <h3>Place 1</h3> -->
</div>

<div class="places-cards">
<div class="place-card" data-category="all">
<img src="n1.jpg" alt="All Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="places-cards">
<div class="place-card" data-category="all">
<img src="n2.jpg" alt="All Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="places-cards">
<div class="place-card" data-category="all">
<img src="n3.jpg" alt="All Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="places-cards">
<div class="place-card" data-category="all">
<img src="p6.jpeg" alt="All Image 1">
<!-- <h3>Place 1</h3> -->
</div>


<div class="place-card" data-category="top5">
<img src="bg1.avif" alt="Top 5 Image 1">
<h3>Place 1</h3>
<img src="p1.jpg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="place-card" data-category="north">
<img src="bg3.jpeg" alt="Top 5 Image 1">
<h3>Place 1</h3>
</div>
<div class="place-card" data-category="south">
<img src="bg4.jpg" alt="Top 5 Image 1">
<h3>Place 1</h3>

<div class="place-card" data-category="top5">
<img src="p2.jpg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="place-card" data-category="northeast">
<img src="bg3.jpeg" alt="Top 5 Image 1">
<h3>Place 1</h3>

<div class="place-card" data-category="top5">
<img src="p3.jpg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="place-card" data-category="all">
<img src="bg.jpg" alt="All Image 1">
<h3>Place 1</h3>

<div class="place-card" data-category="top5">
<img src="p5.jpg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>

<div class="place-card" data-category="top5">
<img src="bg1.avif" alt="Top 5 Image 1">
<h3>Place 1</h3>
<img src="p6.jpeg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="place-card" data-category="north">
<img src="bg3.jpeg" alt="Top 5 Image 1">
<h3>Place 1</h3>
<img src="n1.jpg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="place-card" data-category="south">
<img src="bg4.jpg" alt="Top 5 Image 1">
<h3>Place 1</h3>
<div class="place-card" data-category="north">
<img src="n2.jpg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="place-card" data-category="northeast">
<img src="bg3.jpeg" alt="Top 5 Image 1">
<h3>Place 1</h3>
<div class="place-card" data-category="north">
<img src="n3.jpg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="place-card" data-category="all">
<img src="bg.jpg" alt="All Image 1">
<h3>Place 1</h3>
<div class="place-card" data-category="north">
<img src="n4.jpg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="place-card" data-category="top5">
<img src="bg1.avif" alt="Top 5 Image 1">
<h3>Place 1</h3>
<div class="place-card" data-category="south">
<img src="s1.jpg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="place-card" data-category="north">
<img src="bg3.jpeg" alt="Top 5 Image 1">
<h3>Place 1</h3>
<div class="place-card" data-category="south">
<img src="s2.jpg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="place-card" data-category="south">
<img src="bg4.jpg" alt="Top 5 Image 1">
<h3>Place 1</h3>
<img src="s3.jpg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>

<div class="place-card" data-category="northeast">
<img src="bg3.jpeg" alt="Top 5 Image 1">
<h3>Place 1</h3>
<!-- <h3>Place 1</h3> -->
</div>
<div class="place-card" data-category="all">
<img src="bg.jpg" alt="All Image 1">
<h3>Place 1</h3>
<div class="place-card" data-category="northeast">
<img src="ne1.jpeg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="place-card" data-category="top5">
<img src="bg1.avif" alt="Top 5 Image 1">
<h3>Place 1</h3>
<div class="place-card" data-category="northeast">
<img src="ne2.jpeg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="place-card" data-category="north">
<img src="bg3.jpeg" alt="Top 5 Image 1">
<h3>Place 1</h3>
<div class="place-card" data-category="northeast">
<img src="ne3.jpeg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>
<div class="place-card" data-category="northeast">
<img src="ne4.jpeg" alt="Top 5 Image 1">
<!-- <h3>Place 1</h3> -->
</div>



</div>

Expand Down
Binary file added globetales-india-low-resolution-logo-color-on-transparent-background.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 6 additions & 3 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<header>
<div class="logo">
<!-- Your logo goes here -->
<img src="food-delight-low-resolution-logo-white-on-transparent-background.png" alt="Logo">
<img src="globetales-india-low-resolution-logo-color-on-transparent-background.png" alt="Logo">
</div>
<nav>
<ul>
Expand All @@ -27,7 +27,7 @@
<section id="home">
<div class="video-container">
<video autoplay loop muted playsinline>
<source src="pexels_videos_2249630 (2160p).mp4" type="video/mp4">
<source src="Untitled.mp4" type="video/mp4">

</div>
<div class="overlay">
Expand All @@ -40,7 +40,10 @@ <h1>Welcome to Our Tourism Website</h1>
<div class="about-info">
<!-- Add some information about your website or business here -->
<h2>About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. ...</p>
<p><br>Welcome to our tourism website, where we take you on a journey to explore the beauty and diversity of India. Our mission is to provide you with the best travel experiences, from serene landscapes to vibrant cultural destinations.</p>
<p>With a team of passionate travelers and experts, we curate unique travel itineraries and guides to help you make the most of your trip. Whether you're an adventurer seeking thrilling experiences or a history enthusiast looking to immerse yourself in the past, we have something for everyone.</p>
<p>Join us in discovering the wonders of India's top destinations and hidden gems. Your unforgettable travel experience starts here.</p>

</div>
<div class="about-video">
<video autoplay loop muted>
Expand Down
Binary file added n1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added n2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added n3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added n4.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ne1.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ne2.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ne3.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ne4.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ne5.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added p1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added p2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added p3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added p5.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added p6.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added s1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added s2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added s3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -105,6 +105,7 @@
display: flex;
flex-wrap: wrap-reverse;
align-items: center;


}

Expand Down
Loading