Task-page/index.html at main · kabil-AK/Task-page · 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Trabook</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <link rel="stylesheet" href="./Css/style.css">
</head>
<body>
    <div class="container">
        <h1 class="volkhov-regular">Trabook <img src="./pages/Vector.png" alt="" srcset=""></h1>
        <div class="Menu">
            <ul class="Menu poppins-thin menu-color">
                <li>Home</li>
                <li>About</li>
                <li>Destination</li>
                <li>Tour</li>
                <li>Blog</li>
            </ul>
        </div>
        <div class="gap">
            <button class="btn-login poppins-thin text-primary-dark" type="button">Login</button>
            <button class="btn-sign-up poppins-thin text-white-color" type="button">Sign Up</button>
        </div>

    </div>

    <div class="container-1 ">
        <div>

        <h1 class="hero volkhov-regular">Get started your <br>exciting <span class="color-primary-light"> journey </span> <br>with us.</h1>
        <p class=" card-1 poppins-thin">A Team of experienced tourism professionals will <br>provide you with the best advice and tips for your <br> desire place</p>
        <input class="btn-now" type="button" value="Discover Now">
        </div>
        <div>
             <img class="dums-1 " src="./pages/Image (1).png" alt="" srcset="">
        </div>


    </div>


    <div class="container-2">
        <img src="./pages/Search bar.png" alt="" srcset="">
    </div>
    <div class="container-3  ">
        <div class="card-3">
        <h1 class=" air brand-bold-3 volkhov-regular">Things you need <span class="color-primary-light">to do  <img class="air" src="./pages/Element (1).png" alt="" srcset=""> </span></h1>
        <p class="brand-text-3 poppins-thin">We ensure that you'll embark on a perfectly planned, <br>safe vacation at a price you can afford.</p>
        </div>
        <div>

        </div>
        <div class="banner-img-3">
            <img src="./pages/Sign Up.png" alt="">
            <img src="./pages/Money.png" alt="">
            <img src="./pages/Travel.png" alt="">
        </div>

    </div>
    <div class="container-4">
        <div class="discount-4">
        <h1 class="brand-bold-3 volkhov-regular">Exclusive <span class="color-primary-light"> deals & discounts</span></h1>
        <p class="card-4 poppins-thin">Discover our fantastic early booking discounts <br> & start planning your journey.</p>
        </div>
          <div class="banner-img-3 banner-4">
            <img src="./pages/Card-1.png" alt="">
            <img src="./pages/Card-2.png" alt="">
            <img src="./pages/Card-3.png" alt="">
            <img src="./pages/Card-4.png" alt="">
        </div>
        <div class="btn-4">
            <img class="btn-4" src="./pages/Slider-btn.png" alt="">
        </div>

    </div>

    <div class="container-5">
        <div class="plan-5">
        <h1 class=" best-5 brand-bold-3 volkhov-regular">Best  <span class="color-primary-light">vacation plan </span></h1>
        <p class="card-4 poppins-thin">Plan your perfect vacation with our travel agency.choose <br>among hundreds of all-inculsive offers!</p>
        </div>
        <div>
            <img class="right" src="./pages/Slider-btn.png" alt="">
        </div>
        <div class="banner-img-3 banner-4">
            <img src="./pages/plan-1.png" alt="">
            <img src="./pages/plan-2.png" alt="">
            <img src="./pages/plan-3.png" alt="">
        </div>
    </div>

    <div class="container-6">
        <div>
            <h1 class="hero volkhov-regular">What people say <br><span class="color-primary-light">about us</span></h1>
            <p class=" love-6 card-1 poppins-thin">Our Client send us bunch of smilies with our services <br>and we love them.</p>
            <img class="arrow-6" src="./pages/Slider-btn.png" alt="">
        </div>
        <div class="testimonial">
  <div class="client-1">
    <img src="./pages/Image (11).png" alt="Client 1" class="client-image">
    <div class="client-text">
      <p class=" smile-6 poppins-thin">“On the Windows talking painted pasture yet its <br> express parties use. Sure last upon he same as <br> knew next. Of believed or diverted no.”</p>
      <h3 class="mike-6 poppins-thin">Mike Taylor</h3>
      <p class="smile-6 poppins-thin">Lahore, Pakistan</p>
    </div>
  </div>

  <div class="client-2">

    <h3 class="mike-6 poppins-thin">Chris Thomas</h3>
    <p class="smile-6 poppins-thin">CEO of Red Button</p>
  </div>
</div>


    </div>

    <div class="container-7">
    <div class="card-7">
    <h1 class="hero volkhov-regular"> Get update with <span  class="color-primary-light">latest blog</span></h1>
    </div>
    <div class="card-7img">
        <div>
    <img src="./pages/con-7.png" alt="">
    <p class=" brand-text-7 poppins-thin">The Amazing Difference a <br>year of trevelling.</p>
    <span class="brand-text-color-7 inter">July 27, 2021</span>
    </div>
    <div>
    <img src="./pages/con-7-1.png" alt="">
    <p class="brand-text-7 poppins-thin">Travel for enough,you <br>meet yourself.</p>
    <span class="brand-text-color-7 inter">July 27,2021</span>
    </div>
    <div>
    <img src="./pages/con-7-2.png" alt="">
    <p class=" brand-text-7 poppins-thin">How to Save Money While <br>Visiting Africa</p>
    <span class="brand-text-color-7 inter">July 27,2021</span>
    </div>
    <div>
    <img src="./pages/con-7-3.png" alt="">
    <p class=" brand-text-7 poppins-thin">Reflections on 5 Month of <br>Travel: Time to Hang</p>
    <span class="brand-text-color-7 inter">July 27,2021</span>
    </div>
    </div>


    </div>

    <div class="container-8">
        <div class="subscribe-section">
  <div class=" plan-5 subscribe-8">

    <h2 class="best-5 volkhov-regular color-white">Subscribe and get exclusive  <br> deals & offer</h2>
    <form class="subscribe-btn-8">
      <input class="card-4 border-none poppins-thin email-section-8" type="email" placeholder="Enter your mail">
      <button class=" border-none text-color text color-white btn-8" type="submit">Subscribe</button>
    </form>
  </div>
</div>

    </div>
    <div class="container-11">
    <div class="container-9">
        <div>
            <h1 class="volkhov-regular">Trabook <img src="./pages/Vector.png" alt=""></h1>
            <p class="poppins-thin bold-text-9">Book your trip in minutes get full <br>control for much longer.</p>
            <img class="img-9" src="./pages/Social.png" alt="">
        </div>
        <div class="poppins-thin" >
            <ul class="list-9 bold-text-9">
                <li class="bold-9">Company</li>
                <li>About</li>
                <li>Careers</li>
                <li>Logistic</li>
                <li>Privacy & Policy</li>
            </ul>
        </div>
        <div class="poppins-thin bold-text-9">
            <ul class="list-9">
                <li class="bold-9">Contact</li>
                <li>Help/FAQ</li>
                <li>Press</li>
                <li>Affilates</li>
            </ul>
        </div>
        <div class="poppins-thin bold-text-9">
            <ul class="list-9 ">
                <li class="bold-9">More</li>
                <li>Press Centre</li>
                <li>Our Blog</li>
                <li>Low fare tips</li>
            </ul>
        </div>
    </div>
    <hr>
    <div class="container-10">
        <p class="poppins-thin left bold-text-9">Copyright,Trabook 2022.All rights reserved.

        </p> <h1 class="right bold-text-9 poppins-thin">Terms & Conditions</h1>
    </div>
 </div>


</body>
</html>