-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblogs.html
93 lines (90 loc) · 4.34 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
<!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">
<title>Blogs</title>
<link rel="stylesheet" href="CSS/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<nav class="navigation container">
<div class="nav-brand">iAmKirtiSingh.</div>
<ul class="non-bullets list-inline nav-pills">
<li><a href="/" class="link">Home</a></li>
<li><a href="/projects.html" target="_blank" class="link">Projects</a></li>
<li><a href="/blogs.html" target="_blank" class="link active">Blogs</a></li>
<li><a href="#footer" class="link">Contact Me</a></li>
</ul>
</nav>
<header class="hero">
<h2 class="hero-heading">My <span span class="heading-inside">Blogs</span>.
</h2>
<img
class="hero-image"
src="/images/blogs-header-image.png"
/>
<h2 class="hero-heading">
</h2>
</header>
<ol class="non-bullets">
<li>
<section class="darksection section">
<div class="container-center container">
<h2>Arrow Function in JavaScript</h2>
<small>February, 2023</small>
<p>The arrow function is introduced in ES6 which is a more straightforward form of the traditional function we used. While both functions work in the same manner....</p>
<a href="https://kirti-singh.hashnode.dev/arrow-function-in-javascript" target="_blank" class="link primary-link">Read More</a>
</div>
</section>
</li>
<li>
<section class="lightsection section">
<div class="container-center container">
<h2>Box Sizing: content-box & border-box difference.</h2>
<small>September, 2022</small>
<p>Css Box Sizing property allow us to choose choose border-box or content-box property while using width or height. By default in css, width and height given is applicable to content inside....</p>
<a href="/Blogs/boxSizingProperty.html" target="_blank" class="link primary-link">Read More</a>
</div>
</section>
</li>
<li>
<section class="darksection section">
<div class="container-center container">
<h2>About Lists, it's Type and styling list.</h2>
<small>August, 2022</small>
<p>Did you know that the gibberish Minion say is an actual language. Use the translator to convert your text from English to Minion speak or Banana language.Use technologies HTML, CSS and Vanilla JS....</p>
<a href="/Blogs/listblog.html" target="_blank" class="link primary-link">Read More</a>
</div>
</section>
</li>
<!-- <li>
<section class="darksection section">
<div class="container-center container">
<h2>Best 5 Place to visit in Mysore City</h2>
<small>August, 2022</small>
<p>Mysore is the second largest city in the state of Karnataka, India.According to Hindu mythology, the area around Mysore was known as Mahishuru and was ruled by a demon, Mahishasura. The demon was killed by the Goddess Chamundeshwari, whose temple is situated atop the Chamundi Hills.</p>
<a href="/Blogs/mysoreblog.html" target="_blank" class="link primary-link">Read More</a>
</div>
</section>
</li> -->
</ol>
<footer class="footer" id="footer">
<div class="footer-header">
You can connect me @
</div>
<ul class="social-links non-bullets list-inline">
<li>
<a href="https://www.instagram.com/steppingbeyond_/" target="_blank" class="link fa fa-instagram"></a>
</li>
<li>
<a href="https://www.linkedin.com/in/kirti2714/" target="_blank" class="link fa fa-linkedin"></a>
</li>
<li>
<a href="https://twitter.com/KirtiSi70062355" target="_blank" class="link fa fa-twitter"></a>
</li>
</ul>
</footer>
</body>
</html>