Skip to content

feat: Update Project Section Content for Better Engagement #14

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 Project Section Content for Better Engagement #14

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
79 changes: 21 additions & 58 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -395,136 +395,99 @@ <h3 class="h3 card-title">24/7 hours support</h3>

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

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

<p class="section-subtitle has-before text-center">Our Work</p>
<h2 class="h2 section-title text-center">
Pixology complete <span class="has-before">project</span>
Explore Our <span class="has-before">Projects</span>
</h2>

<ul class="filter-list">

<li>
<button class="filter-btn active" data-filter-btn>Website</button>
</li>

<li>
<button class="filter-btn" data-filter-btn>Landing Page</button>
</li>

<li>
<button class="filter-btn" data-filter-btn>iOS App</button>
</li>

<li>
<button class="filter-btn" data-filter-btn>Landing Page</button>
<button class="filter-btn" data-filter-btn>Android App</button>
</li>

<li>
<button class="filter-btn" data-filter-btn>Branding Design</button>
</li>

</ul>

<ul class="grid-list">

<li>
<div class="project-card">

<figure class="card-banner img-holder" style="--width: 835; --height: 429;">
<img src="./assets/images/project-1.jpg" width="835" height="429" loading="lazy" alt="Book art design"
class="img-cover">
<img src="./assets/images/project-1.jpg" width="835" height="429" loading="lazy"
alt="Creative Branding for Tech Startup" class="img-cover">
</figure>

<div class="card-content">
<h3 class="h3">
<a href="#" class="card-title">Book art design</a>
<a href="#" class="card-title">Creative Branding for Tech Startup</a>
</h3>

<a href="#" class="card-tag">Branding</a>
</div>

</div>
</li>

<li>
<div class="project-card">

<figure class="card-banner img-holder" style="--width: 416; --height: 429;">
<img src="./assets/images/project-2.jpg" width="416" height="429" loading="lazy" alt="Graphic Design"
class="img-cover">
<img src="./assets/images/project-2.jpg" width="416" height="429" loading="lazy"
alt="Modern UI/UX Design for E-commerce Platform" class="img-cover">
</figure>

<div class="card-content">
<h3 class="h3">
<a href="#" class="card-title">Graphic Design</a>
<a href="#" class="card-title">Modern UI/UX Design for E-commerce Platform</a>
</h3>

<a href="#" class="card-tag">Design</a>
<a href="#" class="card-tag">UI/UX Design</a>
</div>

</div>
</li>

<li>
<div class="project-card">

<figure class="card-banner img-holder" style="--width: 416; --height: 429;">
<img src="./assets/images/project-3.jpg" width="416" height="429" loading="lazy" alt="3d Digital Art"
class="img-cover">
<img src="./assets/images/project-3.jpg" width="416" height="429" loading="lazy"
alt="3D Product Visualization for Fashion Brand" class="img-cover">
</figure>

<div class="card-content">
<h3 class="h3">
<a href="#" class="card-title">3d Digital Art</a>
<a href="#" class="card-title">3D Product Visualization for Fashion Brand</a>
</h3>

<a href="#" class="card-tag">Design</a>
<a href="#" class="card-tag">3D Design</a>
</div>

</div>
</li>

<li>
<div class="project-card">

<figure class="card-banner img-holder" style="--width: 416; --height: 429;">
<img src="./assets/images/project-4.jpg" width="416" height="429" loading="lazy" alt="Web Design"
class="img-cover">
<img src="./assets/images/project-4.jpg" width="416" height="429" loading="lazy"
alt="Responsive Web Design for SaaS Platform" class="img-cover">
</figure>

<div class="card-content">
<h3 class="h3">
<a href="#" class="card-title">Web Design</a>
<a href="#" class="card-title">Responsive Web Design for SaaS Platform</a>
</h3>

<a href="#" class="card-tag">Design</a>
<a href="#" class="card-tag">Web Design</a>
</div>

</div>
</li>

<li>
<div class="project-card">

<figure class="card-banner img-holder" style="--width: 416; --height: 429;">
<img src="./assets/images/project-5.jpg" width="416" height="429" loading="lazy"
alt="Mobile App Design" class="img-cover">
alt="Intuitive Mobile App Design for Fitness Tracker" class="img-cover">
</figure>

<div class="card-content">
<h3 class="h3">
<a href="#" class="card-title">Mobile App Design</a>
<a href="#" class="card-title">Intuitive Mobile App Design for Fitness Tracker</a>
</h3>

<a href="#" class="card-tag">Design</a>
<a href="#" class="card-tag">Mobile App Design</a>
</div>

</div>
</li>

</ul>

</div>
</section>

Expand Down