-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblogs.html
133 lines (133 loc) · 4.55 KB
/
blogs.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
<!DOCTYPE html>
<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" />
<!-- CDN for line icons -->
<link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet" />
<link href="style.css" rel="stylesheet" />
<title>Blogs | My-Portfolio</title>
</head>
<body>
<nav class="navigation container">
<a class="link nav-brand" href="index.html"> Prabhjot Kalsi</a>
<ul class="list-non-bullet nav-pills">
<li class="list-item-inline">
<a class="link" href="index.html"
><i class="lni lni-home"></i> Home</a
>
</li>
<li class="list-item-inline">
<a class="link" href="projects.html">
<i class="lni lni-code"></i> Projects</a
>
</li>
<li class="list-item-inline">
<a class="link link-active" href="#"
><i class="lni lni-popup"></i> Blogs</a
>
</li>
</ul>
</nav>
<header class="hero">
<img class="blogs-img" src="blogs.svg" alt="blogs-hero" />
<h1 class="hero-subheading">Blogs</h1>
<h2 class="hero-heading">
I write about coding concepts and sometimes about life. You are welcome
to read them.
</h2>
</header>
<ul class="unordered-list project-lists list-non-bullet">
<!-- Blog 2 -->
<section class="section section-off-white">
<div class="container container-center">
<span title="blog" class="stack-used"
><i class="lni lni-book"></i
></span>
<li>
<h2>PWA -Best of Both Worlds</h2>
<p class="blog-read"><i class="lni lni-library"></i> 3 mins read</p>
<small>October-2022</small>
<p>
You may be thinking about starting a business and working on a
groundbreaking project, but you're unsure whether to create a
website or a native app. If you're debating the same issue, take a
look at this.
</p>
<a class="link link-primary" href="PWA-blog.html"> Read Here</a>
<a
class="link link-secondary"
target="_blank"
href="https://prabh.hashnode.dev/pwa-best-of-both-worlds"
>
On Hashnode</a
>
</li>
</div>
</section>
<!-- Blog 2 -->
<section class="section">
<div class="container container-center">
<span title="blog" class="stack-used"
><i class="lni lni-book"></i
></span>
<li>
<h2>Basics of CSS Units</h2>
<p class="blog-read"><i class="lni lni-library"></i> 2 mins read</p>
<small>October-2022</small>
<p>
In our daily lives, we use units to measure a variety of things,
such as length, volume, and mass. And there are numerous ways to
measure them, which are referred to as units. In CSS, multiple
units are used to measure the dimensions of many Element
properties such as padding, border thickness, width, and so on.
</p>
<a class="link link-primary" href="css-units-blog.html"> Read Here</a>
<a
class="link link-secondary"
target="_blank"
href="https://prabh.hashnode.dev/basics-of-css-units"
>
On Hashnode</a
>
</li>
</div>
</section>
</ul>
<footer class="footer">
<p class="footer-header">We can connect on:</p>
<ul class="social-links list-non-bullet">
<li class="list-item-inline">
<a
class="link"
title="github"
target="_blank"
href="https://github.com/PsKalsi19"
><i class="lni lni-github-original"></i
></a>
</li>
|
<li class="list-item-inline">
<a
class="link"
title="linkedIn"
target="_blank"
href="https://www.linkedin.com/in/prabhjot-kalsi-8390a6240/"
><i class="lni lni-linkedin-original"></i
></a>
</li>
|
<li class="list-item-inline">
<a
class="link"
title="twitter"
target="_blank"
href="https://twitter.com/kalamaurcode"
><i class="lni lni-twitter-filled"></i
></a>
</li>
</ul>
</footer>
</body>
</html>