Get a Quote
MENU

Get Ready Elementor Templates

Download Now

Request A Quote

Jim Fahad

Hi, please provide your request details below and I’ll get back to you.

0 / 5000

Define in Detail

Include all the necessary details needed to complete your request.

For example:

If you are looking for a business website, you can specify your business type, other reference websites you like, preferred color, etc.

Once you place your order, when would you like your service delivered?

Set a Delivery Time

This is the amount of time you want it to be completed. Please note that a request for faster delivery may impact the price.

$

Set Your Budget

Enter an amount you are willing to spend for this service.

Recent Projects

Jay Cooper 5.00
United States
I have a local store in California US. But, I want an online channel to grow my business further away. So, all I need to make an entire website from A-Z. Let's discuss more on Skype?
Client feedback:

Fahad is a talented web developer with a fantastic dimension of creativity and proactivity. He made the whole process very easy for me with excellent communication. I enjoyed the process and timely delivery. Thank you so much.

Angela July 5.00
United Kingdom
For my personal portfolio, I've built a website using Divi. When I try to work on it several pages are broken. I need your personal help. And let me confess another thing, I've tried some freelancers to do this task from Fiverr and Upwork and I'm completely disappointed with their result. Most of them pretend like they know it all but the result is zero. Then one of my good friends Max(you know him) referred me to your website and said you're the real guy! Please, I need it to be done. I'm flexible with the budget. Please! Are you available this week? No rush though!
Show MoreShow Less
Client feedback:

My goodness! Fahad!!! You're a magician. Oh my gosshh! I can't thank you more, Also thanks to Max for referring you! I'm super happy!

How To Make a FREE Business Website ~Step By Step~ 2026

Subscribe To My YouTube Channel For More Upcoming Videos

IMPORTANT LINKS

Default Entire Page Style CSS

 

Button Style CSS


.myBTN .elementor-button-icon {
    background: #fff;
    color: transparent;
    padding: 8px;
    border-radius: 50%;
}

.elementor-button-icon{
    color: transparent !important;
}

.myBTN .elementor-button-content-wrapper{
    display: flex;
    align-items: center;
}



.myBTN .elementor-button:hover .elementor-button-icon svg{
    animation: slideTextUp 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) reverse forwards !important;
}

@keyframes slideTextUp {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    50% {
        transform: translateX(-100%);
        opacity: 0;
    }
    51% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

 

Button Style CSS Classes


myBTN

 

Gradient Text Style CSS



.has-gradient-text .elementskit-section-title span {
    background: linear-gradient(180deg, #FF5100 54.15%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}


.gradient-para .elementor-heading-title {
    background: linear-gradient(180deg, #FFFFFF 0%, #417BFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

 

Gradient Text Style CSS Classes



has-gradient-text
gradient-para

 

Marquee Animation Style CSS



.marquee-item.marquee-center {
    background: #000000;
border: 1px solid #0045E6;
box-shadow: -20px 0px 35px rgba(26, 95, 255, 0.8);
}
.marquee-item.marquee-center img{
    opacity: 1 !important;
}

.marquee-item:hover img{
    opacity: 1 !important;
}

 

Marquee Animation JS Code

 

Marquee Animation Style CSS Classes



marquee-item
marquee-img

 

GIf Animation Style CSS



.tag-icon img {
  animation: awesomePulse 2s ease-in-out infinite;
  transform-origin: center;
  filter: drop-shadow(0 0 0 transparent);
}

@keyframes awesomePulse {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(59, 130, 246, 0));
  }
  
  25% {
    transform: scale(1.1);
    filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.6));
  }
  
  50% {
    transform: scale(1.15) rotate(5deg);
    filter: drop-shadow(0 0 15px rgba(59, 130, 246, 0.8));
  }
  
  75% {
    transform: scale(1.1) rotate(-5deg);
    filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.6));
  }
}

.tag-icon img:hover {
  animation: awesomePulseHover 0.6s ease-in-out infinite;
}

@keyframes awesomePulseHover {
  0%, 100% {
    transform: scale(1.2);
    filter: drop-shadow(0 0 20px rgba(59, 130, 246, 1));
  }
  
  50% {
    transform: scale(1.3) rotate(10deg);
    filter: drop-shadow(0 0 25px rgba(139, 92, 246, 1));
  }
}

 

GIf Animation Style CSS Class


tag-icon

 

Service Box Border Style CSS


.service-box::after {
        content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #EAEAEA 0%, rgba(234, 234, 234, 0) 100%) border-box;
    mask: /*4*/ linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0) border-box;
    mask-composite: exclude;
    border: 1px solid transparent;
    opacity: 0.2;
    pointer-events: none;
    border-radius: inherit;
}

.service-box:hover::after {
    background: linear-gradient(180deg, #1A5FFF 0%, rgba(26, 95, 255, 0) 100%) border-box;
    opacity: 1;
}

.service-box:hover::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: transparent !important;
    border: 1px solid #262626;
    pointer-events:none;
}

 

Service Box Border Style CSS Class


service-box

 

Project Box Border Style CSS


.project-box::after {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(180deg, #EAEAEA 0%, rgba(234, 234, 234, 0) 100%) border-box;
    mask: /*4*/ linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0) border-box;
    mask-composite: exclude;
    border: 1px solid transparent;
    opacity: 0;
    pointer-events: none;
    border-radius: inherit;
}

.project-box:hover::after {
    background: linear-gradient(180deg, #1A5FFF 0%, rgba(26, 95, 255, 0) 100%) border-box;
    opacity: 1;
}

 

Project Box Border Style CSS Class


project-box

 

Project Box Button Style CSS 


.btn-project .elementor-button{
    position: relative;
    z-index: 0;
}

.btn-project .elementor-button::before{
        content: '';
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #1A5FFF 0%, rgba(26, 95, 255, 0) 100%) border-box;
    mask: /*4*/ linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0) border-box;
    mask-composite: exclude;
    border: 1px solid transparent;
    opacity: 1;
    pointer-events: none;
    border-radius: inherit;
    position: absolute;
    z-index: -1;
}

.btn-project .elementor-button::after {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #262626;
    border-radius: inherit;
    z-index: -2;
    pointer-events: none;
}

 

Project Box Button Style CSS 


btn-project
myBTN

 

Review Section Style CSS 


.testimonial-box::after {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: -1;
    background: linear-gradient(180deg, rgba(18, 17, 23, 0) 0%, rgba(18, 17, 23, 0.8) 49.95%, #121117 100%);
    transition: all .4s;
}


.testimonial-box:hover .client-img img {
    opacity: 0 !important;
}

 

Review Section Style CSS Class


testimonial-box
client-img

 

Team Section Overlay Style CSS


.team-box::after{
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(18, 17, 23, 0) 39.08%, rgba(18, 17, 23, 0.7) 70.19%, #121117 100%);
    z-index: -1;
    border-radius: inherit;
}

 

Team Section Overlay Style CSS Class


team-box

 

Contact Form Style CSS


.metform-submit-btn svg {
    background: #fff;
    width: 32px !important;
    height: 32px;
    border-radius: 50%;
    padding: 8px;
}

button.metform-btn.metform-submit-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

 

Blog ANd SIngle Blog Archive Style CSS


.post-thumbnail-inner img {
    border-radius: 20px;
}

.post-thumbnail-inner img {
    border-radius: 20px;
}

.submit {
    background: linear-gradient(90deg, #FFFFFF 0%, #417BFF 100%) !important;
    color: #000 !important;
}

/* Post Category Gradient color code  */

.entry-taxonomies .category-links a {
    background: linear-gradient(90deg, #FFFFFF 0%, #417BFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* Post Grid Container Margin-Padding  */
article.entry {
    padding: 40px;
}

.entry-content-wrap {
    margin-top: 20px;
}

article.entry {
    border: 1px solid #262626;
}


label.float-label {
    opacity: 0;
}



#comments input::placeholder,#comments textarea::placeholder {
    opacity: 1;
}