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

<div class="owl-carousel show-nav-title top-border" data-plugin-options="{'responsive': {'0': {'items': 1}, '479': {'items': 1}, '768': {'items': 2}, '979': {'items': 3}, '1199': {'items': 3}}, 'items': 3, 'margin': 10, 'loop': false, 'nav': true, 'dots': false}">
	<div>
		<div class="recent-posts">
			<article class="post">
				<div class="date"><span class="day">15</span><span class="month">Jan</span></div>
				<h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero.
					<a class="read-more" href="../../Blog/Single-Post">read more <em class="fas fa-angle-right"></em></a>
				</p>
			</article>
		</div>
	</div>
	<div>
		<div class="recent-posts">
			<article class="post">
				<div class="date"><span class="day">15</span><span class="month">Jan</span></div>
				<h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a class="read-more" href="../../Blog/Single-Post">read more <em class="fas fa-angle-right"></em></a></p>
			</article>
		</div>
	</div>
	<div>
		<div class="recent-posts">
			<article class="post">
				<div class="date"><span class="day">15</span><span class="month">Jan</span></div>
				<h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a class="read-more" href="../../Blog/Single-Post">read more <em class="fas fa-angle-right"></em></a></p>
			</article>
		</div>
	</div>
	<div>
		<div class="recent-posts">
			<article class="post">
				<div class="date"><span class="day">15</span><span class="month">Jan</span></div>
				<h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero.
					<a class="read-more" href="../../Blog/Single-Post">read more <em class="fas fa-angle-right"></em></a>
				</p>
			</article>
		</div>
	</div>
	<div>
		<div class="recent-posts">
			<article class="post">
				<div class="date"><span class="day">15</span><span class="month">Jan</span></div>
				<h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero.
					<a class="read-more" href="../../Blog/Single-Post">read more <em class="fas fa-angle-right"></em></a>
				</p>
			</article>
		</div>
	</div>
	<div>
		<div class="recent-posts">
			<article class="post">
				<div class="date"><span class="day">15</span><span class="month">Jan</span></div>
				<h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero.
					<a class="read-more" href="../../Blog/Single-Post">read more <em class="fas fa-angle-right"></em></a>
				</p>
			</article>
		</div>
	</div>
	<div>
		<div class="recent-posts">
			<article class="post">
				<div class="date"><span class="day">15</span><span class="month">Jan</span></div>
				<h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero.
					<a class="read-more" href="../../Blog/Single-Post">read more <em class="fas fa-angle-right"></em></a>
				</p>
			</article>
		</div>
	</div>
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<div class="church">
	<div class="thumb-info custom-thumb-info custom-box-shadow thumb-info-hide-wrapper-bg custom-sm-margin-bottom-1">
		<span class="thumb-info-wrapper">
			<a href="#">
				<img alt="candles" src="/portals/22/Church/candles.jpg" class="img-fluid" />
			</a>
		</span>
		<div class="thumb-info-caption">
			<div class="custom-event-infos">
				<ul>
					<li><em class="fas fa-clock"></em> 5:00 PM</li>
					<li class="text-uppercase"><em class="fas fa-map-marker-alt"></em> New York</li>
				</ul>
			</div>

			<div class="thumb-info-caption-text">
				<h4 class="font-weight-bold mb-sm"><a class="text-color-dark" href="#">Mauris sagitis urna molestie </a></h4>

				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque a lectus vitae arcu bibendum condimentum. In a porta nunc ...</p>
			</div>
		</div>
	</div>
</div>

 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

<div class="church">
	<div class="custom-post-event">
		<div class="post-event-date inverted center">
			<span class="month text-uppercase text-color-light">Nov</span>
			<span class="day font-weight-bold text-color-light">10</span>
			<span class="year text-color-light">2017</span>
		</div>
		<div class="post-event-content custom-margin-1">
			<div class="custom-event-infos">
				<ul>
					<li><em class="fas fa-clock"></em> 5:00 PM</li>
					<li class="text-uppercase"><em class="fas fa-map-marker-alt"></em> New York</li>
				</ul>
			</div>
			<h4 class="font-weight-bold"><a class="text-color-dark" href="#">Mauris ornare semeu lorem</a></h4>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin commodo nisl a fermentum varius. Aenean interdum lectus at tortor ullamcorper, eu maximus...</p>
		</div>
	</div>
</div>
<hr class="solid" />
<div class="church">
	<div class="custom-post-event">
		<div class="post-event-date inverted center">
			<span class="month text-uppercase text-color-light">Nov</span>
			<span class="day font-weight-bold text-color-light">11</span>
			<span class="year text-color-light">2017</span>
		</div>
		<div class="post-event-content custom-margin-1">
			<div class="custom-event-infos">
				<ul>
					<li><em class="fas fa-clock"></em> 5:00 PM</li>
					<li class="text-uppercase"><em class="fas fa-map-marker-alt"></em> New York</li>
				</ul>
			</div>
			<h4 class="font-weight-bold"><a class="text-color-dark" href="#">Curabitur vehicula massa</a></h4>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean congue dui non libero tincidunt commodo. Proin eget venenatis mauris.</p>
		</div>
	</div>
</div>
<hr class="solid" />
<p><a class="btn btn-primary custom-btn-style-1 text-uppercase mt-md" href="#">All Events</a></p>

 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

<div class="row">
	<div class="col-md-4 col-sm-8 custom-sm-margin-bottom-1">
		<div class="church custom-post-blog">
			<div class="thumb-info custom-thumb-info-2 thumb-info-hide-wrapper-bg">
				<div class="thumb-info-wrapper">
					<a href="#">
						<img alt="church_post_img2" src="/portals/1/Church/church_post_img2.jpg" class="img-fluid" />
					</a>
				</div>
				<div class="thumb-info-caption custom-box-shadow">
					<div class="thumb-info-caption-text">
						<h4 class="font-weight-bold mb-lg"> <a href="#" class="text-decoration-none custom-secondary-font text-color-dark"> Vestibulum tristique ipsum sed neque </a> </h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at arcu sit amet.</p>
					</div>
					<div class="custom-thumb-info-post-infos center">
						<ul>
							<li class="text-uppercase"> <em class="far fa-calendar-alt"></em> Nov 18 </li>
							<li class="text-uppercase"> <em class="fas fa-user"></em> John Doe </li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-md-4 col-sm-8 custom-sm-margin-bottom-1">
		<div class="church custom-post-blog">
			<div class="thumb-info custom-thumb-info-2 thumb-info-hide-wrapper-bg">
				<div class="thumb-info-wrapper">
					<a href="#">
						<img alt="church_post_img1" src="/portals/1/Church/church_post_img1.jpg" class="img-fluid" />
					</a>
				</div>
				<div class="thumb-info-caption custom-box-shadow">
					<div class="thumb-info-caption-text">
						<h4 class="font-weight-bold mb-lg"> <a href="#" class="text-decoration-none custom-secondary-font text-color-dark"> Mauris egestas dui ut dolor bibendum </a> </h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at arcu sit amet.</p>
					</div>
					<div class="custom-thumb-info-post-infos center">
						<ul>
							<li class="text-uppercase"> <em class="far fa-calendar-alt"></em> Nov 20 </li>
							<li class="text-uppercase"> <em class="fas fa-user"></em> John Doe </li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-md-4 col-sm-8">
		<div class="church custom-post-blog">
			<div class="thumb-info custom-thumb-info-2 thumb-info-hide-wrapper-bg">
				<div class="thumb-info-wrapper">
					<a href="#">
						<img alt="church_post_img" src="/portals/1/Church/church_post_img.jpg" class="img-fluid" />
					</a>
				</div>
				<div class="thumb-info-caption custom-box-shadow">
					<div class="thumb-info-caption-text">
						<h4 class="font-weight-bold mb-lg"> <a href="#" class="text-decoration-none custom-secondary-font text-color-dark"> Etiam id ex eu velit vestibulum congue </a> </h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at arcu sit amet.</p>
					</div>
					<div class="custom-thumb-info-post-infos center">
						<ul>
							<li class="text-uppercase"> <em class="far fa-calendar-alt"></em> Nov 25 </li>
							<li class="text-uppercase"> <em class="fas fa-user"></em> John Doe </li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>