-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
61 lines (60 loc) · 2.96 KB
/
blog.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
<!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>Shuraim - Web Developer</title>
</head>
<link rel="stylesheet" href="style.css" />
<body>
<div class="container">
<div class="sidebar">
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/intro.html">My Intro</a></li>
<li><a href="/services.html">Services</a></li>
<li><a href="/blog.html">Blog</a></li>
<li><a href="/contact.html">Contact Me</a></li>
</ul>
</nav>
</div>
<div class="main">
<div class="blogContainer">
<h1>Blogs by Shuraim </h1>
<div class="blogItems">
<h2>Learn JavaScript - in fun way!</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores modi vel quaerat ipsum quasi eveniet illo voluptatem distinctio architecto fugit incidunt, tempora deleniti sit commodi perferendis temporibus quia magnam sed natus similique vitae beatae.</p>
<div class="buttons button-sm">
<button>Read More</button>
</div>
</div>
<div class="blogItems">
<h2>Learn JavaScript - in fun way!</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores modi vel quaerat ipsum quasi eveniet illo voluptatem distinctio architecto fugit incidunt, tempora deleniti sit commodi perferendis temporibus quia magnam sed natus similique vitae beatae.</p>
<div class="buttons button-sm">
<button>Read More</button>
</div>
</div>
<div class="blogItems">
<h2>Learn JavaScript - in fun way!</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores modi vel quaerat ipsum quasi eveniet illo voluptatem distinctio architecto fugit incidunt, tempora deleniti sit commodi perferendis temporibus quia magnam sed natus similique vitae beatae.</p>
<div class="buttons button-sm">
<button>Read More</button>
</div>
</div>
<div class="blogItems">
<h2>Learn JavaScript - in fun way!</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores modi vel quaerat ipsum quasi eveniet illo voluptatem distinctio architecto fugit incidunt, tempora deleniti sit commodi perferendis temporibus quia magnam sed natus similique vitae beatae.</p>
<div class="buttons button-sm">
<button>Read More</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>