-
Notifications
You must be signed in to change notification settings - Fork 7
Expand file tree
/
Copy pathIndex.html
More file actions
102 lines (97 loc) · 4.39 KB
/
Index.html
File metadata and controls
102 lines (97 loc) · 4.39 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css2?family=Lemonada&display=swap" rel="stylesheet">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>CWH</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<nav class="navbar background h-nav-resp">
<ul class="nav-list v-class-resp">
<div class="logo"><img src="https://cdn.pixabay.com/photo/2014/05/03/00/31/home-office-336581_960_720.jpg" alt="Hello Hi"></div>
<li><a href="#home">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact Us</a></li>
<li><a href="#about">About</a></li>
</ul>
<div class="rightnav v-class-resp">
<input type="text" name="search" value="" id="search" placeholder="Search Here Anything">
<button class="btn btn-sm">Search</button>
</div>
<div class="burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
<!-- section starts from here -->
<section class="background firstsection" id="home">
<div class="box-main">
<div class="firsthalf">
<p class="text-big resp-p">Let's Go To The Picnic</p>
<p class="text-small resp-p">Lorem ipsum est qui nisi elit culpa amet proident culpa ad nulla ex aute in tempor et excepteur ullamco exercitation nisi.</p>
<div class="buttons">
<button class="btn">Book Ride</button>
<button class="btan">Learn More</button>
</div>
</div>
<div class="secondhalf">
<img src="https://cdn.pixabay.com/photo/2016/02/18/22/26/baskets-1208280_960_720.jpg">
</div>
</div>
</section>
<section class="section" id="services">
<div class="paras">
<p class="sectionTag text-big">Around The New-York</p>
<p class="sectionsubTag text-small">Aliqua occaecat id irure labore quis in ut ea non proident aliquip occaecat in amet cupidatat. Pariatur ex incididunt laborum adipisicing voluptate sunt do sed adipisicing ea. Ut deserunt ea elit in qui ex magna aute fugiat culpa enim tempor aliquip occaecat anim aute eu exercitation. Lorem ipsum aute</p>
</div>
<div class="thumbnail">
<img src="https://source.unsplash.com/1600x900/?New-York" alt="" class="imgfluid">
</div>
</section>
<section class="section section-left">
<div class="paras">
<p class="sectionTag text-big">You Know About The London</p>
<p class="sectionsubTag text-small">Aliqua occaecat id irure labore quis in ut ea non proident aliquip occaecat in amet cupidatat. Pariatur ex incididunt laborum adipisicing voluptate sunt do sed adipisicing ea. Ut deserunt ea elit in qui ex magna aute fugiat culpa enim tempor aliquip occaecat anim aute eu exercitation. Lorem ipsum aute</p>
</div>
<div class="thumbnail" style="margin-right: 19px;">
<img src="https://source.unsplash.com/1600x900/?London" alt="" class="imgfluid">
</div>
</section>
<section class="section">
<div class="paras">
<p class="sectionTag text-big">Know This About India</p>
<p class="sectionsubTag text-small">Aliqua occaecat id irure labore quis in ut ea non proident aliquip occaecat in amet cupidatat. Pariatur ex incididunt laborum adipisicing voluptate sunt do sed adipisicing ea. Ut deserunt ea elit in qui ex magna aute fugiat culpa enim tempor aliquip occaecat anim aute eu exercitation. Lorem ipsum aute</p>
</div>
<div class="thumbnail">
<img src="https://source.unsplash.com/1600x900/?India" alt="" class="imgfluid">
</div>
</section>
<!-- <hr> -->
<!-- NEW SECTION Of Contact Us -->
<section id="contact">
<h2 class="textcenter">Contact Us</h2>
<div class="form">
<input class="form input" type="text" name="name" id="name" placeholder="Enter Your Name">
<span></span>
<input class="form input" type="text" name="phone" id="number" placeholder="Enter Your Number">
<span></span>
<input class="form input" type="Email" name="Email" id="email" placeholder="Enter Your Email">
<span></span>
<textarea class="form input" name="text" id="text" cols="30" rows="10" placeholder="Send A Meaningfull Message"></textarea>
<span></span>
<button class="btn dark">Submit</button>
</div>
</section>
<!-- footer -->
<footer class="background" id="about">
<p class="textfooter">
Copyright © 2020 www.YatraBook.com All Rights Reserved
</p>
</footer>
<script src="resp.js"></script>
</body>
</html>
<!-- background-image: url(https://cdn.pixabay.com/photo/2016/09/25/15/34/texture-1693926_960_720.jpg); -->