Skip to content

Commit 46680b3

Browse files
saidulalimallick04saidulalimallick04
committed
Update Contents
1 parent 6268550 commit 46680b3

File tree

3 files changed

+81
-155
lines changed

3 files changed

+81
-155
lines changed

‎hobbies.html‎

Lines changed: 79 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@
1818
<main>
1919
<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-white" data-spy="affix" data-offset-top="510">
2020
<div class="container">
21+
<a href="/"><h2 class="d-block d-lg-none font-weight-bold">Sami</h2></a>
2122
<button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
2223
<span class="navbar-toggler-icon"></span>
2324
</button>
@@ -31,7 +32,7 @@
3132
<a href="/resume.html" class="nav-link">Resume</a>
3233
</li>
3334
<li class="nav-item">
34-
<a href="/skill.html" class="nav-link">Skills</a>
35+
<a href="/skills.html" class="nav-link">Skills</a>
3536
</li>
3637
</ul>
3738
<ul class="navbar-nav brand">
@@ -60,7 +61,7 @@ <h5 class="brand-title">SAIDUL ALI MALLICK</h5>
6061
<div class="container">
6162
<h2 class="mb-5">Hobbies <span class="text-danger">Posts</span></h2>
6263
<div class="row">
63-
<div class="blog-card" id="apexsky">
64+
<!-- <div class="blog-card" id="apexsky">
6465
<div class="img-holder">
6566
<img src="assets/imgs/article-apexsky.jpeg" alt="Blog Post of Saidul Ali Mallick" loading="lazy">
6667
</div>
@@ -142,11 +143,86 @@ <h4 class="title">AI-Animal-Classifier</h4>
142143
<a href="https://github.com/saidulalimallick004/AI-Animal-Classifier.git"><button class="btn btn-outline-dark w-lg">GitHub <i class="ti-new-window"></i></button></a>
143144
</center>
144145
</div>
145-
</div>
146+
</div> -->
146147

147148
</div>
148149
</div>
149150
</section>
151+
<hr>
152+
153+
<section class="section" id="service">
154+
<div class="container">
155+
<h2 class="mb-5 pb-4"><span class="text-info">My</span> Hobbies</h2>
156+
<div class="row">
157+
<div class="col-md-4 col-sm-6">
158+
<div class="card mb-5">
159+
<div class="card-header has-icon">
160+
<i class="ti-wand text-danger" aria-hidden="true"></i>
161+
</div>
162+
<div class="card-body px-4 py-3">
163+
<h5 class="mb-3 card-title text-dark">Youtube</h5>
164+
<P class="subtitle">I like to scroll on youtube in my free times. Traveling videos, Explaination video, Musics, etc this kind of videos I mainly like to consume.</P>
165+
</div>
166+
</div>
167+
</div>
168+
<div class="col-md-4 col-sm-6">
169+
<div class="card mb-5">
170+
<div class="card-header has-icon">
171+
<i class="ti-write text-danger" aria-hidden="true"></i>
172+
</div>
173+
<div class="card-body px-4 py-3">
174+
<h5 class="mb-3 card-title text-dark">Anime</h5>
175+
<P class="subtitle">I love to watch anime. Anime teach me various lessions. Not only me, If someone try to understand the story line of each anime it surely teach us something. </P>
176+
</div>
177+
</div>
178+
</div>
179+
<div class="col-md-4 col-sm-6">
180+
<div class="card mb-5">
181+
<div class="card-header has-icon">
182+
<i class="ti-package text-danger" aria-hidden="true"></i>
183+
</div>
184+
<div class="card-body px-4 py-3">
185+
<h5 class="mb-3 card-title text-dark">Problem-Solving</h5>
186+
<P class="subtitle">I like to solve complex problems. Those problems which make me curious like about data, new tech, analysis, developing etc. type of prblems make me to think out of the box.</P>
187+
</div>
188+
</div>
189+
</div>
190+
<div class="col-md-4 col-sm-6">
191+
<div class="card mb-5">
192+
<div class="card-header has-icon">
193+
<i class="ti-map-alt text-danger" aria-hidden="true"></i>
194+
</div>
195+
<div class="card-body px-4 py-3">
196+
<h5 class="mb-3 card-title text-dark">Traveling</h5>
197+
<P class="subtitle">I love to travel. Unlike other I want to explore every every corner of the nature. The beauty of the nature is unmatched. No matter how much humans can be evolves but still our everyone's root is always stay connected with nature.</P>
198+
</div>
199+
</div>
200+
</div>
201+
<div class="col-md-4 col-sm-6">
202+
<div class="card mb-5">
203+
<div class="card-header has-icon">
204+
<i class="ti-paragraph text-danger" aria-hidden="true"></i>
205+
</div>
206+
<div class="card-body px-4 py-3">
207+
<h5 class="mb-3 card-title text-dark">Photography</h5>
208+
<P class="subtitle">I love to take photographs of nature's beauty. Capturing the beauty of nature is one of my early days hobby</P>
209+
</div>
210+
</div>
211+
</div>
212+
<div class="col-md-4 col-sm-6">
213+
<div class="card mb-5">
214+
<div class="card-header has-icon">
215+
<i class="ti-support text-danger" aria-hidden="true"></i>
216+
</div>
217+
<div class="card-body px-4 py-3">
218+
<h5 class="mb-3 card-title text-dark">Videography</h5>
219+
<P class="subtitle">I am an unskilled self-taught videographer. Mainly, I like videography and documentry of the nature. </P>
220+
</div>
221+
</div>
222+
</div>
223+
</div>
224+
</div>
225+
</section>
150226

151227
</main>
152228

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141
<body data-spy="scroll" data-target=".navbar" data-offset="40" id="home">
4242

4343
<!-- <a href="//" class="btn btn-primary btn-component" data-spy="affix" data-offset-top="600"><i class="ti-shift-left-alt"></i>Side Button</a> -->
44-
<a href="/hobbies.html" target="_blank" class="btn btn-warning font-weight-bold btn-component" data-spy="affix" data-offset-top="600"><i class="ti-shift-left-alt"></i>Hobbies & Wishes</a>
44+
<div class="btn btn-success font-weight-bold btn-component" data-spy="affix" data-offset-top="600"><i class="ti-shift-left-alt"></i><a href="/hobbies.html">Hobbies & Wishes</a></div>
4545

4646
<header class="header">
4747
<div class="container">

‎skills.html‎

Lines changed: 1 addition & 151 deletions
Original file line numberDiff line numberDiff line change
@@ -223,157 +223,7 @@ <h6>Cloudinary(CDN)</h6>
223223
</div>
224224
</section>
225225

226-
<hr >
227-
<!-- <section class="section" id="service">
228-
<div class="container">
229-
<h2 class="mb-5 pb-4"><span class="text-danger">My</span> Services</h2>
230-
<div class="row">
231-
<div class="col-md-4 col-sm-6">
232-
<div class="card mb-5">
233-
<div class="card-header has-icon">
234-
<i class="ti-vector text-danger" aria-hidden="true"></i>
235-
</div>
236-
<div class="card-body px-4 py-3">
237-
<h5 class="mb-3 card-title text-dark">Ullam</h5>
238-
<P class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam commodi provident, dolores reiciendis enim pariatur error optio, tempora ex, nihil nesciunt! In praesentium sunt commodi, unde ipsam ex veritatis laboriosam dolor asperiores suscipit blanditiis, dignissimos quos nesciunt nulla aperiam officia.</P>
239-
</div>
240-
</div>
241-
</div>
242-
<div class="col-md-4 col-sm-6">
243-
<div class="card mb-5">
244-
<div class="card-header has-icon">
245-
<i class="ti-write text-danger" aria-hidden="true"></i>
246-
</div>
247-
<div class="card-body px-4 py-3">
248-
<h5 class="mb-3 card-title text-dark">Asperiores</h5>
249-
<P class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam commodi provident, dolores reiciendis enim pariatur error optio, tempora ex, nihil nesciunt! In praesentium sunt commodi, unde ipsam ex veritatis laboriosam dolor asperiores suscipit blanditiis, dignissimos quos nesciunt nulla aperiam officia.</P>
250-
</div>
251-
</div>
252-
</div>
253-
<div class="col-md-4 col-sm-6">
254-
<div class="card mb-5">
255-
<div class="card-header has-icon">
256-
<i class="ti-package text-danger" aria-hidden="true"></i>
257-
</div>
258-
<div class="card-body px-4 py-3">
259-
<h5 class="mb-3 card-title text-dark">Tempora</h5>
260-
<P class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam commodi provident, dolores reiciendis enim pariatur error optio, tempora ex, nihil nesciunt! In praesentium sunt commodi, unde ipsam ex veritatis laboriosam dolor asperiores suscipit blanditiis, dignissimos quos nesciunt nulla aperiam officia.</P>
261-
</div>
262-
</div>
263-
</div>
264-
<div class="col-md-4 col-sm-6">
265-
<div class="card mb-5">
266-
<div class="card-header has-icon">
267-
<i class="ti-map-alt text-danger" aria-hidden="true"></i>
268-
</div>
269-
<div class="card-body px-4 py-3">
270-
<h5 class="mb-3 card-title text-dark">Provident</h5>
271-
<P class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam commodi provident, dolores reiciendis enim pariatur error optio, tempora ex, nihil nesciunt! In praesentium sunt commodi, unde ipsam ex veritatis laboriosam dolor asperiores suscipit blanditiis, dignissimos quos nesciunt nulla aperiam officia.</P>
272-
</div>
273-
</div>
274-
</div>
275-
<div class="col-md-4 col-sm-6">
276-
<div class="card mb-5">
277-
<div class="card-header has-icon">
278-
<i class="ti-bar-chart text-danger" aria-hidden="true"></i>
279-
</div>
280-
<div class="card-body px-4 py-3">
281-
<h5 class="mb-3 card-title text-dark">Consectetur</h5>
282-
<P class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam commodi provident, dolores reiciendis enim pariatur error optio, tempora ex, nihil nesciunt! In praesentium sunt commodi, unde ipsam ex veritatis laboriosam dolor asperiores suscipit blanditiis, dignissimos quos nesciunt nulla aperiam officia.</P>
283-
</div>
284-
</div>
285-
</div>
286-
<div class="col-md-4 col-sm-6">
287-
<div class="card mb-5">
288-
<div class="card-header has-icon">
289-
<i class="ti-support text-danger" aria-hidden="true"></i>
290-
</div>
291-
<div class="card-body px-4 py-3">
292-
<h5 class="mb-3 card-title text-dark">Veritatis</h5>
293-
<P class="subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam commodi provident, dolores reiciendis enim pariatur error optio, tempora ex, nihil nesciunt! In praesentium sunt commodi, unde ipsam ex veritatis laboriosam dolor asperiores suscipit blanditiis, dignissimos quos nesciunt nulla aperiam officia.</P>
294-
</div>
295-
</div>
296-
</div>
297-
</div>
298-
</div>
299-
</section> -->
300-
301-
<!-- <section class="section bg-custom-gray" id="price">
302-
<div class="container">
303-
<h2 class="mb-5"><span class="text-danger">Packs</span> Pricing</h2>
304-
<div class="row align-items-center">
305-
<div class="col-md-6 col-lg-3">
306-
<div class="price-card text-center mb-4">
307-
<h3 class="price-card-title">Free</h3>
308-
<div class="price-card-cost">
309-
<sup class="ti-money"></sup>
310-
<span class="num">0</span>
311-
<span class="date">MO</span>
312-
</div>
313-
<ul class="list">
314-
<li class="list-item">5 <span class="text-muted">Project</span></li>
315-
<li class="list-item">1GB <span class="text-muted">Storage</span></li>
316-
<li class="list-item"><span class="text-muted">No Domain</span></li>
317-
<li class="list-item">1 <span class="text-muted">User</span></li>
318-
</ul>
319-
<button class="btn btn-primary btn-rounded w-lg">Subscribe</button>
320-
</div>
321-
</div>
322-
<div class="col-md-6 col-lg-3">
323-
<div class="price-card text-center mb-4">
324-
<h3 class="price-card-title">Basic</h3>
325-
<div class="price-card-cost">
326-
<sup class="ti-money"></sup>
327-
<span class="num">10</span>
328-
<span class="date">MO</span>
329-
</div>
330-
<ul class="list">
331-
<li class="list-item">50 <span class="text-muted">Project</span></li>
332-
<li class="list-item">10GB <span class="text-muted">Storage</span></li>
333-
<li class="list-item">1<span class="text-muted">Domain</span></li>
334-
<li class="list-item">5 <span class="text-muted">User</span></li>
335-
</ul>
336-
<button class="btn btn-primary btn-rounded w-lg">Subscribe</button>
337-
</div>
338-
</div>
339-
<div class="col-md-6 col-lg-3">
340-
<div class="price-card text-center price-card-requried mb-4">
341-
<h3 class="price-card-title">Exclusive</h3>
342-
<div class="price-card-cost">
343-
<sup class="ti-money"></sup>
344-
<span class="num">25</span>
345-
<span class="date">MO</span>
346-
</div>
347-
<ul class="list">
348-
<li class="list-item">150 <span class="text-muted">Project</span></li>
349-
<li class="list-item">15GB <span class="text-muted">Storage</span></li>
350-
<li class="list-item">5<span class="text-muted"> Domain</span></li>
351-
<li class="list-item">15<span class="text-muted">User</span></li>
352-
</ul>
353-
<button class="btn btn-primary btn-rounded w-lg">Subscribe</button>
354-
</div>
355-
</div>
356-
<div class="col-md-6 col-lg-3">
357-
<div class="price-card text-center mb-4">
358-
<h3 class="price-card-title">Pro</h3>
359-
<div class="price-card-cost">
360-
<sup class="ti-money"></sup>
361-
<span class="num">99</span>
362-
<span class="date">MO</span>
363-
</div>
364-
<ul class="list">
365-
<li class="list-item">500 <span class="text-muted">Project</span></li>
366-
<li class="list-item">1000GB <span class="text-muted">Storage</span></li>
367-
<li class="list-item">10<span class="text-muted"> Domain</span></li>
368-
<li class="list-item">Unlimite<span class="text-muted">User</span></li>
369-
</ul>
370-
<button class="btn btn-primary btn-rounded w-lg">Subscribe</button>
371-
</div>
372-
</div>
373-
</div>
374-
</div>
375-
</section> -->
376-
226+
<hr>
377227

378228
<section class="section bg-dark py-5">
379229
<div class="container text-center">

0 commit comments

Comments
 (0)