-
Notifications
You must be signed in to change notification settings - Fork 24
/
index.html
78 lines (68 loc) · 2.92 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Travel Blog</title>
<meta name="description" content="A blog website about travelling">
<meta name="author" content="Madhur Taneja">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous">
</head>
<body>
<nav class="navbar">
<span class="navbar-toggle" id="js-navbar-toggle">
<i class="fas fa-bars"></i>
</span>
<a href="#" class="logo">Nomadic Madhur</a>
<ul class="main-nav" id="js-menu">
<li>
<a href="#" class="nav-links">Home</a>
</li>
<li>
<a href="pages/AboutUsComponent.html" class="nav-links">About Us</a>
</li>
<li>
<a href="pages/BlogsComponent.html" class="nav-links">Blogs</a>
</li>
</ul>
</nav>
<div class="container">
<div>
<img src="images/cover.jpg" class="cover"/>
</div>
<!-- Destination 1 -->
<div class="destinations-container">
<div>
<figure>
<img src="images/mountains.jpg" class="destinations" alt="Destinations"/>
<figcaption>Fig.1 - Coorg, Karnataka, India.</figcaption>
</figure>
</div>
<div class="caption">
<h5>Mountains</h5>
<p>Everybody wants to reach the peak, but there is no growth on the top of a mountain. It is in the valley that we slog through the lush grass and rich soil, learning and becoming what enables us to summit life’s next peak. That's why mountains are always my favorite destinations.</p>
</div>
</div>
<!-- Destination 2 -->
<div class="destinations-container">
<div class="caption">
<h5>Beaches</h5>
<p>Sky above, sand below, peace within. Look up at the cerulean blue sky. Feel the warm sugar sand between your toes. Find inner peace with all of the Gulf Coast beauty that surrounds you. It's so easy to be relaxed here.</p>
</div>
<div>
<figure>
<img src="images/beaches.jpg" class="destinations" alt="Destinations"/>
<figcaption>Fig.2- Goa, India</figcaption>
</figure>
</div>
</div>
</div>
<div class="clear-div"></div>
<footer class="footer">
<p class="footer-content">© 2020 - Madhur Taneja, All Copyrights Reserved</p>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>