Skip to content
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

Jump to bottom

Update index.html with better code format for adding contributions #40

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update index.html with better code format for adding contributions #40

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
114 changes: 81 additions & 33 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<link rel="stylesheet" href="css/style.css">
<!-- Iconscout Link -->
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.1.6/css/unicons.css">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.1.6/css/unicons.css">

</head>
<body>
Expand All @@ -21,9 +21,9 @@
<a href="#contact">contact</a>
</nav>
<div class="icons">
<div id="menu-btn" class="fas fa-bars"></div>
<div id="menu-btn" class="fas fa-bars"></div>
<div id="search-btn" class="fas fa-search"></div>

</div>
</header>

Expand All @@ -36,17 +36,17 @@
</div>

<section class="home" id="home">

<div class="wrapper">

<div class="box" style="background: url(images/home1.jpg) no-repeat;">
<div class="content">
<span>never stop</span>
<h3>exploring</h3>
<p>Travel.com offers best deals on India tour packages.</p>
<a href="#category" class="btn">get started</a>
</div>
</div>
</div>
</div>
</section>

Expand All @@ -55,39 +55,87 @@ <h3>exploring</h3>
<section class="category" id="category">

<h1 class="heading">Adventure Idea!</h1>

<div class="box-container">

<div class="box">
<img src="images/category-1.jpg" alt="BungeeJumpingImg">
<h3>bungee jump</h3>
<p>Bungee jumping is an activity that involves a person jumping from a great height while connected to a large elastic cord.</p>
<a href="https://en.wikipedia.org/wiki/Bungee_jumping" class="btn">read more</a>
<a href="https://en.wikipedia.org/wiki/Bungee_jumping" class="btn">read more</a>
</div>

<div class="box">
<img src="images/category-2.jpg" alt="ZipLinesImg">
<h3>zip lines</h3>
<p>A zip-line, zip line, zip-wire, or flying fox is a pulley suspended on a cable, usually made of stainless steel, mounted on a slope.</p>
<a href="https://en.wikipedia.org/wiki/Zip_line" class="btn">read more</a>
</div>

<div class="box">
<img src="images/category-3.jpg" alt="canoeingImg">
<h3>Canoeing</h3>
<p>Canoeing is an activity which involves paddling a canoe with a single-bladed paddle.</p>
<a href="https://en.wikipedia.org/wiki/Canoeing" class="btn">read more</a>
</div>

</div>

</section>

<!-- Our Contributors section -->
<section class="contributors">
<h1 class="heading">Our Contributors</h1>
<div class="contributors-container">
<div class="contributor">
<img src="images/yash.jpg" alt="Yash Srivastav">
<h3>Yash Srivastav</h3>
<div class="links">
<a href="https://github.com/Yash-srivastav16">GitHub</a>
<a href="https://www.linkedin.com/in/yash-srivastav/">LinkedIn</a>
</div>
</div>
<div class="contributor">
<img src="images/muhammed.jpg" alt="Muhammed Hilmi">
<h3>Muhammed Hilmi</h3>
<div class="links">
<a href="https://github.com/muhammedhilmi">GitHub</a>
<a href="https://www.linkedin.com/in/muhammed-hilmi/">LinkedIn</a>
</div>
</div>
<div class="contributor">
<img src="images/tina.jpg" alt="Tina Le">
<h3>Tina Le</h3>
<div class="links">
<a href="https://github.com/tinale210">GitHub</a>
<a href="https://www.linkedin.com/in/tina-le-210/">LinkedIn</a>
</div>
</div>
<div class="contributor">
<img src="images/summer.jpg" alt="Summer Koushal">
<h3>Summer Koushal</h3>
<div class="links">
<a href="https://github.com/summerkoushal">GitHub</a>
<a href="https://www.linkedin.com/in/summer-koushal/">LinkedIn</a>
</div>
</div>
<div class="contributor">
<img src="images/adhithyan.jpg" alt="Adhithyan VH">
<h3>Adhithyan VH</h3>
<div class="links">
<a href="https://github.com/adhithyanvh">GitHub</a>
<a href="https://www.linkedin.com/in/adhithyan-vh/">LinkedIn</a>
</div>
</div>
</div>
</section>

<section class="packages" id="packages">

<h1 class="heading">popular packages</h1>

<div class="box-container">

<div class="box">
<div class="image">
<img src="images/img-1.jpg" alt="">
Expand All @@ -99,7 +147,7 @@ <h3>Manali Package</h3>
<a href="#contact" class="btn">explore now</a>
</div>
</div>

<div class="box">
<div class="image">
<img src="images/img-2.jpg" alt="">
Expand All @@ -111,7 +159,7 @@ <h3>Goa Package</h3>
<a href="#contact" class="btn">explore now</a>
</div>
</div>

<div class="box">
<div class="image">
<img src="images/img-3.jpg" alt="">
Expand All @@ -123,7 +171,7 @@ <h3>Delhi Package</h3>
<a href="#contact" class="btn">explore now</a>
</div>
</div>

<div class="box">
<div class="image">
<img src="images/img-4.jpg" alt="">
Expand All @@ -140,7 +188,7 @@ <h3>Jaipur Package</h3>
<a href="#contact" class="btn">explore now</a>
</div>
</div>

<div class="box">
<div class="image">
<img src="images/img-5.jpg" alt="">
Expand All @@ -152,7 +200,7 @@ <h3>Kerala Package</h3>
<a href="#contact" class="btn">explore now</a>
</div>
</div>

<div class="box">
<div class="image">
<img src="images/img-6.jpg" alt="">
Expand All @@ -164,59 +212,59 @@ <h3>Darjeeling Package</h3>
<a href="#contact" class="btn">explore now</a>
</div>
</div>

</div>

</section>
<section class="contact" id="contact">

<div class="wrapper1">
<div class="title1">
<h1>Contact us</h1>
</div>
<div class="contact-form">
<form method = "post" action = "contact_us.php">
<div class="input-fields">

<input type="text" class="input" placeholder="Name" name="name">
<input type="email" class="input" placeholder="Email Address" name="email" pattern=".+@gmail\.com">
<input type="phone" class="input" placeholder="Phone" name="phone">
<input type="text" class="input" placeholder="Subject" name="subject">
</div>
<div class="msg">
<textarea placeholder="Message" name="message"></textarea> <br>
<div class="btn1"><button type="submit">send <i class="uil uil-message"></i></div>
<div class="btn1"><button type="submit">send <i class="uil uil-message"></i></div>
</div>
</form>
</div>
</div>
</div>

</section>
<section class="footer">

<div class="box-container">

<div class="box">
<h3>Quick links</h3>
<a href="#home">home</a>
<a href="#home">home</a>
<a href="#packages">packages</a>
<a href="#query">query</a>
</div>

<div class="box">
<h3>extra links</h3>
<a href="#contact">ask questions</a>
<a href="#">terms of use</a>
<a href="#">privacy policy</a>
</div>

<div class="box">
<h3>contact info</h3>
<a href="tel:+918115585868"> <i class="fas fa-phone"></i> +91 8115585868 </a>
<a href="mailto: [email protected]"> <i class="fas fa-envelope"></i> [email protected] </a>
<a href="#"> <i class="fas fa-map"></i> Lucknow, india - 226010 </a>
</div>

<div class="box">
<h3>follow us</h3>
<a href="https://www.facebook.com/yash.srivastav0"> <i class="fab fa-facebook-f"></i> facebook </a>
Expand All @@ -225,7 +273,7 @@ <h3>follow us</h3>
<a href="https://github.com/Yash-srivastav16"> <i class="fab fa-github"></i> github </a>
</div>
</div>
<div class="credit">created by <span>yash srivastav</span> | all rights reserved!</div>
<div class="credit">created by <span>yash srivastav</span> | all rights reserved!</div>
</section>
<!-- footer section ends -->
<script src="js/script.js"></script>
Expand Down