-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
154 lines (118 loc) · 6.78 KB
/
blog.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
<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">
<link rel="stylesheet" href="css/blog.css">
<!-- fonts/ icons -->
<script src="https://kit.fontawesome.com/330aa4d39e.js" crossorigin="anonymous"></script>
<title>Blog - SouthGateInn</title>
<!-- Title Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="manifest" href="images/site.webmanifest">
<!-- animation style -->
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script src="javascript/animate.js" defer></script>
</head>
<body>
<div class="container">
<header>
<div class="first-navbar">
<img src="images/sgi-bg.svg" style="width:58px;height:57px;margin:.4rem .2rem;">
<a href="index.html" class="logo">South Gate Inn</a>
</div>
<input type="checkbox" id="menu-bar">
<label for="menu-bar">Menu</label>
<nav class="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="room.html">Room </a></li>
<li><a href="contactus.html">Contact us</a></li>
<li><a href="book.html">Book Now</a></li>
</ul>
</nav>
</header>
<!-- End of Header -->
<div class="main-text">
<h1>Recent Blog</h1>
<h3>Read our daily news and events</h3>
</div>
<!-- end of container -->
</div>
<!-- end of blog -->
<div class="subcontainer" data-aos="fade-up" data-aos-duration="1400">
<div class="title">
<h3>Read Blog</h3>
<h1>Blog</h1></div>
<div class="grid-gallery">
<div class="grid grid1">
<img src="https://scontent.fceb2-2.fna.fbcdn.net/v/t1.18169-9/10325651_730714023638838_8838991846447409488_n.jpg?_nc_cat=107&ccb=1-7&_nc_sid=cdbe9c&_nc_eui2=AeG72tqCHLGUzxbhEPy5ppe75I1l16h3cvbkjWXXqHdy9kmmeArtcvdOAKuejXpD8R7d3l7ACY-8XDNS4fgeviy8&_nc_ohc=vdfdqy9nETsAX-pvXzb&_nc_ht=scontent.fceb2-2.fna&oh=00_AT90cEERMHpoZk1nZDK00Fm-UVk558hub9cjstUaDQnJnw&oe=63395118">
<p>July 03 2020  💬 3</p>
<h4>Even the all-powerful pointing has no control about the blind texts</h4>
<h5>Read More</h5>
</div>
<div class="grid grid2">
<img src="https://tse4.mm.bing.net/th?id=OIP.xaQBHsq17BUgWlpAoxGuEgHaF7&pid=Api&P=0">
<p>July 03 2020  💬 3</p>
<h4>Even the all-powerful pointing has no control about the blind texts</h4>
<h5>Read More</h5>
</div>
<div class="grid grid3">
<img src="https://scontent.fceb2-1.fna.fbcdn.net/v/t1.18169-9/20708119_1544284672281765_2311772597144585849_n.jpg?_nc_cat=109&ccb=1-7&_nc_sid=e3f864&_nc_eui2=AeFRzFOqqejiwJh1tOXJPmpK7JmUioP0w6nsmZSKg_TDqXAZyqYnlb8oRd-JyS2XWWKZJMgQUtJXcUi19EfioQgS&_nc_ohc=C2KfMEsgXhYAX9Zqv3J&_nc_ht=scontent.fceb2-1.fna&oh=00_AT-2Fl28d-bzZuDjM5rZjvKgo3s0f_14bsAwrNtrrr4qWg&oe=6339A98A">
<p>July 03 2020  💬 3</p>
<h4>Even the all-powerful pointing has no control about the blind texts</h4>
<h5>Read More</h5>
</div>
<div class="grid grid4">
<img src="https://images.trvl-media.com/hotels/45000000/44260000/44256000/44255917/495ab192_b.jpg">
<p>July 03 2020  💬 3</p>
<h4>Even the all-powerful pointing has no control about the blind texts</h4>
<h5>Read More</h5>
</div>
<div class="grid grid5">
<img src="https://images.trvl-media.com/hotels/45000000/44260000/44256000/44255917/0fc6265e.jpg?impolicy=fcrop&w=670&h=385&p=1&q=medium">
<p>July 03 2020  💬 3</p>
<h4>Even the all-powerful pointing has no control about the blind texts</h4>
<h5>Read More</h5>
</div>
<div class="grid grid6">
<img src="https://images.trvl-media.com/hotels/45000000/44260000/44256000/44255917/d569e3b9_z.jpg">
<p>July 03 2020  💬 3</p>
<h4>Even the all-powerful pointing has no control about the blind texts</h4>
<h5>Read More</h5>
</div>
</div>
</div>
<!-- footer -->
<footer>
<div class="footer" data-aos="fade-left" data-aos-once="true">
<div class="ft first-footer">
<h4>PHONE SUPPORT</h4>
<h3>24/7 Call us now.</h3>
<h3>+63907253401</h3>
</div>
<div class="ft second-footer">
<h4>CONNECT WITH US</h4>
<h3>We are socialized. Follow us</h3>
<span style="display:flex;gap:1.3rem;margin-top:1.5rem;">
<i class='fab fa-facebook-f' style='font-size:24px'></i>
<i class='fab fa-twitter' style='font-size:24px'></i>
<i class='fab fa-instagram' style='font-size:24px'></i>
<i class='fas fa-envelope-open' style='font-size:24px'></i>
<i class='fab fa-youtube' style='font-size:24px'></i>
</span>
</div>
<div class="ft third-footer">
<h4>CONNECT WITH US</h4>
<h3>Lorem ipsum dolor sit amet consec.</h3>
<input for="email" placeholder="Enter email" style="margin-top:.7rem;">
</div>
</div>
<p id="text-footer">© Copyright © <script>document.write(new Date().getFullYear());</script> All rights reserved </p>
</footer>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
</body>
</html>