-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
149 lines (145 loc) · 7.88 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
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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Ishjot's Blog</title>
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="blog-home.css" rel="stylesheet">
<link href="bootstrap.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">Ishjot's Technology and Recipe Blog</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-md-8">
<h1 class="my-4">Welcome to my Blog !
</h1>
<div class="card mb-4">
<img class="card-img-top" src="22.jpg" alt="Card image cap">
<div class="card-body">
<h2 class="card-title">30 days of Web Development</h2>
<p class="card-text"> Front-end web development, also known as client-side development is the practice of producing HTML, CSS and JavaScript for a website.30 days of Web Development was an amazing programme arranged by 50+ DSC Leads over the world.HTML, CSS, JS, Bootstrap, and some basics of back-end were taught from scratch. There were many quizzes and projects which helped me understand the basics of web development.The projects made me understand the practical implementations of the languages. There were 6 projects in all. The quizzes helped to create a strong foundation of web development. This event proved to be a good resource to learn and improve my skills </p>
<a href="#" class="btn btn-primary">Read More →</a>
</div>
<div class="card-footer text-muted">
Posted on January 20, 2021 by
<a href="#">Ishjot Makker</a>
</div>
</div>
<div class="card mb-4">
<img class="card-img-top" src="https://thebellyrulesthemind.net/wp-content/uploads/2018/09/Bombay-Sandwich-Vegan-masala-sandwich-15-720x720.png" alt="Card image cap">
<div class="card-body">
<h2 class="card-title">Bombay Masala Sandwich Recipe</h2>
<p class="card-text">Et odio pellentesque diam volutpat commodo sed egestas egestas fringilla. Condimentum lacinia quis vel eros. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Pharetra massa massa ultricies mi quis hendrerit dolor. Scelerisque eu ultrices vitae auctor eu augue ut. Malesuada fames ac turpis egestas. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque in. At in tellus integer feugiat scelerisque varius. Lectus magna fringilla urna porttitor. </p>
<a href="#" class="btn btn-primary">Read More →</a>
</div>
<div class="card-footer text-muted">
Posted on January 20, 2020 by
<a href="#">Ishjot Makker</a>
</div>
</div>
<div class="card mb-4">
<img class="card-img-top" src="https://insidebrucrewlife.com/wp-content/uploads/2011/07/Mocha-Oreo-Milkshake-redo-1-1-480x480.jpg" alt="Card image cap">
<div class="card-body">
<h2 class="card-title">Oreo Shake Recipe</h2>
<p class="card-text">Est pellentesque elit ullamcorper dignissim cras tincidunt. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Pharetra diam sit amet nisl suscipit adipiscing. Enim nulla aliquet porttitor lacus. Gravida quis blandit turpis cursus in hac. Venenatis a condimentum vitae sapien. Cursus metus aliquam eleifend mi in nulla posuere sollicitudin aliquam. Felis eget velit aliquet sagittis id. Eu lobortis elementum nibh tellus molestie nunc non.</p>
<a href="#" class="btn btn-primary">Read More →</a>
</div>
<div class="card-footer text-muted">
Posted on January 21, 2020 by
<a href="#">Ishjot Makker</a>
</div>
</div>
<div class="card mb-4">
<img class="card-img-top" src="https://www.cookingwithsiddhi.com/wp-content/uploads/2017/12/white-sauce-pasta.jpg" alt="Card image cap">
<div class="card-body">
<h2 class="card-title">White Sause Pasta Recipe</h2>
<p class="card-text">Amet aliquam id diam maecenas ultricies mi eget mauris. Mauris augue neque gravida in fermentum et sollicitudin ac orci. Enim ut sem viverra aliquet eget sit amet tellus. Morbi tristique senectus et netus et malesuada fames ac turpis. Feugiat sed lectus vestibulum mattis ullamcorper. Massa sed elementum tempus egestas sed sed risus pretium. Nullam vehicula ipsum a arcu cursus vitae. Purus in massa tempor nec feugiat nisl pretium fusce id. Arcu risus quis varius quam quisque id diam vel. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Purus sit amet luctus venenatis lectus magna. Feugiat in fermentum posuere urna nec tincidunt praesent. Porta lorem mollis aliquam ut porttitor leo a. Quis risus sed vulputate odio ut enim. Non pulvinar neque laoreet suspendisse interdum consectetur libero.</p>
<a href="#" class="btn btn-primary">Read More →</a>
</div>
<div class="card-footer text-muted">
Posted on January 22, 2020 by
<a href="#">Ishjot Makker</a>
</div>
</div>
<ul class="pagination justify-content-center mb-4">
<li class="page-item">
<a class="page-link" href="#">← Old posts</a>
</li>
<li class="page-item disabled">
<a class="page-link" href="#">New posts →</a>
</li>
</ul>
</div>
<div class="col-md-4">
<div class="card my-4">
<h5 class="card-header">Search</h5>
<div class="card-body">
<div class="input-group">
<input type="text" class="form-control" placeholder="Type here">
<span class="input-group-append">
<button class="btn btn-secondary" type="button">Search</button>
</span>
</div>
</div>
</div>
<div class="card my-4">
<h5 class="card-header">Categories</h5>
<div class="card-body">
<div class="row">
<div class="col-lg-6">
<ul class="list-unstyled mb-0">
<li>
<a href="#">Indian Food<br></a>
<a href="#">Thai Food</a>
</li>
</ul>
</div>
<div class="col-lg-6">
<ul class="list-unstyled mb-0">
<li>
<a href="#">Drinks<br></a>
<a href="#">Starters</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Made by Ishjot Makker</p>
</div>
</footer>
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>