Portfolio page content updated

This commit is contained in:
2025-01-10 12:58:20 +05:30
parent 2a98f1bc2c
commit e33bc97f90
32 changed files with 339 additions and 15 deletions

View File

@@ -3239,7 +3239,7 @@ p.btn-sym {
/* for bottom content on image */
/* .port-bot-content {
.port-bot-content {
position: absolute;
bottom: 0;
left: 0;
@@ -3254,13 +3254,13 @@ p.btn-sym {
}
.port-bot-content .mid-para {
font-size: 1.8rem;
font-size: 1.6rem;
font-weight: 600;
margin: 2px;
margin: 4px;
}
.port-bot-content .grey-para {
font-size: 1.3rem;
font-size: 1.2rem;
color: #C8C8C8;
font-weight: 500;
margin: 0;
@@ -3270,7 +3270,7 @@ p.btn-sym {
.portfolio-box:hover .port-bot-content {
display: none;
visibility: hidden;
} */
}
.bg-content-mob {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 62 KiB

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 160 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 217 KiB

After

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 139 KiB

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 136 KiB

After

Width:  |  Height:  |  Size: 179 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 125 KiB

After

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 190 KiB

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 100 KiB

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 251 KiB

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 320 KiB

After

Width:  |  Height:  |  Size: 111 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 79 KiB

After

Width:  |  Height:  |  Size: 79 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 204 KiB

After

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 301 KiB

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 57 KiB

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 87 KiB

After

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 105 KiB

After

Width:  |  Height:  |  Size: 113 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

After

Width:  |  Height:  |  Size: 71 KiB

View File

@@ -111,11 +111,14 @@
</div> -->
</div>
<!-- <div class="port-bot-content">
<div class="port-bot-content">
<p class="mid-para">Woka</p>
<p class="grey-para">Lorem ipsum dolor sit amet</p>
</div> -->
<p class="grey-para">One-Stop Kids Learning and Education Platform</p>
</div>
</div>
<!-- Woka -->
<div class="portfolio-box">
<div class="portfolio-box-inner">
<img src="../assets/images/new-img/angel-p.webp" alt="">
@@ -171,7 +174,15 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Woka</p>
<p class="grey-para">Lorem ipsum dolor sit amet</p>
</div>
</div>
<!-- Seezun -->
<div class="portfolio-box">
<div class="portfolio-box-inner">
<img src="../assets/images/new-img/seezun-p.webp" alt="">
@@ -230,7 +241,15 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Seezun</p>
<p class="grey-para">Embark on a journey of fashion innovation with Seezun</p>
</div>
</div>
<!-- rubix -->
<div class="portfolio-box">
<div class="portfolio-box-inner">
<img src="../assets/images/new-img/rubix-p.webp" alt="">
@@ -288,7 +307,15 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Rubix</p>
<p class="grey-para">Unlimited Object Chains. Scaling in parallel</p>
</div>
</div>
<!-- good-times -->
<div class="portfolio-box">
<div class="portfolio-box-inner">
<img src="../assets/images/new-img/good-times-p.webp" alt="">
@@ -346,7 +373,15 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Good Times</p>
<p class="grey-para">Never miss out on the hottest events</p>
</div>
</div>
<!-- wedzy -->
<div class="portfolio-box">
<div class="portfolio-box-inner">
<img src="../assets/images/new-img/wedzy-p.webp" alt="">
@@ -405,8 +440,14 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Wedzy</p>
<p class="grey-para">Transforming weddings into unforgettable events</p>
</div>
</div>
<!-- mot -->
<div class="portfolio-box">
<div class="portfolio-box-inner">
@@ -464,7 +505,13 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Mot</p>
<p class="grey-para">Keep your vehicles safer</p>
</div>
</div>
<!-- prosperty -->
<div class="portfolio-box">
@@ -524,6 +571,11 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Prosperty</p>
<p class="grey-para">Your Pathway to Passive Income.</p>
</div>
</div>
<!-- gotcha-media -->
@@ -540,16 +592,16 @@
<div class="app-categories">
<span class="category">UI Design</span>
<span class="category">Website Development</span>
<span class="category">Fintech | Blockchain</span>
<span class="category">Fintech</span>
</div>
<div class="app-description">
<p class="mid-para">Best L1 Public Blockchain</p>
<p class="mini-head-para">Unlimited Object Chains. Scaling in parallel</p>
<p class="mid-para">Shaping the Future of Digital Marketing</p>
<p class="mini-head-para">Shaping Strategies That Drive Results</p>
<p class="grey-para">
The first green blockchain platform in the world, Rubix is a shared, decentralized and
secure Web3 and Web5 platform designed to eliminate the limitations and setbacks of
traditional blockchains.
With its dynamic design and seamless functionality, Gotcha Media stands for innovation.
Developed with precision, the website is built to inspire confidence and deliver
performance, so businesses can reach their audience effortlessly.
</p>
</div>
@@ -584,6 +636,11 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Gotcha Media</p>
<p class="grey-para">A Hub of Marketing Innovation</p>
</div>
</div>
<!-- food-special -->
@@ -595,7 +652,8 @@
<div class="on-hover-show">
<div class="logo-container">
<!-- <img src="../assets/images/new-img/mot-logo.webp" alt="Woka Logo" class="logo"> -->
<img src="../assets/images/new-img/fs-logo.webp" style="width:50px;" alt="Woka Logo"
class="logo">
</div>
<div class="app-categories">
@@ -645,6 +703,11 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Food Speciality</p>
<p class="grey-para">Lorem ipsum dolor sit amet</p>
</div>
</div>
<!-- Cloudify Docs -->
@@ -706,6 +769,11 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Cloudify</p>
<p class="grey-para">Comprehensive CAD Drafting Platform</p>
</div>
</div>
<!-- regroup -->
@@ -767,6 +835,11 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Regroup</p>
<p class="grey-para">Connect, Share, and Join Teams Around the World</p>
</div>
</div>
<!-- Trader Circuit -->
@@ -828,6 +901,11 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Trader Circuit</p>
<p class="grey-para">Seamless Investment, financial planning</p>
</div>
</div>
<!-- Gas Buddy -->
@@ -889,6 +967,11 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Gas Buddy</p>
<p class="grey-para">Worlds largest community-based fuel app</p>
</div>
</div>
<!-- Pink Boutique -->
@@ -949,6 +1032,11 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Pink Boutique</p>
<p class="grey-para">That'l get you noticed for all the right reasons</p>
</div>
</div>
<!-- Plumm -->
@@ -1010,6 +1098,11 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Plumm</p>
<p class="grey-para">Offering a diverse range of services</p>
</div>
</div>
<!-- Equilab -->
@@ -1070,6 +1163,11 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Equilab</p>
<p class="grey-para">Empowering equestrians everywhere</p>
</div>
</div>
<!-- Medinet -->
@@ -1132,6 +1230,11 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Medinet</p>
<p class="grey-para">Bridging the healthcare experience gap</p>
</div>
</div>
@@ -1194,6 +1297,11 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">GSF</p>
<p class="grey-para">AI/ML Algorithms and IoT Integrated Fitness App Fitness</p>
</div>
</div>
<!-- Dayal tours & travels -->
@@ -1260,6 +1368,11 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Dayal tours & travels</p>
<p class="grey-para">Making every step of your travel</p>
</div>
</div>
@@ -1322,6 +1435,11 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Sai Service</p>
<p class="grey-para">Maruti Suzuki Arena & Nexa cars Authorised Dealer</p>
</div>
</div>
@@ -1384,6 +1502,212 @@
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Reforma Directa EN Casa</p>
<p class="grey-para">Spain's Largest Renovation Service Platform</p>
</div>
</div>
<!-- Bloom -->
<div class="portfolio-box">
<div class="portfolio-box-inner">
<img src="../assets/images/new-img/bloom-p.webp" alt="">
</div>
<div class="on-hover-show">
<div class="logo-container">
<img src="../assets/images/new-img/bloom-logo.webp" style="max-height:60px;" alt="Woka Logo" class="logo">
</div>
<div class="app-categories">
<span class="category">UI Design</span>
<span class="category">Website Development</span>
<span class="category">DIRECTORY</span>
</div>
<div class="app-description">
<p class="mid-para">Spain's Largest Renovation Service Platform</p>
<p class="mini-head-para">Big Data Will Come here</p>
<p class="grey-para">
The platform offers robust data organization capabilities, allowing users to categorize
and structure files based on projects. This ensures efficient retrieval and management
of design data.
</p>
</div>
<div class="location-rating">
<div class="location">
<img src="../assets/images/new-img/spain.svg" alt="Location Icon">
<span class="mini-head">Spain</span>
</div>
<div class="rating-main">
<div class="rating">
<span>4.5</span>
<div class="star-rate-box">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-half.svg" alt="Rating Stars">
</div>
</div>
<p class="mt-2 mb-0">23 Reviews</p>
</div>
</div>
<!-- <div class="technologies">
<p class="mini-head">Technologies</p>
<img src="https://wordpress.betadelivery.com/wdipl/wp-content/uploads/2024/08/image-138.webp"
alt="MySQL">
<img src="https://wordpress.betadelivery.com/wdipl/wp-content/uploads/2024/08/image-141.webp"
alt="Node.js">
<img src="https://wordpress.betadelivery.com/wdipl/wp-content/uploads/2024/08/icons8-react-native-5-1.webp"
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Bloom</p>
<p class="grey-para">Lorem ipsum dolor sit amet.</p>
</div>
</div>
<!-- SFTC -->
<div class="portfolio-box">
<div class="portfolio-box-inner">
<img src="../assets/images/new-img/sftc-p.webp" alt="">
</div>
<div class="on-hover-show">
<div class="logo-container">
<img src="../assets/images/new-img/sftc-logo.webp" alt="Woka Logo" class="logo">
</div>
<div class="app-categories">
<span class="category">UI Design</span>
<span class="category">Website Development</span>
<span class="category">DIRECTORY</span>
</div>
<div class="app-description">
<p class="mid-para">Spain's Largest Renovation Service Platform</p>
<p class="mini-head-para">Big Data Will Come here</p>
<p class="grey-para">
The platform offers robust data organization capabilities, allowing users to categorize
and structure files based on projects. This ensures efficient retrieval and management
of design data.
</p>
</div>
<div class="location-rating">
<div class="location">
<img src="../assets/images/new-img/spain.svg" alt="Location Icon">
<span class="mini-head">Spain</span>
</div>
<div class="rating-main">
<div class="rating">
<span>4.5</span>
<div class="star-rate-box">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-half.svg" alt="Rating Stars">
</div>
</div>
<p class="mt-2 mb-0">23 Reviews</p>
</div>
</div>
<!-- <div class="technologies">
<p class="mini-head">Technologies</p>
<img src="https://wordpress.betadelivery.com/wdipl/wp-content/uploads/2024/08/image-138.webp"
alt="MySQL">
<img src="https://wordpress.betadelivery.com/wdipl/wp-content/uploads/2024/08/image-141.webp"
alt="Node.js">
<img src="https://wordpress.betadelivery.com/wdipl/wp-content/uploads/2024/08/icons8-react-native-5-1.webp"
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">SFTC</p>
<p class="grey-para">Lorem ipsum dolor sit amet.</p>
</div>
</div>
<!-- Move Central -->
<div class="portfolio-box">
<div class="portfolio-box-inner">
<img src="../assets/images/new-img/move-central-p.webp" alt="">
</div>
<div class="on-hover-show">
<div class="logo-container">
<img src="../assets/images/new-img/move-logo.webp" alt="Woka Logo" class="logo">
</div>
<div class="app-categories">
<span class="category">UI Design</span>
<span class="category">Website Development</span>
<span class="category">DIRECTORY</span>
</div>
<div class="app-description">
<p class="mid-para">Spain's Largest Renovation Service Platform</p>
<p class="mini-head-para">Big Data Will Come here</p>
<p class="grey-para">
The platform offers robust data organization capabilities, allowing users to categorize
and structure files based on projects. This ensures efficient retrieval and management
of design data.
</p>
</div>
<div class="location-rating">
<div class="location">
<img src="../assets/images/new-img/spain.svg" alt="Location Icon">
<span class="mini-head">Spain</span>
</div>
<div class="rating-main">
<div class="rating">
<span>4.5</span>
<div class="star-rate-box">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-rate.svg" alt="Rating Stars">
<img src="../assets/images/new-img/star-half.svg" alt="Rating Stars">
</div>
</div>
<p class="mt-2 mb-0">23 Reviews</p>
</div>
</div>
<!-- <div class="technologies">
<p class="mini-head">Technologies</p>
<img src="https://wordpress.betadelivery.com/wdipl/wp-content/uploads/2024/08/image-138.webp"
alt="MySQL">
<img src="https://wordpress.betadelivery.com/wdipl/wp-content/uploads/2024/08/image-141.webp"
alt="Node.js">
<img src="https://wordpress.betadelivery.com/wdipl/wp-content/uploads/2024/08/icons8-react-native-5-1.webp"
alt="React Native">
</div> -->
</div>
<div class="port-bot-content">
<p class="mid-para">Move Central</p>
<p class="grey-para">Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>