MiniProjectSem03/index.html at main · ABHINAV8543/MiniProjectSem03 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home | Infinite Trails Travel</title>
    <link rel="icon" href="images/logo.png" type="image/x-icon">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body id="homebody">
    <div class="topnav">
        <a class="active" href="index.html"><i class="fa fa-home"></i> Home</a>
        <a href="login.html" target="_blank"><i class="fa fa-user"></i> Login | SignUp</a>
        <a href="about.html"><i class="fa fa-info-circle"></i> About Us</a>
        <a href="contact.html"><i class="fa fa-address-book-o"></i> Contact Us</a>
    </div>
    <input type="text" class="search" placeholder="Search for Destinations">
    <br>
    <table>
        <tr>
            <td><img src="images/logo.png" class="logo"></td>
            <td>
                <h1 id="title">Infinite Trails Travel</h1>
                <p class="desc">
                    "The Infinite Trails Travel is your gateway to discovering, planning, and booking dream vacations with ease.
                    Packed with user friendly features and interactive tools, our website is designed to cater to all types of
                    travelers—whether you're browsing pre designed packages or crafting your own personalized multi-destination tour."
                </p>
            </td>
        </tr>
    </table>
    <table class="desti">
        <tr>
            <th colspan="2"><h4 class="hdg"><i class="fa fa-map-marker"></i> POPULAR DESTINATIONS</h4></th>
            <th colspan="3"><button class="actbtn">VIEW ALL DESTINATIONS >></button></th>
        </tr>
        <tr>
            <td class="desticol"><a href="" target="_blank"><img src="images/delhi.jpg" class="destiimg"><h4 class="desname">Delhi</h4></a></td>
            <td class="desticol"><a href="" target="_blank"><img src="images/agra.avif" class="destiimg"><h4 class="desname">Agra</h4></a></td>
            <td class="desticol"><a href="" target="_blank"><img src="images/jaipur.webp" class="destiimg"><h4 class="desname">Jaipur</h4></a></td>
            <td class="desticol"><a href="" target="_blank"><img src="images/mumbai.jpg" class="destiimg"><h4 class="desname">Mumbai</h4></a></td>
            <td class="desticol"><a href="" target="_blank"><img src="images/varanasi.jpeg" class="destiimg"><h4 class="desname">Varanasi</h4></a></td>
        </tr>
    </table>
    <table class="desti">
        <tr>
            <th colspan="2"><h4 class="hdg"><i class="fa fa-signal"></i> POPULAR PACKAGES</h4></th>
            <th colspan="3"><button class="actbtn">VIEW ALL PACKAGES >></button><button class="actbtn"><i class="fa fa-plus-circle"></i> CREATE CUSTOM PACKAGE</button></th>
        </tr>
        <tr>
            <td class="desticol">
                <p class="pkghdg">Delhi + Agra +  Jaipur</p>
                <p class="pkgdtl">(7 days, 6 nights)</p>
                <a href="" target="_blank"><button class="pkgbtn">Full Details</button></a><br>
                <a href="" target="_blank"><button class="pkgbtn">Book Now</button></a>
            </td>
            <td class="desticol">
                <p class="pkghdg">Goa + Mumbai</p>
                <p class="pkgdtl">(7 days, 7 nights)</p>
                <a href="" target="_blank"><button class="pkgbtn">Full Details</button></a><br>
                <a href="" target="_blank"><button class="pkgbtn">Book Now</button></a>
            </td><td class="desticol">
                <p class="pkghdg">Ladakh + Srinagar + Shimla</p>
                <p class="pkgdtl">(8 days, 7 nights)</p>
                <a href="" target="_blank"><button class="pkgbtn">Full Details</button></a><br>
                <a href="" target="_blank"><button class="pkgbtn">Book Now</button></a>
            </td><td class="desticol">
                <p class="pkghdg">Kerala</p>
                <p class="pkgdtl">(3 days, 2 nights)</p>
                <a href="" target="_blank"><button class="pkgbtn">Full Details</button></a><br>
                <a href="" target="_blank"><button class="pkgbtn">Book Now</button></a>
            </td><td class="desticol">
                <p class="pkghdg">Lucknow + Varanasi</p>
                <p class="pkgdtl">(4 days, 3 nights)</p>
                <a href="" target="_blank"><button class="pkgbtn">Full Details</button></a><br>
                <a href="" target="_blank"><button class="pkgbtn">Book Now</button></a>
            </td>
        </tr>
    </table>
    <br>
    <hr class="btm"><hr class="btm">
    <p class="cinfo"><i class="fa fa-copyright"></i> Infinite Trails Travel-2024</p>
</body>
</html>