HTML-CSS-Responsive-Web-Design/index.html at master · gla7/HTML-CSS-Responsive-Web-Design · 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
<!DOCTYPE html>
<html>


<head>

	<title>Appventure</title>
	<link rel="stylesheet" type="text/css" href="main.css">

</head>


<body>


<div class="main-container">
	<div class="navbar">
		<div class="navbar-container">
			<div class="logo">
				<img src="appventure.png" width="100%" height="35vh">
			</div>
			<div class="navbar-items-div">
				<ul class="navbar-items">
					<li class="navbar-item"><a>How to use</a></li>
					<li class="navbar-item item-1"><a>Plan my trip</a></li>
					<li class="navbar-item"><a>Local travel agents/guides</a></li>
					<li class="navbar-item"><a>Find travellers</a></li>
					<li class="navbar-last-item"><a><img src="threelines.png" width="35px" height="35px"></a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="welcome-to-appventure">
		<h1 class="welcome-to-appventure-text">Welcome to Appventure!</h1>
	</div>
	<div class="appventure-description">
		<p class="paragraph-1">Use this website to plan your trip in a quick and enjoyable way. With our trip planning wizard, you can get multiple trip options, including itineraries and approximate costs, by entering a few details about yourself and your time off.</p>
		<p class="paragraph-1">You can also use this website to find true connosieurs of whatever activity you'd like to do on your trip on several parts of the world. They can help you plan your trip by giving you inside information, helping you like an expert tour guide (for people that don't like tours), or like an expert local travel agent.</p>
	</div>
	<div class="website-features">
		<div class="website-features-1">
			<!-- <img src="feature1.png"> -->
		</div>
		<div class="website-features-2">
			<!-- <img src="feature2.png"> -->
		</div>
		<div class="website-features-3">
			<!-- <img src="feature3.png"> -->
		</div>
		<!-- <div class="website-features-4">
			<img src="">
		</div> -->
	</div>
</div>


</body>


</html>