-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblogspage.html
46 lines (43 loc) · 2.38 KB
/
blogspage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BLOGS</title>
<script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<link rel="stylesheet" href="src/style.css">
</head>
<body>
<div class="title" id="blog">Blogs</div>
<div class="title2">Latest Blogs</div>
<div class="blog1">
<div class="blogs"> <div class="subt">A Practical Guide for Developers
</div>
<p class="blog">A comprehensive guide on improving front end performance, covering topics such as lazy loading, image optimization, and caching strategies. The blog includes real-world case studies and tools for measuring performance.
<details>
<summary>Read More</summary>
<p class="blog">A comprehensive guide on improving front end performance, covering topics such as lazy loading, image optimization, and caching strategies. The blog includes real-world case studies and tools for measuring performance
A comprehensive guide on improving front end performance, covering topics such as lazy loading, image optimization, and caching strategies. The blog includes real-world case studies and tools for measuring performance
A comprehensive guide on improving front end performance, covering topics such as lazy loading, image optimization, and caching strategies. The blog includes real-world case studies and tools for measuring performance
<div class="iconss"> <i class="fa fa-thumbs-up" id="like" aria-hidden="true"></i>
<i class="fa fa-comment" id="comment" aria-hidden="true"></i>
<i class="fa fa-share" id="share" aria-hidden="true"></i> </div>
<div id="comments">
<h2>Comments</h2>
<input type="text" placeholder="enter your name" id="name" class="Btitle"/><br/>
<textarea id="commentInput" rows="4" cols="40" placeholder="Write you comment here"></textarea><br>
<button id="commentBtn">Post</button>
<ul>
<li id="commentList">
</li></ul></div>
</details>
</div>
</div>
</div>
<!--<script src="bloging.js"></script>-->
<script src="comments.js"></script>
</body>
</html>