Skip to content

Commit

Permalink
Added My Journey Section
Browse files Browse the repository at this point in the history
  • Loading branch information
@MrSIHAB
MrSIHAB committed Jul 17, 2024
1 parent 0d79a91 commit c07833d
Show file tree
Hide file tree
Showing 7 changed files with 187 additions and 73 deletions.
Binary file added img/browser-home.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified img/mathab.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/myJournyBg.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/shoaib_steave_pose_about_bg.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/shoaib_steave_pose_about_bg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
161 changes: 108 additions & 53 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ <h1>
<div class="lefthome">
<div class="text-slider">
<h3 class="verse">Shoaib Hossain (SIHAB)</h3>
<p>Have Exp. on <span id="changingText">Web Developer</span></p>
<p>Experienced with <span id="changingText">Web Development</span></p>
</div>
<div class="mail-info">
<h4>Email :</h4>
Expand Down Expand Up @@ -260,53 +260,108 @@ <h3>
<abbr title="FullStack">Web Development</abbr>
</h3>
<p>
Build Business ready websites. Service includes
<span>Frontend, Backend or Fullstack</span>
with the technologies like core HTML, CSS, JavaScript,
<span>React, Bootstap </span>
and other frontend Frameworks,
<span>NodeJS, Deno, Express, PHP</span> like Backend technology and
most fastest and most using <span>MongoDB, MySQL </span>DataBases.
Transform your
<b><span class="glow-tx">vision into reality</span></b> with
cutting-edge web solutions. From sleek frontend designs to robust
backend functionalities, we craft business-ready websites tailored
to your needs. Utilizing the latest technologies such as HTML, CSS,
<span>JavaScript, React,</span> Bootstrap, and other frontend
frameworks, alongside powerful backend tools like PHP,
<span>NodeJS, Deno, Express, </span> we ensure your site stands out.
Harnessing the speed and reliability of <span>MongoDB</span> and
<span>MySQL</span> databases, we deliver high-performance solutions
that drive your business forward.
</p>
<a href="https://www.fiverr.com/s/1dPDmr" class="btn" target="_blank">
<i class="fa-solid fa-arrow-up-right-from-square fa-shake"></i>
Share Design now
</a>
</div>
<!-- flutter app development -->
<!-- flutter app development -->
<div class="card app">
<img src="img/mobileOs.png" alt="APP" />
<h3><abbr title="Search Engine Optimization">SEO</abbr></h3>
<h3><abbr title="Android / iOS">Mobile Development</abbr></h3>
<!-- Abbr Title-->
<p>
Do you want to see your Website/Post/WebPost/Accouts in the top of
the search page? Congratulations 🎉 <br />
you're on the right place. Just click the link below. You'll find
the magical person.
Dive into the
<b><span class="glow-tx">future of business</span></b> with
cross-platform applications built from
<span
>a single, unified codebase using Flutter and React Native</span
>
frameworks. Drawing on extensive experience in JavaScript, C
programming, and proficiency in Dart, I specialize in seamlessly
integrating
<span
>logic with intuitive UI/UX design in your Android or iOS
</span>
app. Let's elevate your business with versatile, efficient, and
scalable mobile solutions tailored to meet your unique requirements.
</p>
<a
href="https://www.fiverr.com/inbox/rajuahmedabi239"
class="btn"
target="_blank"
><i class="fa-solid fa-arrow-up-right-from-square fa-shake"></i>
More</a
>

<!-- todo: need to add a gig link in a tag ---------------------------------------- -->
<a href="" class="btn" target="_blank">
<i class="fa-solid fa-arrow-up-right-from-square fa-shake"></i>
More
</a>
</div>
<!-- Desktop app -->
<div class="card graphics">
<img src="img/graphics.png" alt="graphics Designing" />
<h3>Graphics Designing</h3>
<h3>
<abbr title="Windows, MacOS, Linux">Desktop Development</abbr>
</h3>
<p>
Your logo tells your identity. To make any kinds of logo, banner,
thumbnail, preview, SVG File, advertisements - visit my Fiverr GiG.
<b><span class="glow-tx">Expand your brand </span></b>across all
platforms with our tailored desktop development solutions.
Leveraging the speed and versatility of <span>Flutter</span> and the
easy reuse capabilities of <span>Electron</span>, we bring your app
to PC enthusiasts who prioritize desktop applications. Whether your
audience uses
<span
>Windows, MacOS, or Linux (including deb, Snap, archives, and
more),
</span>
we ensure seamless integration and optimal performance on every
operating system. Let's empower your brand to thrive everywhere.
</p>
<a href="https://www.fiverr.com/s/Gvpezz" class="btn" target="_blank"
><i class="fa-solid fa-arrow-up-right-from-square fa-shake"></i>
More</a
>
<!-- todo a tag link -->
<a href="" class="btn" target="_blank">
<i class="fa-solid fa-arrow-up-right-from-square fa-shake"></i>
More
</a>
</div>
</article>
</section>

<!-- Journy section -------------------// -----------------------// -------//----->
<section id="journey" class="journey">
<div class="journeyWraper">
<div class="infoSide">
<h1>My Journey</h1>
<div class="para">
<p class="journeyPara">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Consequuntur a ut voluptates suscipit velit sunt quia. A
aspernatur facere reprehenderit omnis dolores, suscipit quaerat
minus inventore quos reiciendis doloremque rerum debitis
laudantium nostrum eligendi dolore assumenda porro, voluptatum
pariatur rem, quidem error vero doloribus dignissimos. Vitae
repellendus voluptate ipsam nostrum aut inventore unde possimus
facilis similique at, quam voluptates ipsum distinctio, sed et
commodi harum quibusdam expedita? Inventore, natus illo! Nulla at
pariatur, quasi, nemo dolor possimus quos sed error modi impedit
voluptas voluptatum incidunt veritatis! Quod dolorem ipsa quisquam
ipsum deserunt similique tenetur. Facilis, illo blanditiis quidem
expedita recusandae magnam magni molestiae totam nihil assumenda
quo doloremque cum, sapient
</p>
</div>
</div>
<div class="emptySide"></div>
</div>
</section>

<!-- Skills section -------------------// -----------------------// -------//----->
<section id="skill" class="skill">
<h1>Skills</h1>
Expand All @@ -321,73 +376,73 @@ <h4>Technical Skills</h4>
<p>85%</p>
</div>
<div class="skill-bar">
<p>WordPress</p>
<div class="bar"><span class="wp fillBar"></span></div>
<p>75%</p>
<p>Backend</p>
<div class="bar"><span class="backend fillBar"></span></div>
<p>90%</p>
</div>
<div
class="skill-bar"
title="Node Core Modules, MongoDB, EJS, Express, Multer..."
>
<p>Node JS</p>
<div class="bar"><span class="node fillBar"></span></div>
<p>65%</p>
<p>Mobile App</p>
<div class="bar"><span class="mobile fillBar"></span></div>
<p>75%</p>
</div>
<div class="skill-bar">
<p>PHP</p>
<div class="bar"><span class="php fillBar"></span></div>
<p>90%</p>
<p>Desktop App</p>
<div class="bar"><span class="desk fillBar"></span></div>
<p>70%</p>
</div>
<div class="skill-bar">
<p>SEO</p>
<div class="bar"><span class="seo fillBar"></span></div>
<p>70%</p>
<p>JavaScript</p>
<div class="bar"><span class="js fillBar"></span></div>
<p>95%</p>
</div>
</div>
<div class="right-skill">
<h4>Professional Skills</h4>
<div class="prof">
<div class="box">
<div class="circle" data-dots="70" data-percent="90"></div>
<div class="box" title="I'm not a part of any team">
<div class="circle" data-dots="70" data-percent="0"></div>
<div class="text">
<big>90%</big>
<big>0%</big>
<small>team work</small>
</div>
</div>
<div class="box">
<div class="circle" data-dots="70" data-percent="95"></div>
<div class="circle" data-dots="70" data-percent="98"></div>
<div class="text">
<big>95%</big>
<big>98%</big>
<small>accuracy</small>
</div>
</div>
<div class="box">
<div class="circle" data-dots="70" data-percent="85"></div>
<div class="circle" data-dots="70" data-percent="90"></div>
<div class="text">
<big>80%</big>
<small>optomization</small>
<big>90%</big>
<small>optimization</small>
</div>
</div>
<div class="box">
<div class="circle" data-dots="70" data-percent="99"></div>
<div class="text">
<big>99%</big>
<big>99.9%</big>
<small>communication</small>
</div>
</div>
</div>
</div>
</section>

<!-- Portfolio section -----------------//-------------------//-----------------//-------// -->
<!-- * Portfolio section -----------------//-------------------//-----------------//-------// -->
<section class="portfolio" id="portfolio">
<p>MY CREATIONS</p>
<h1><span>Portfolio</span></h1>

<div class="card-box" id="post-parent">
<!-- Ababil Chrome Extension ----------- -->
<div class="card">
<img src="img/ababil_home.png" alt="post" loading="lazy" />
<img src="img/browser-home.png" alt="post" loading="lazy" />
<div class="info">
<h5>Ababil HomePage</h5>
<p>
Expand Down Expand Up @@ -429,9 +484,9 @@ <h5>Portfolio</h5>
<div class="info">
<h5>Mathab Extension</h5>
<p>
A VS-Code/Codium theme Extension. I sepially designed it for
A VS-Code/Codium theme Extension. I specially designed it for
myself. Lite Weight Extension works fine with any system.
Extension now available on marketplace. See more on github...
Available on VS-Code marketplace. See more on github...
</p>
<a href="https://github.com/MrSIHAB/vscode-mathab" target="_blank"
><button class="btn">
Expand Down
Loading

0 comments on commit c07833d

Please sign in to comment.