It's time for you to
grow.
conquer.
win.
pivot.
expand.
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
body1 {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 40px;
}
.text {
position: absolute;
width: 450px;
left: 45%;
margin-left: -225px;
height: 40px;
top: 50%;
margin-top: -20px;
}
p {
display: inline-block;
vertical-align: top;
margin: 0;
}
.word01 {
position: absolute;
width: 220px;
opacity: 0;
}
.letter {
display: inline-block;
position: relative;
float: left;
transform: translateZ(25px);
transform-origin: 50% 50% 25px;
}
.letter.out {
transform: rotateX(90deg);
transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.letter.behind {
transform: rotateX(-90deg);
}
.letter.in {
transform: rotateX(0deg);
transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.wisteria {
color: #8e44ad;
}
.belize {
color: #2980b9;
}
.pomegranate {
color: #c0392b;
}
.green {
color: #16a085;
}
.midnight {
color: #BE5A83 ;
}
@media (max-width: 767px) {
.text {
left: 37%;
}
}
var word01s = document.getElementsByClassName('word01');
var word01Array = [];
var currentWord01 = 0;
word01s[currentWord01].style.opacity = 1;
for (var i = 0; i < word01s.length; i++) {
splitLetters(word01s[i]);
}
function changeWord01() {
var cw = word01Array[currentWord01];
var nw = currentWord01 == word01s.length-1 ? word01Array[0] : word01Array[currentWord01+1];
for (var i = 0; i < cw.length; i++) {
animateLetterOut(cw, i);
}
for (var i = 0; i < nw.length; i++) {
nw[i].className = 'letter behind';
nw[0].parentElement.style.opacity = 1;
animateLetterIn(nw, i);
}
currentWord01 = (currentWord01 == word01Array.length-1) ? 0 : currentWord01+1;
}
function animateLetterOut(cw, i) {
setTimeout(function() {
cw[i].className = 'letter out';
}, i*80);
}
function animateLetterIn(nw, i) {
setTimeout(function() {
nw[i].className = 'letter in';
}, 340+(i*80));
}
function splitLetters(word01) {
var content = word01.innerHTML;
word01.innerHTML = '';
var letters = [];
for (var i = 0; i < content.length; i++) {
var letter = document.createElement('span');
letter.className = 'letter';
letter.innerHTML = content.charAt(i);
word01.appendChild(letter);
letters.push(letter);
}
word01Array.push(letters);
}
changeWord01();
setInterval(changeWord01, 4000);
It's time for you to
grow. conquer. win. pivot. expand.
It's time for you to win.
for the world's most ambitious brands.
1
Marketing
Influencer Marketing
Social Media Marketing
Google Ads
Content Marketing
SEM & PPC
E-mail Marketing
2
Web Design
Shopify
Webflow
eCommerce
WordPress
SaaS
Blogging
3
Branding
Personal Branding
Corporate Branding
Brand Extention
Product Branding
Brand Management
Media Management
4
Design
UX/UI
Graphic Design
App Design
Product Design
Logo Design
Print Design
5
Content
Reels
Webinars
Content Creation
SEO
Blogs
Social Media Content
What our clients have to say
Upsurgify
A Hyper Growth Agency
A Hyper Growth Agency
Digital success made simple, effective, and accessible. Book a free call with us & find out how it feels to be in the winner’s circle.
“Upsurgify’s marketing services are exceptional. Their tailored marketing strategy delivered immediate results and boosted my business’s website traffic and sales. Highly recommend Upsurgify.”
Christopher Zane
FYRT
“Upsurgify’s marketing services are exceptional. Their tailored marketing strategy delivered immediate results and boosted my business’s website traffic and sales. Highly recommend Upsurgify.”
Christopher Zayn
FYRT
Elevate your marketing campaigns, with Upsurgify.
ROAS
+
0
%
Client Revenue
+
0
%
Traffic
+
0
%
Overall Profit
+
0
%