tech-masters/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor index.html to modularize sections, implement sticky navigation, and enhance CSS styles for improved UI responsiveness

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-05-14 23:20:28 +03:00
parent 814fb97207
commit f62368672d
11 changed files with 830 additions and 939 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
components/services.html Normal file
View File

@@ -0,0 +1,142 @@
<section class="services section-padding" id="section_3">
<div class="container">
<div class="row">
<div class="col-lg-10 col-12 mx-auto">
<div
class="section-title-wrap d-flex justify-content-center align-items-center mb-5"
>
<img
src="images/handshake-man-woman-after-signing-business-contract-closeup.jpg"
class="avatar-image img-fluid"
alt=""
/>
<h2 class="text-white ms-4 mb-0">Services</h2>
</div>
<div class="row pt-lg-5">
<div class="col-lg-6 col-12">
<div class="services-thumb">
<div
class="d-flex flex-wrap align-items-center border-bottom mb-4 pb-3"
>
<h3 class="mb-0">Websites</h3>
<!-- <div class="services-price-wrap ms-auto">
<p class="services-price-text mb-0">$2,400</p>
<div class="services-price-overlay"></div>
</div> -->
</div>
<p>
You may want to explore Too CSS for great collection of
free HTML CSS templates.
</p>
<a href="#" class="custom-btn custom-border-btn btn mt-3"
>Discover More</a
>
<div
class="services-icon-wrap d-flex justify-content-center align-items-center"
>
<i class="services-icon bi-globe"></i>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="services-thumb services-thumb-up">
<div
class="d-flex flex-wrap align-items-center border-bottom mb-4 pb-3"
>
<h3 class="mb-0">Branding</h3>
<!-- <div class="services-price-wrap ms-auto">
<p class="services-price-text mb-0">$1,200</p>
<div class="services-price-overlay"></div>
</div> -->
</div>
<p>
You can explore more CSS templates on TemplateMo website
by browsing through different tags.
</p>
<a href="#" class="custom-btn custom-border-btn btn mt-3"
>Discover More</a
>
<div
class="services-icon-wrap d-flex justify-content-center align-items-center"
>
<i class="services-icon bi-lightbulb"></i>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="services-thumb">
<div
class="d-flex flex-wrap align-items-center border-bottom mb-4 pb-3"
>
<h3 class="mb-0">Ecommerce</h3>
<!-- <div class="services-price-wrap ms-auto">
<p class="services-price-text mb-0">$3,600</p>
<div class="services-price-overlay"></div>
</div> -->
</div>
<p>
If you need a customized ecommerce website for your
business, feel free to discuss with me.
</p>
<a href="#" class="custom-btn custom-border-btn btn mt-3"
>Discover More</a
>
<div
class="services-icon-wrap d-flex justify-content-center align-items-center"
>
<i class="services-icon bi-phone"></i>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="services-thumb services-thumb-up">
<div
class="d-flex flex-wrap align-items-center border-bottom mb-4 pb-3"
>
<h3 class="mb-0">SEO</h3>
<!-- <div class="services-price-wrap ms-auto">
<p class="services-price-text mb-0">$1,450</p>
<div class="services-price-overlay"></div>
</div> -->
</div>
<p>
To list your website first on any search engine, we will
work together. First Portfolio is one-page CSS Template
for free download.
</p>
<a href="#" class="custom-btn custom-border-btn btn mt-3"
>Discover More</a
>
<div
class="services-icon-wrap d-flex justify-content-center align-items-center"
>
<i class="services-icon bi-google"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>