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.
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!
1411SHARES
***Solid Button Hover Class*** btn-style-one btn-style-skew ***Gradient Button Hover Class*** btn-style-one btn-style-two btn-style-skew
sub-title
/* sub-title After Border */
.sub-title .elementor-heading-title:before {
position: absolute;
left: 100%;
top: 50%;
margin-top: -4px;
height: 2px;
width: 26px;
margin-left: 10px;
background: var(--gradient-1);
content: "";
}
.sub-title .elementor-heading-title:after {
position: absolute;
left: 100%;
top: 50%;
margin-top: -6px;
height: 6px;
width: 6px;
margin-left: 36px;
background: var(--gradient-1);
content: "";
border-radius: 50%;
}
/*Service Section */
.inner-box .icon, .inner-box .image img, .inner-box .text, .inner-box .title .elementor-heading-title {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.inner-box:hover .icon{
-webkit-transform: rotate(180deg) scale(-1);
transform: rotate(180deg) scale(-1) !important;
}
.inner-box:after {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: var(--bg-theme-color2);
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
border-radius: 500px 0 0;
content: "";
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.inner-box:hover::after {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.service-block-two.inner-box::after {
-webkit-transform-origin: left bottom!important;
transform-origin: left bottom!important;
border-radius: 0 500px 0 0!important;
}
.service-block-three.inner-box:after {
-webkit-transform-origin: right top;
transform-origin: right top;
border-radius: 0 0 0 500px;
}
.service-block-four.inner-box:after {
-webkit-transform-origin: left top;
transform-origin: left top;
border-radius: 0 0 500px 0;
}
.inner-box:hover .text, .inner-box:hover .title .elementor-heading-title{
color: #ffffff !important;
}
.inner-box:hover .image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media only screen and (max-width: 1024px){
.inner-box .service-block-image{
position: relative;
}
.elementor-absolute.icon{
position: relative !important;
}
}
***Service 1 Inner 2 Class*** service-block-one inner-box ***Service 2 Inner 2 Class*** service-block-two inner-box ***Service 3 Inner 2 Class*** service-block-three inner-box ***Service 4 Inner 2 Class*** service-block-four inner-box ***Service Inner 3 Class*** service-block-image ***Service Inner 3 Image Class*** image ***Service Icon Class*** icon ***Service H3 Class*** title ***Service Text Class*** text
/*Portfolio Section*/
.project-block .image-box .elementor-widget-container:after{
position: absolute;
left: 0;
bottom: 0;
height: 0;
width: 100%;
opacity: 0;
content: "";
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to #7243f2);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #7243f2 100%);
pointer-events: none;
z-index: 2;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.project-block .image-box:hover .elementor-widget-container:after {
height: 100%;
opacity: 1;
}
.project-block .image-box::after {
position: absolute;
left: 0;
bottom: 0;
height: 0%;
width: 100%;
content: "";
background-color: #ffffff;
pointer-events: none;
z-index: 2;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.project-block:hover .image-box:after {
height: 20px;
opacity: 1;
}
.project-block .image-box img, .project-block .content-box{
transition: all 0.4s ease !important;
}
.project-block:hover .image-box img{
-webkit-transform: scale(1.1);
transform: scale(1.1) !important;
-webkit-filter: grayscale(1);
filter: grayscale(1) !important;
}
.project-block:hover .content-box{
bottom: 0;
}
***Single Block Class*** project-block ***Single Block > ImageBox Class*** image-box ***Single Block > Contentbox Class*** content-box
/*FAQ Section*/
.upper-box::after {
position: absolute;
right: 0;
top: 100%;
margin-top: -280px;
height: 510px;
width: 510px;
background-color: #f5f5f9;
content: "";
z-index: -1;
border-radius: 0 0 0 500px;
}
.bg-inner-column:before {
position: absolute;
top: 0;
height: 100%;
left: -1000px;
right: 0;
width: auto!important;
background: linear-gradient(to left, #ae8fff, #7243f2);;
content: "";
}
.bg-inner-column .sub-title .elementor-heading-title:before {
background: #fff;
}
.bg-inner-column .sub-title .elementor-heading-title:after {
background: #fff;
}
upper-box
/*About Agency Section*/
.overlay-anim:after {
background: rgba(255, 255, 255, 0.3);
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
opacity: 1;
z-index: 9;
pointer-events: none;
}
.overlay-anim:hover:after {
height: 100%;
opacity: 0;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.founder-info img{
padding: 3px;
}
/*Breadcrumb Link CSS*/
.page-breadcrumb a .elementor-icon-list-text{
color: var(--theme-color2) !important;
}
.page-breadcrumb a:hover .elementor-icon-list-text{
color: var(--theme-color3) !important;
}
/*Breadcrumb Link CSS*/
.page-breadcrumb a .elementor-icon-list-text{
color: var(--theme-color2) !important;
}
.page-breadcrumb a:hover .elementor-icon-list-text{
color: var(--theme-color3) !important;
}
page-breadcrumb
/*Additional Service*/
.service-block .service-box:after {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #ffffff;
content: "";
z-index: 0;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.service-block .service-box .round, .service-block .service-box img, .service-block .service-box .elementor-heading-title{
transition: all 300ms linear;
}
.service-block .service-box:hover:after{
height: 0;
}
.service-block .service-box:hover .round{
opacity: 0.1!important;
}
.service-block .service-box:hover img{
filter: brightness(0) invert(1);;
}
.service-block .service-box:hover .elementor-heading-title{
color: #fff;
}
***Parent Container*** service-block ***Single Block*** service-box ***Spacer widget*** round
animationFramesOne contactSwimmer rotateme
animationFramesOne contactSwimmer rotateme
animationFramesOne contactSwimmer rotateme
295SHARES
411SHARES
.shape-img2 {
-webkit-animation-name: rotateMe;
animation-name: rotateMe;
-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.shape-img3{
-webkit-animation-name: rotateMe;
animation-name: rotateMe;
-webkit-animation-duration: 15s;
animation-duration: 15s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.shape-img4{
-webkit-animation: animationFramesTwo 20s infinite linear;
animation: animationFramesTwo 20s infinite linear;
}
.shape-img5 {
-webkit-animation: animationFramesOne 20s infinite linear;
animation: animationFramesOne 20s infinite linear;
}
.shape-img7{
-webkit-animation: moveBounce 5s linear infinite;
animation: moveBounce 5s linear infinite;
}
.shape-img8{
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
-webkit-animation: moveLeftBounce 5s linear infinite;
animation: moveLeftBounce 5s linear infinite;
}
.shape-img9{
-webkit-animation: moveScale 3s linear infinite;
animation: moveScale 3s linear infinite;
}
.shape-img10{
-webkit-animation: animationFramesOne 20s infinite linear;
animation: animationFramesOne 20s infinite linear;
}
@-webkit-keyframes animationFramesOne {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg);
transform: translate(73px, -1px) rotate(36deg);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg);
transform: translate(141px, 72px) rotate(72deg);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg);
transform: translate(83px, 122px) rotate(108deg);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg);
transform: translate(-40px, 72px) rotate(144deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
transform: translate(0px, 0px) rotate(0deg);
}
}
@keyframes moveLeftBounce {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes rotateMe {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes moveBounce {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes moveScale {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
}
@keyframes animationFramesTwo {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(-73px, 1px) rotate(-36deg);
transform: translate(-73px, 1px) rotate(-36deg);
}
40% {
-webkit-transform: translate(-141px, -72px) rotate(-72deg);
transform: translate(-141px, -72px) rotate(-72deg);
}
60% {
-webkit-transform: translate(-83px, -122px) rotate(-108deg);
transform: translate(-83px, -122px) rotate(-108deg);
}
80% {
-webkit-transform: translate(40px, -72px) rotate(-144deg);
transform: translate(40px, -72px) rotate(-144deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
transform: translate(0px, 0px) rotate(0deg);
}
}
.single-featured-box{
-webkit-transition: 0.5s;
transition: 0.5s;
}
.single-featured-box:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
}
.single-featured-box:hover .elementor-button{
-webkit-box-shadow: 0 5px 28.5px 1.5px rgba(0, 0, 255, 0.2);
box-shadow: 0 5px 28.5px 1.5px rgba(0, 0, 255, 0.2);
color: #fff !important;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.featured-box-services:hover .elementor-button{
background-color: #0000ff!important;
}
.featured-box:hover h3, .featured-box:hover p{
color: #fff !important;
}
.back-text{
position: absolute;
left: 0;
right: 0;
top: -5px;
opacity: .13;
}
.single-fun-facts:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
border-color: #ffffff !important;
}
.countmeter .elementor-counter-number-suffix{
font-size: 18px;
margin-left: 2px;
margin-top: 5px;
}
.features-list:hover .elementor-icon{
background-color: #FA7070!important;
}
.features-list:hover .elementor-icon-box-title{
color: #fff !important;
}
.about-text h2:before {
content: '';
position: absolute;
left: 0;
bottom: -0.5px;
width: 50px;
height: 1px;
background-color: #0000ff;
}
.footer-widget h2::before {
bottom: -0.5px;
left: 0;
width: 55px;
height: 1px;
background-color: #ffffff;
content: '';
position: absolute;
}
411SHARES
@keyframes animationFramesOne {
0% {
transform: translate(0px,0px) rotate(0deg) ;
}
20% {
transform: translate(73px,-1px) rotate(36deg) ;
}
40% {
transform: translate(141px,72px) rotate(72deg) ;
}
60% {
transform: translate(83px,122px) rotate(108deg) ;
}
80% {
transform: translate(-40px,72px) rotate(144deg) ;
}
100% {
transform: translate(0px,0px) rotate(0deg) ;
}
}
@-webkit-keyframes animationFramesOne {
0% {
-webkit-transform: translate(0px,0px) rotate(0deg) ;
}
20% {
-webkit-transform: translate(73px,-1px) rotate(36deg) ;
}
40% {
-webkit-transform: translate(141px,72px) rotate(72deg) ;
}
60% {
-webkit-transform: translate(83px,122px) rotate(108deg) ;
}
80% {
-webkit-transform: translate(-40px,72px) rotate(144deg) ;
}
100% {
-webkit-transform: translate(0px,0px) rotate(0deg) ;
}
}
.animationFramesOne {
-webkit-animation: animationFramesOne 12s linear infinite;
animation: animationFramesOne 12s linear infinite;
}
.animationFramesOne.two {
-webkit-animation: animationFramesOne 20s linear infinite;
animation: animationFramesOne 20s linear infinite;
}
@keyframes contactSwimmer {
0%,
100% {
-webkit-transform: translateX(0) translateY(0) rotate(0);
transform: translateX(0) translateY(0) rotate(0);
}
25%,
75% {
-webkit-transform: translateX(15px) translateY(20px) rotate(10deg);
transform: translateX(15px) translateY(20px) rotate(10deg);
}
50% {
-webkit-transform: translateX(60px) translateY(35px) rotate(15deg);
transform: translateX(60px) translateY(35px) rotate(15deg);
}
}
.contactSwimmer {
-webkit-animation-name: contactSwimmer;
animation-name: contactSwimmer;
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes rotateme {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotateme {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
.rotateme {
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
animationFramesOne contactSwimmer rotateme
125SHARES
.clouds{
position: absolute;
width: 100vw !important;
bottom:0;
}
9SHARES
tel:+8801737999999
mailto:info@youremail.com
input[type="submit"] {
border-radius: 25px;
background: linear-gradient(160deg, #05EDFE 0%, #D920F3 65%) !important;
transition:all .3s;
}
input[type="submit"]:hover {
background: linear-gradient(160deg, #D920F3 0%, #05EDFE 65%) !important;
}
WHAT WILL YOU GET? ( All Packages Include )
✅ Top-notch modern eye-catching design for you or your brand
✅ Modern Front-End Technologies (HTML5, CSS3, jQuery, Bootstrap 4)
✅ Image optimization and cache setting for the fastest loading.
✅ Responsive web design with fast loading pages and “mobile-first” technique
✅ WordPress Theme Integration with Elementor/Divi ( Customizable every part with Elementor/Divi. If you don’t want to use any page builder. I can do it from scratch for the premium package. )
✅ Launching your WordPress site on your web hosting and domain.
WHAT’S THE PROCESS?
1. First of all, you don’t have to pre-pay anything before our Email/Skype discussion! Just select a suitable package based on your needs and select “continue”.
2. Then on the Order page, fill up your contact information and message, then submit your order for confirmation.
3. Within 1 hour, I’ll contact you through email or Skype and discuss more to make the project more successful for you.
4. Then after completing your website, I’ll send you a demo link for you.
5. When everything is ready to go, I’ll launch your site in your hosting and domain and after that, I’ll deliver the project files.
6. Lastly, as a BONUS gift, I’ll send you video documentation of how you can update or manage your website by yourself.
Integrating Plugins
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?
13SHARES
tel:+8801737999999
mailto:info@youremail.com
First of all, I want to congratulate you because you’re one of those top 1% people who take action.
You’ve just not only watched my Website Creation Tutorials, You took action.
You’ve watched the whole tutorial, you’ve downloaded all the images and templates to practice by yourself. You know what? 99% of people do not have this energy like you!
But you made it! Wow!
Now, You’re just one step behind your success. You’re just one step behind all people dreamed of.
What is that?
(Money-Back Guarantee has been extended from 30 to 60 days during April to help you succeed)
You already know how to install WordPress, how to design your website using no #1 Page builder. You also know how to put your content into your website.
So what are you waiting for?
And, yes!! You’ve also seen how to set up your domain and web hosting on bluehost with a very affordable price.
You just need to take action!
You already have invested your valuable time to watch long tutorial videos. Now it’s time to implement. Don’t procrastinate.
And, you know… To make your dream website LIVE – you need to get your domain name and webhosting first.
You can get your webhosting from bluehost and get your domain for free with it. And, if you purchase your webhosting this week, you’ll get 60 day money back guarantee.
I’ve been locked down in my house for the last 3 weeks. 🙁 People can’t go outside to do their daily job. I know you’re in the same situation. We all are now fighting against COVID-19.
Nearly 70 million people lost their job already in the United States. And the whole world’s economy is collapsing.
But I’m glad to tell you that – I personally have not lost anything in my life nor my business. Why is that?
Even when people started losing their job, money… At the same time, how am I able to make even more money?
The reason is I’ve my website on my back! 🙂 Yes, it’s that powerful.
Because we all are home quarantined, but not our websites!
Do you wanna join this party as well?
Then don’t delay. Take this quarantine period as an opportunity.
(This 60-Day Money-Back Guarantee offer won’t last forever)
And the good news is, Bluehost is giving you 60 days money back guarantee! Can you believe it?
It’s only to help you during this quarantine.
As you’ve seen my tutorials, so you already know personally I’m a web developer and have been using bluehost for more than 10 years. And, I’ve hosted all my websites here.
My clients are also using this web hosting. They are all super happy with their websites and site speed.
Still, if you’ve any doubt, you can try it from this link, And you’ll get freaking 60 days to test it out.
I promise, you’ll love it.
But in case, if you feel it’s not the best, you have a complete 60 days money back guarantee. Nothing to lose.
Now, the decision is yours.
Either, Make your website LIVE, take your career, business to the next level.
Or, Keep yourself or your career where it was. But I know, you’re the one who takes action. Let’s now take the best decision of your life, you won’t regret.
Let’s create your online presence right now! Let’s become borderless.
© 2020, Jim fahad Digital, All Right Reserved