-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathblog-home-alt.html
More file actions
116 lines (107 loc) · 6.68 KB
/
blog-home-alt.html
File metadata and controls
116 lines (107 loc) · 6.68 KB
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
---
title: Blog Home alt
layout: main
---
<section class="cta-section theme-bg-light py-5">
<div class="container text-center single-col-max-width">
<h2 class="heading">A Blog About Software Development And Life</h2>
<div class="intro">Welcome to my blog. Subscribe and get my latest blog post in your inbox.</div>
<div class="single-form-max-width pt-3 mx-auto">
<form class="signup-form row g-2 g-lg-2 align-items-center">
<div class="col-12 col-md-9">
<label class="sr-only" for="semail">Your email</label>
<input type="email" id="semail" name="semail1" class="form-control me-md-1 semail" placeholder="Enter email">
</div>
<div class="col-12 col-md-2">
<button type="submit" class="btn btn-primary">Subscribe</button>
</div>
</form><!--//signup-form-->
</div><!--//single-form-max-width-->
</div><!--//container-->
</section>
<section class="blog-list px-3 py-5 p-md-5">
<div class="container single-col-max-width">
<div class="item mb-5">
<div class="row g-3 g-xl-0">
<div class="col-2 col-xl-3">
<img class="img-fluid post-thumb " src="assets/images/blog/blog-post-thumb-1.jpg" alt="image">
</div>
<div class="col">
<h3 class="title mb-1"><a class="text-link" href="blog-post.html">Top 3 JavaScript Frameworks</a></h3>
<div class="meta mb-1"><span class="date">Published 2 days ago</span><span class="time">5 min read</span><span class="comment"><a class="text-link" href="#">8 comments</a></span></div>
<div class="intro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies...</div>
<a class="text-link" href="blog-post.html">Read more →</a>
</div><!--//col-->
</div><!--//row-->
</div><!--//item-->
<div class="item mb-5">
<div class="row g-3 g-xl-0">
<div class="col-2 col-xl-3">
<img class="img-fluid post-thumb " src="assets/images/blog/blog-post-thumb-2.jpg" alt="image">
</div>
<div class="col">
<h3 class="title mb-1"><a class="text-link" href="blog-post.html">About Remote Working</a></h3>
<div class="meta mb-1"><span class="date">Published 3 months ago</span><span class="time">3 min read</span><span class="comment"><a class="text-link" href="#">26 comments</a></span></div>
<div class="intro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies...</div>
<a class="text-link" href="blog-post.html">Read more →</a>
</div><!--//col-->
</div><!--//row-->
</div><!--//item-->
<div class="item mb-5">
<div class="row g-3 g-xl-0">
<div class="col-2 col-xl-3">
<img class="img-fluid post-thumb" src="assets/images/blog/blog-post-thumb-3.jpg" alt="image">
</div>
<div class="col">
<h3 class="title mb-1"><a class="text-link" href="blog-post.html">A Guide to Becoming a Full-Stack Developer</a></h3>
<div class="meta mb-1"><span class="date">Published 2 months ago</span><span class="time">15 min read</span><span class="comment"><a class="text-link" href="#">3 comments</a></span></div>
<div class="intro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies...</div>
<a class="text-link" href="blog-post.html">Read more →</a>
</div><!--//col-->
</div><!--//row-->
</div><!--//item-->
<div class="item mb-5">
<div class="row g-3 g-xl-0">
<div class="col-2 col-xl-3">
<img class="img-fluid post-thumb" src="assets/images/blog/blog-post-thumb-4.jpg" alt="image">
</div>
<div class="col">
<h3 class="title mb-1"><a class="text-link" href="blog-post.html">High Performance JavaScript</a></h3>
<div class="meta mb-1"><span class="date">Published 1 month ago</span><span class="time">8 min read</span><span class="comment"><a class="text-link" href="#">12 comments</a></span></div>
<div class="intro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies...</div>
<a class="text-link" href="blog-post.html">Read more →</a>
</div><!--//col-->
</div><!--//row-->
</div><!--//item-->
<div class="item mb-5">
<div class="row g-3 g-xl-0">
<div class="col-2 col-xl-3">
<img class="img-fluid post-thumb" src="assets/images/blog/blog-post-thumb-5.jpg" alt="image">
</div>
<div class="col">
<h3 class="title mb-1"><a class="text-link" href="blog-post.html">Learn React in 24 Hours</a></h3>
<div class="meta mb-1"><span class="date">Published 2 months ago</span><span class="time">10 min read</span><span class="comment"><a class="text-link" href="#">23 comments</a></span></div>
<div class="intro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies...</div>
<a class="text-link" href="blog-post.html">Read more →</a>
</div><!--//col-->
</div><!--//row-->
</div><!--//item-->
<div class="item">
<div class="row g-3 g-xl-0">
<div class="col-2 col-xl-3">
<img class="img-fluid post-thumb" src="assets/images/blog/blog-post-thumb-6.jpg" alt="image">
</div>
<div class="col">
<h3 class="title mb-1"><a class="text-link" href="blog-post.html">How to Build Desktop Apps with HTML, CSS and JavaScript</a></h3>
<div class="meta mb-1"><span class="date">Published 3 months ago</span><span class="time">2 min read</span><span class="comment"><a class="text-link" href="#">1 comment</a></span></div>
<div class="intro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies...</div>
<a class="text-link" href="blog-post.html">Read more →</a>
</div><!--//col-->
</div><!--//row-->
</div><!--//item-->
<nav class="blog-nav nav nav-justified my-5">
<a class="nav-link-prev nav-item nav-link d-none rounded-left" href="#">Previous<i class="arrow-prev fas fa-long-arrow-alt-left"></i></a>
<a class="nav-link-next nav-item nav-link rounded" href="#">Next<i class="arrow-next fas fa-long-arrow-alt-right"></i></a>
</nav>
</div>
</section>