-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
97 lines (89 loc) · 4.31 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LOST INTO WOODS</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header id="header">
<a href="" class="logo">Pathless Woods</a>
<ul>
<li><a href="first.html" class="active" style="color: white;">HOME</a></li>
<li><a href="second.html">GALLERY</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</header>
<section>
<h2 id="text_content">
<span>It's time for new </span>
<br> Adventure </h2>
<img src="css\Images\bird1.png" id="brd1">
<img src="css\Images\bird2.png" id="brd2">
<img src="css\Images\forest.png" id="frst">
<a href="second.html" id="exp">Explore More</a>
<img src="css\Images\rocks.png" id="rck">
<img src="css\Images\water.png" id="water">
</section>
<div class="scroll_one">
<h2>Pleasure in pathless woods</h2>
<pre>
There is a pleasure in the pathless woods,
There is a rapture on the lonely shore,
There is society, where none intrudes,
By the deep sea, and music in its roar:
I love not man the less, but Nature more,
From these our interviews, in which I steal
From all I may be, or have been before,
To mingle with the Universe, and feel
What I can ne'er express, yet cannot all conceal.</pre>
<br>
<div id="about">
<h2>Corporate Travel Management for a New World</h2>
<pre>
Forest Travel is an innovative corporate travel management company partnering with
industry leaders to help optimize all business travel needs. We combine the expertise of
our travel advisors with advanced technology to plan custom itineraries focusing on safety, efficiency and savings.</pre>
<br> <br>
<button id="book">Book a Trip</button>
</div>
<!-- <div class="scroll">
<span style="--i:1;"><img src="css\Images\img1.jpg" class="img_style"></span>
<span style="--i:2;"><img src="css\Images\img2.jpg" class="img_style"></span>
<span style="--i:3;"><img src="css\Images\img3.jpg" class="img_style"></span>
<span style="--i:4;"><img src="css\Images\img4.jpg" class="img_style"></span>
<span style="--i:5;"><img src="css\Images\img5.jpg" class="img_style"></span>
<span style="--i:6;"><img src="css\Images\img1.jpg" class="img_style"></span>
<span style="--i:7;"><img src="css\Images\img2.jpg" class="img_style"></span>
<span style="--i:8;"><img src="css\Images\img3.jpg" class="img_style"></span>
</div> -->
</div>
<script src="css/javascript.js"></script>
<footer>
<div class="footer" id="contact">
<br>
<h5>Contact us </h5>
<br>
<ul>
<li> <a href="https://www.instagram.com/" class="fa fa-instagram"> </a></li>
<li> <a href="https://www.facebook.com/" class="fa fa-facebook"></a> </li>
<li> <a href="https://twitter.com/?lang=en" class="fa fa-twitter"></a> </li>
<li> <a href="https://www.google.com/" class="fa fa-google"></a></li>
</ul>
<br>
<hr><br>
<label>Register for free</label>
<button id="call">SIGN UP!</button>
<br><br><hr>
<br><br>
<hr>
<br>
<p> @ Copyrights :pathlesswords</p>
</div>
</footer>
</body>
</html>