Skip to content
This repository has been archived by the owner on Nov 12, 2024. It is now read-only.

Commit

Permalink
Added new offers
Browse files Browse the repository at this point in the history
For the moment it is only new pages that  are redirecting to the webpage associated
  • Loading branch information
tanguy-fgl committed Sep 2, 2024
1 parent 781c76b commit 516482c
Show file tree
Hide file tree
Showing 9 changed files with 414 additions and 4 deletions.
156 changes: 156 additions & 0 deletions assets/css/redirecting.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,156 @@
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: inherit;
}

html {
box-sizing: border-box;
}

body {
margin: auto;
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
overflow: auto;
background: linear-gradient(315deg, rgb(101, 0, 94) 3%, rgb(60, 132, 206) 38%, rgb(48, 238, 226) 68%, rgb(255, 25, 25) 98%);
animation: gradient 15s ease infinite;
background-size: 400% 400%;
background-attachment: fixed;
}

@keyframes gradient {
0% {
background-position: 0% 0%;
}
50% {
background-position: 100% 100%;
}
100% {
background-position: 0% 0%;
}
}
.wave {
background: rgba(255, 255, 255, 0.25);
border-radius: 1000% 1000% 0 0;
position: fixed;
width: 200%;
height: 12em;
animation: wave 10s -3s linear infinite;
transform: translate3d(0, 0, 0);
opacity: 0.8;
bottom: 0;
left: 0;
z-index: -1;
}

.wave:nth-of-type(2) {
bottom: -1.25em;
animation: wave 18s linear reverse infinite;
opacity: 0.8;
}

.wave:nth-of-type(3) {
bottom: -2.5em;
animation: wave 20s -1s reverse infinite;
opacity: 0.9;
}

@keyframes wave {
2% {
transform: translateX(1);
}
25% {
transform: translateX(-25%);
}
50% {
transform: translateX(-50%);
}
75% {
transform: translateX(-25%);
}
100% {
transform: translateX(1);
}
}
.container {
margin: auto auto;
height: 90vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.tittle,
.subtitle {
margin-bottom: 40px;
color: #44b9ff;
letter-spacing: 4px;
text-transform: uppercase;
}

.square-container {
list-style-type: none;
display: flex;
position: relative;
}

.square {
margin: 4px;
width: 30px;
height: 30px;
border-radius: 7px;
animation: rotating 2.5s ease infinite;
}

.square1 {
background: #736efe;
animation-delay: 0.2s;
}

.square2 {
background: #5999ff;
animation-delay: 0.4s;
}

.square3 {
background: #44b9ff;
animation-delay: 0.6s;
}

.square4 {
background: #31d8ff;
animation-delay: 0.8s;
}

.square5 {
background: #18ffff;
animation-delay: 1s;
}

@keyframes rotating {
0% {
transform: rotate(0) scale(1);
}
50% {
transform: rotate(90deg) scale(0.6);
}
100% {
transform: rotate(90deg) scale(1);
}
}
footer {
margin: auto auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 10px;
color: #31d8ff;
}

footer a {
color: #736efe;
}/*# sourceMappingURL=redirecting.css.map */
1 change: 1 addition & 0 deletions assets/css/redirecting.css.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

165 changes: 165 additions & 0 deletions assets/css/redirecting.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,165 @@
$color-primary1: #736efe;
$color-primary2: #5999ff;
$color-primary3: #44b9ff;
$color-primary4: #31d8ff;
$color-primary5: #18ffff;

*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: inherit;
}

html {
box-sizing: border-box;
}

body {
margin: auto;
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
overflow: auto;
background: linear-gradient(315deg, rgba(101, 0, 94, 1) 3%, rgba(60, 132, 206, 1) 38%, rgba(48, 238, 226, 1) 68%, rgba(255, 25, 25, 1) 98%);
animation: gradient 15s ease infinite;
background-size: 400% 400%;
background-attachment: fixed;
}

@keyframes gradient {
0% {
background-position: 0% 0%;
}
50% {
background-position: 100% 100%;
}
100% {
background-position: 0% 0%;
}
}

.wave {
background: rgb(255 255 255 / 25%);
border-radius: 1000% 1000% 0 0;
position: fixed;
width: 200%;
height: 12em;
animation: wave 10s -3s linear infinite;
transform: translate3d(0, 0, 0);
opacity: 0.8;
bottom: 0;
left: 0;
z-index: -1;
}

.wave:nth-of-type(2) {
bottom: -1.25em;
animation: wave 18s linear reverse infinite;
opacity: 0.8;
}

.wave:nth-of-type(3) {
bottom: -2.5em;
animation: wave 20s -1s reverse infinite;
opacity: 0.9;
}

@keyframes wave {
2% {
transform: translateX(1);
}

25% {
transform: translateX(-25%);
}

50% {
transform: translateX(-50%);
}

75% {
transform: translateX(-25%);
}

100% {
transform: translateX(1);
}
}

.container {
margin: auto auto;
height: 90vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.tittle,
.subtitle {
margin-bottom: 40px;
color: #44b9ff;
letter-spacing: 4px;
text-transform: uppercase;
}

.square-container {
list-style-type: none;
display: flex;
position: relative;
}

.square {
margin: 4px;
width: 30px;
height: 30px;
border-radius: 7px;
animation: rotating 2.5s ease infinite;
}

.square1 {
background: $color-primary1;
animation-delay: 0.2s;
}
.square2 {
background: $color-primary2;
animation-delay: 0.4s;
}
.square3 {
background: $color-primary3;
animation-delay: 0.6s;
}
.square4 {
background: $color-primary4;
animation-delay: 0.8s;
}
.square5 {
background: $color-primary5;
animation-delay: 1s;
}

@keyframes rotating {
0% {
transform: rotate(0) scale(1);
}
50% {
transform: rotate(90deg) scale(0.6);
}
100% {
transform: rotate(90deg) scale(1);
}
}

footer {
margin: auto auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 10px;
color: $color-primary4;
}

footer a {
color: $color-primary1;
}
4 changes: 2 additions & 2 deletions en/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -1343,7 +1343,7 @@ <h4><sup>$</sup>5.99<span> / month</span></h4>
<li><i class="bi bi-check"></i> <span>Remote MySQL</span></li>
<li><i class="bi bi-check"></i> <span>Webmail</span></li>
</ul>
<a href="#" class="buy-btn">Order</a>
<a href="offers/super-premium" class="buy-btn">Order</a>
</div>
</div>
<!-- End Pricing Item -->
Expand All @@ -1362,7 +1362,7 @@ <h4><sup>$</sup>8.99<span> / month</span></h4>
<li><i class="bi bi-check"></i> <span>Remote MySQL</span></li>
<li><i class="bi bi-check"></i> <span>Webmail</span></li>
</ul>
<a href="#" class="buy-btn">Order</a>
<a href="offers/ultimate-premium" class="buy-btn">Order</a>
</div>
</div>
<!-- End Pricing Item -->
Expand Down
22 changes: 22 additions & 0 deletions en/offers/super-premium.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<head>
<title>Super Premium offer - Bees Tech</title>
<link href="../assets/css/redirecting.css" rel="stylesheet" />
<meta http-equiv="refresh" content="2; url='https://ifastnet.com/portal/aff.php?aff=28302&a=add&pid=86&billingcycle=monthly&language=English'" />
</head>

<body>
<div>
<div class="wave"></div>
<div class="wave"></div>
<div class="wave"></div>
</div>
<section class="container">
<div class="square-container">
<div class="square square1">&nbsp;</div>
<div class="square square2">&nbsp;</div>
<div class="square square3">&nbsp;</div>
<div class="square square4">&nbsp;</div>
<div class="square square5">&nbsp;</div>
</div>
</section>
</body>
22 changes: 22 additions & 0 deletions en/offers/ultimate-premium.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<head>
<title>Ultimate Premium offer - Bees Tech</title>
<link href="../assets/css/redirecting.css" rel="stylesheet" />
<meta http-equiv="refresh" content="2; url='https://ifastnet.com/portal/aff.php?aff=28302&a=add&pid=88&billingcycle=monthly&language=English'" />
</head>

<body>
<div>
<div class="wave"></div>
<div class="wave"></div>
<div class="wave"></div>
</div>
<section class="container">
<div class="square-container">
<div class="square square1">&nbsp;</div>
<div class="square square2">&nbsp;</div>
<div class="square square3">&nbsp;</div>
<div class="square square4">&nbsp;</div>
<div class="square square5">&nbsp;</div>
</div>
</section>
</body>
Loading

0 comments on commit 516482c

Please sign in to comment.