-
Notifications
You must be signed in to change notification settings - Fork 30
/
about-us.html
162 lines (151 loc) · 6.52 KB
/
about-us.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
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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>About Us</title>
<link rel="icon" type="image/png" href="../Images/alps_favicon.png">
<meta name="description" content="Connect with people over travelling">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="CSS/about-us.css">
<!-- google font api <-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300&family=Montserrat&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<!-- JS code -->
</head>
<body>
<header id="header">
<h2><a href="index.html">TRAVELLOG</a></h2>
<nav>
<li><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#footer">Contact</a></li>
</nav>
</header>
<section class="banner">
<img src="https://images.pexels.com/photos/1671325/pexels-photo-1671325.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt="nature" class="fitBg">
<div class="content">
<h2>Explore The World</h2>
<p>Share your love for travelling with our community at travellog</p>
<a href="#about" class="btn">Learn More</a>
</div>
</section>
<section class="about" id="about">
<div class="contentBx">
<h2 class="titleText">Feel The Beauty Of The World</h2>
<p class="text">
Are you the one for camping the the rainforests? Or backpacking through Europe? Or scaling the tallest mountains?
<br /><br>
At TravelLog, meet others that share your love for travelling. All are welcome. The team is committed to making the platform as safe and inclusive as
possible.
<br><br>
Share photos, videos and post your experiences with the rest of the world. Carve a corner in the internet
where people can see the world through your eyes.
<br><br>
Connect with explorers and create content that reflects your free soul. Grow your brand with our global community. And it's completely free!
</p>
<a href="#getstarted" class="btn">Get Started</a>
</div>
<div class="imgBx">
<img src="../Images/Mobile-Background/pexels-alex-azabache-3214958.jpg" alt="img2" class="fitBg">
</div>
</section>
<section class="banner2" id="getstarted">
<img src="https://images.pexels.com/photos/1933318/pexels-photo-1933318.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt="image3" class="fitBg">
<div class="Tagline">
<h1>GET STARTED TODAY!</h1>
<h3>Connect with other travellers and explorers</h3>
<br><br>
<div class="buttons-flex">
<a href="login.php" class="btn">Login</a>
<a href="signup.php" class="btn">Sign Up</a>
</div>
</div>
</section>
<section class="testimonials" id="testimonials">
<div class="content2">
<h2 class="titleText">What the users have to say about us</h2>
</div>
<div class="testimonialsList">
<div class="box">
<div class="imgBx">
<img class="testimonials-img" src="https://images.pexels.com/photos/2423932/pexels-photo-2423932.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt="image4">
</div>
<div class="content">
<blockquote>
<em>
An amazing experience with an awesome community! Got to share my love for Hungarian Architecture with the world.
</em>
</blockquote>
<h2>- Kisa</h2>
<span>Budapest, Hungary</span>
</div>
</div>
<div class="box">
<div class="imgBx">
<img class="testimonials-img" src="https://images.pexels.com/photos/3750717/pexels-photo-3750717.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt="image5">
</div>
<div class="content">
<blockquote>
<em>
Found so many others to explore the Australian wildlife with! No more shrieking over spiders alone!
</em>
</blockquote>
<h2>- Monique</h2>
<span>Sydney, Australia</span>
</div>
</div>
<div class="box">
<div class="imgBx">
<img class="testimonials-img" src="https://images.pexels.com/photos/1317712/pexels-photo-1317712.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt="image6">
</div>
<div class="content">
<blockquote>
<em>
Absolutely the best place to share my city core photography!
</em>
</blockquote>
<h2>- Jonah</h2>
<span>Toronto, Canada</span>
</div>
</div>
</div>
<a href="index.html" class="btn">Back To Home</a>
</section>
<section class="banner3" id="contribute">
<img src="https://images.pexels.com/photos/3801516/pexels-photo-3801516.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt="image7" class="fitBg">
<div class="Tagline">
<h1>CONTRIBUTE TO OUR PLATFORM</h1>
<h3>You can contribute to this free platform as a sponsor or as an open source developer</h3>
<br><br>
<div class="buttons-flex">
<a href="login.php" class="btn">Sponsor</a>
<a href="https://github.com/sn2606/TravelLog" class="btn">Developer</a>
</div>
</div>
</section>
<section class="footer" id="footer">
<div class="footer-top">
<p class="footer-links">
<a class="btn" href="contact-us.php">Contact Us</a>
</p>
</div>
<ul class="sci">
<li><a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a></li>
<li><a href="https://www.linkdin.com/"><i class="fab fa-linkedin"></i></a></li>
<li><a href="https://github.com/sn2606/TravelLog"><i class="fab fa-github"></i></a></li>
</ul>
<h4 class="copyrightText">
<a href="https://github.com/sn2606/TravelLog">TravelLog</a>
© 2021
<a href="https://www.linkedin.com/in/swaranjana-nayak/">Swaranjana Nayak</a> All rights reserved.
</h4>
</section>
<a href="#header" class="toTop"><i class="fa fa-chevron-up"></i></a>
</body>
</html>