Skip to content

feat: Update Service Section Content for Better Engagement #18

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
akshay0611 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

feat: Update Service Section Content for Better Engagement #18

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
70 changes: 18 additions & 52 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -172,129 +172,95 @@ <h1 class="h1 hero-title">

<section class="section service" id="service" aria-label="service">
<div class="container">

<p class="section-subtitle has-before text-center">Our Services</p>

<h2 class="h2 section-title text-center">Managing you business with our <span class="has-before">best
service</span></h2>

<h2 class="h2 section-title text-center">
Elevate Your Business with Our <span class="has-before">Expert Solutions</span>
</h2>
<ul class="grid-list">

<li>
<div class="service-card" style="--color: 174, 77%, 50%">

<div class="card-icon">
<img src="./assets/images/service-icon-1.png" width="30" height="30" loading="lazy"
alt="service icon">
alt="Product Management Icon">
</div>

<h3 class="h3">
<a href="#" class="card-title">Product Management</a>
<a href="#" class="card-title">Product Strategy & Management</a>
</h3>

</div>
</li>

<li>
<div class="service-card" style="--color: 267, 76%, 57%">

<div class="card-icon">
<img src="./assets/images/service-icon-2.png" width="30" height="30" loading="lazy"
alt="service icon">
alt="Web & Mobile Development Icon">
</div>

<h3 class="h3">
<a href="#" class="card-title">Web & Mobile Development</a>
<a href="#" class="card-title">Web & Mobile App Development</a>
</h3>

</div>
</li>

<li>
<div class="service-card" style="--color: 17, 100%, 68%">

<div class="card-icon">
<img src="./assets/images/service-icon-3.png" width="30" height="30" loading="lazy"
alt="service icon">
alt="Customer Support Icon">
</div>

<h3 class="h3">
<a href="#" class="card-title">Fast Customer Support</a>
<a href="#" class="card-title">24/7 Customer Support</a>
</h3>

</div>
</li>

<li>
<div class="service-card" style="--color: 343, 98%, 60%">

<div class="card-icon">
<img src="./assets/images/service-icon-4.png" width="30" height="30" loading="lazy"
alt="service icon">
alt="Human Resources Icon">
</div>

<h3 class="h3">
<a href="#" class="card-title">Human Resources</a>
<a href="#" class="card-title">Talent Acquisition & HR Solutions</a>
</h3>

</div>
</li>

<li>
<div class="service-card" style="--color: 210, 100%, 53%">

<div class="card-icon">
<img src="./assets/images/service-icon-5.png" width="30" height="30" loading="lazy"
alt="service icon">
alt="Design & Creatives Icon">
</div>

<h3 class="h3">
<a href="#" class="card-title">Design and Vreatives</a>
<a href="#" class="card-title">Creative Design & Branding</a>
</h3>

</div>
</li>

<li>
<div class="service-card" style="--color: 157, 89%, 44%">

<div class="card-icon">
<img src="./assets/images/service-icon-6.png" width="30" height="30" loading="lazy"
alt="service icon">
alt="Marketing & Communication Icon">
</div>

<h3 class="h3">
<a href="#" class="card-title">Meketing and Communication</a>
<a href="#" class="card-title">Digital Marketing & Communication</a>
</h3>

</div>
</li>

<li>
<div class="service-card" style="--color: 52, 98%, 50%">

<div class="card-icon">
<img src="./assets/images/service-icon-7.png" width="30" height="30" loading="lazy"
alt="service icon">
alt="Business Development Icon">
</div>

<h3 class="h3">
<a href="#" class="card-title">Business Development</a>
<a href="#" class="card-title">Business Growth Strategies</a>
</h3>

</div>
</li>

<li>
<a href="#" class="link-card" style="--color: 203, 97%, 75%">
<span class="span">04 More Service</span>

<span class="span">Explore More Services</span>
<ion-icon name="arrow-forward" aria-hidden="true"></ion-icon>
</a>
</li>

</ul>

</div>
</section>

Expand Down