Skip to content

D
daohangye
Commit 8505d6cc by li
Options

daohangye

parents
Showing with 541 additions and 0 deletions
css/contet.css 0 → 100644
@import url("first.css");
@import url("secondOne.css");
@import url("secondTwo.css");
@import url("secondThree.css");
.content {
padding: 0 1.5rem;
}
.input{
display: flex;
}
.content .title{
font-family: Heavitas;
font-size: 1.0625rem;
font-weight: 800;
color: #11784D;
display: block;
text-align: center;
}
.content .label{
font-size: 0.5625rem;
}
\ No newline at end of file
css/element.css 0 → 100644
div .el-input__inner{
border-radius: 1.5625rem 0 0 1.5625rem;
height: auto;
border: none;
height: 1.875rem;
}
.appendParent{
border-radius: 0 1.5625rem 1.5625rem 0;
background-color: white;
display: flex;
align-items: center;
height: 1.875rem;
}
.append{
width: 4.3125rem !important;
font-family: Heavitas !important;
font-size: 0.75rem !important;
font-weight: 800 !important;
color: white !important;
border-radius: 1.5625rem !important;
border: 0.0625rem solid white !important;
background: #00BA29 !important;
height: 1.75rem;
padding: 0 !important;
/* border-color: #00BA29 !important; */
}
\ No newline at end of file
css/first.css 0 → 100644
.content .first {
text-align: center;
padding-top: 1.3125rem;
padding-left: 1.625rem;
padding-right: 1.625rem;
}
.content .first span {
font-family: Heavitas;
font-size: 0.75rem;
font-weight: 800;
color: white;
}
.content .first .input {
margin-top: 0.9375rem;
}
\ No newline at end of file
css/font1.css 0 → 100644
.font1{
padding: 1rem 1rem 2rem 1rem;
background: white;
margin-top: 1.375rem;
border-radius: 1.5625rem 1.5625rem 0 0;
}
.font1 .p{
margin-top: 0.3125rem;
font-family: Segoe UI;
font-size: 0.9rem;
font-weight: 400;
line-height: 1rem;
text-align: left;
}
.font1 .title{
font-family: Segoe UI;
font-size: 1.0625rem;
font-weight: 800;
color: #11784D;
}
.font1 .img1{
margin-bottom: 1.0625rem;
width: 2.75rem;
height: 2.75rem;
margin-top: 1.1875rem;
}
.font1 .img2{
width: 4.75rem;
height: 2.6875rem;
}
\ No newline at end of file
css/font2.css 0 → 100644
.font2{
padding: 1rem 1rem 2rem 1rem;
background: white;
}
.font2 .p{
margin-top: 0.3125rem;
font-family: Segoe UI;
font-size: 0.9rem;
font-weight: 400;
line-height: 1rem;
text-align: left;
}
.font2 .title{
font-family: Segoe UI;
font-size: 1.0625rem;
font-weight: 800;
color: #11784D;
}
.font2 .img1{
margin-bottom: 1.0625rem;
width: 2.75rem;
height: 2.75rem;
margin-top: 1.1875rem;
}
.font2 .img2{
width: 4.75rem;
height: 2.6875rem;
}
\ No newline at end of file
css/font3.css 0 → 100644
.font3{
padding: 1rem 1rem 2rem 1rem;
background: white;
border-radius: 0 0 1.5625rem 1.5625rem;
margin-bottom: 3.6875rem;
}
.font3 .p{
margin-top: 0.3125rem;
font-family: Segoe UI;
font-size: 0.9rem;
font-weight: 400;
line-height: 1rem;
text-align: left;
}
.font3 .title{
font-family: Segoe UI;
font-size: 1.0625rem;
font-weight: 800;
color: #11784D;
}
.font3 .img1{
margin-bottom: 1.0625rem;
width: 2.75rem;
height: 2.75rem;
margin-top: 1.1875rem;
}
.font3 .img2{
width: 4.75rem;
height: 2.6875rem;
}
\ No newline at end of file
css/header.css 0 → 100644
.header{
background: white;
text-align: center;
font-family: Heavitas;
font-size: 0.75rem;
font-weight: 800;
color: #06B46A;
}
.header img{
height: 1.9375rem;
width: 11.25rem;
margin: 0 auto;
padding-top: .3125rem;
display: block;
}
.header span{
padding-bottom: 0.3125rem;
display: block;
}
css/index.css 0 → 100644
@import url("header.css");
@import url("contet.css");
@import url("element.css");
@import url("joinUs.css");
@import url("font1.css");
@import url("font2.css");
@import url("font3.css");
:root{
font-size: 16px;
}
body{
/* background-color: #093139; */
padding: 0;
margin: 0;
}
#app{
background: linear-gradient(180deg, #187B47, #13A13F, #15A147, #093139);
overflow: auto;
}
::-webkit-scrollbar{
width: 0;
}
.bottom{
width: 100%;
margin-bottom: 3.375rem;
}
.devide{
height: 0.6875rem;
width: 0.3125rem;
background: white;
}
@media screen and (min-width:1000px) {
body{
padding: 0 25%;
}
}
\ No newline at end of file
css/joinUs.css 0 → 100644
.joinUs{
margin-top: 1.3125rem;
padding: 1.4375rem 0;
border-top: 0.5rem solid white;
border-bottom: 0.5rem solid white;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.joinUs::before{
/* content: '132465132165'; */
content: '';
position: absolute;
top: -0.5rem;
right: 1.0625rem;
background-color: #12794C;
height: 0.5rem;
width: 0.375rem;
}
.joinUs::after{
/* content: '132465132165'; */
content: '';
position: absolute;
bottom: -0.5rem;
left: 1.0625rem;
background-color: #12794C;
height: 0.5rem;
width: 0.375rem;
}
.joinUs .title{
font-family: Heavitas;
font-size: 1.0625rem;
font-weight: 800;
color: white;
width: 14.4375rem;
text-align: center;
}
.joinUs .imgList{
margin-top: 0.9375rem;
display: flex;
width: 14.4375rem;
justify-content: space-evenly;
}
.joinUs .imgList img{
width: 1.375rem;
height: 1.375rem;
}
\ No newline at end of file
css/secondOne.css 0 → 100644
.content .sencondOne .input {
margin-top: 0.9375rem;
}
.content .sencondOne .input .el-input__inner{
background: #11784D;
}
.content .sencondOne .input .appendParent{
background: #11784D;
}
.content .sencondOne{
margin-top: 1.25rem;
background: white;
padding: 0.3125rem 1.5625rem 0.625rem 1.5625rem;
border-radius: 1.5625rem 1.5625rem 0 0;
}
.content .sencondOne input::placeholder{
color: white !important;
font-family: Heavitas;
font-size: 0.75rem;
font-weight: 800;
}
\ No newline at end of file
css/secondThree.css 0 → 100644
.content .sencondThree .input {
margin-top: 0.9375rem;
}
.content .sencondThree .input .el-input__inner{
background: #11784D;
}
.content .sencondThree .input .appendParent{
background: #11784D;
}
.content .sencondThree{
margin-top: 1.25rem;
background: white;
padding: 0.3125rem 1.5625rem 0.625rem 1.5625rem;
border-radius: 1.5625rem;
}
.content .sencondThree input::placeholder{
color: white !important;
font-family: Heavitas;
font-size: 0.75rem;
font-weight: 800;
}
\ No newline at end of file
css/secondTwo.css 0 → 100644
.content .sencondTwo .input {
margin-top: 0.9375rem;
}
.content .sencondTwo .input .el-input__inner{
background: #11784D;
}
.content .sencondTwo{
margin-top: 0.625rem;
background: white;
padding: 0.3125rem 1.25rem 0.625rem 1.25rem;
border-radius: 0 0 1.5625rem 1.5625rem;
}
.content .sencondTwo .input .appendParent{
background: #11784D;
}
.content .sencondTwo input::placeholder{
color: white !important;
font-family: Heavitas;
font-size: 0.75rem;
font-weight: 800;
}
\ No newline at end of file
data.json 0 → 100644
var data = {
"secondOne": [{
"p": "http://Achagames.com",
"l": "Visit"
}, {
"p": "http://Achagames.NET",
"l": "Visit"
}, {
"p": "http://Achagames.co",
"l": "Visit"
}],
"secondTwo": [{
"p": "register at http://Achagames.com",
"l": "join"
}, {
"p": "register at http://Achagames.NET",
"l": "join"
}, {
"p": "register at HTTP://Achagames.co",
"l": "join"
}],
"secondThree": [{
"p": "http://achagames.org",
"l": "Visit"
}],
"imgLst": [{
src: "./static/facebook.png",
url: ""
}, {
src: "./static/camera.png",
url: ""
}, {
src: "./static/tweit.png",
url: ""
}, {
src: "./static/youtub.png",
url: "",
width: "1.875rem"
}]
}
\ No newline at end of file
index.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ACHA GAMES</title>
</head>
<link rel="icon" href="./static/logo1.png"/>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<body style="display: none;">
<div id="app" :style="'height:'+height">
<div class="header">
<img src="./static/logo.png" alt="" />
<span>OFFICIAL LINK</span>
</div>
<div class="content">
<!-- <div class="first">
<span>Enter url to verify</span>
<div class="input">
<el-input placeholder="TYPE THE LINK HERE" v-model="search">
</el-input>
<div class="appendParent">
<el-button type="primary" class="append">verify</el-button>
</div>
</div>
</div> -->
<div class="sencondOne">
<span class="title">{{transLetter('official login link')}}</span>
<span class="title label">{{transLetter('play achagames now')}}</span>
<div class="input" v-for="(item,index) in secondOne" :key="index">
<el-input :placeholder="transLetter(item.p).replace(/http[s]?[:]?\/\//i,'')" readonly>
</el-input>
<div class="appendParent">
<el-button @click="go(item.p)" type="primary" class="append">{{transLetter(item.l)}}</el-button>
</div>
</div>
</div>
<div class="sencondTwo">
<span class="title">{{transLetter('official register link')}}</span>
<span class="title label">{{transLetter('join achagames now')}}</span>
<div class="input" v-for="(item,index) in secondTwo" :key="index">
<el-input :placeholder="transLetter(item.p).replace(/http[s]?[:]?\/\//i,'')" readonly>
</el-input>
<div class="appendParent">
<el-button type="primary" @click="go(item.p)" class="append">{{transLetter(item.l)}}</el-button>
</div>
</div>
</div>
<div class="sencondThree">
<span class="title">{{transLetter('official website')}}</span>
<span class="title label">{{transLetter('learn more about achagames')}}</span>
<div class="input" v-for="(item,index) in secondThree" :key="index">
<el-input :placeholder="transLetter(item.p).replace(/http[s]?[:]?\/\//i,'')" readonly>
</el-input>
<div class="appendParent">
<el-button type="primary" @click="go(item.p)" class="append">{{transLetter(item.l)}}</el-button>
</div>
</div>
</div>
</div>
<div class="joinUs">
<div class="title">{{transLetter('Join our social media for more updates')}}</div>
<div class="imgList">
<img @click="go(item.url)" v-for="(item,index) in imgLst" :style="item.width?'width:'+item.width:''" :key="index" :src="item.src" alt="" />
</div>
</div>
<div class="font1">
<div style="text-align: center;">
<img src="./static/fon1_img2.png" class="img2"/>
</div>
<img src="./static/font1_img1.png" alt="" class="img1"/>
<div class="title">{{transLetter('Acha games for pakistan')}}</div>
<div class="p">
For Acha Games, based in the heart of Pakistan, we've crafted a platform that stands as a beacon of reliability, security, and stability. Acha Games distinguishes itself with an unparalleled level of professionalism and a contemporary digital experience. Our dedication to upholding the highest standards of trustworthiness and quality service is unwavering, making Acha Games the preferred choice for millions across the nation.
At Acha Games, users are not just players; they are part of a vibrant community engaging in a wide array of captivating agency programs, bolstered by generous commission structures. Our platform is renowned for its attractive rewards, offering an array of popular weekly and monthly bonuses that truly set us apart. Dive into the world of Acha Games, where tradition meets innovation, and every game is a journey of excitement and opportunities.
</div>
</div>
<div style="margin-right: 1.0625rem;display: flex;justify-content: flex-end;">
<div class="devide"></div>
</div>
<div class="font2">
<div style="text-align: right;">
<img src="./static/font1_img1.png" alt="" class="img1"/>
<div class="title">{{transLetter('safe & secure')}}</div>
</div>
<div class="p">
At Acha Games, the sanctity of our players' personal information is our top priority. We pledge an unwavering commitment to safeguarding your privacy with an ironclad assurance. Our platform is fortified by cutting-edge security encryption technologies, meticulously engineered to protect every piece of data you entrust to us. In Pakistan and beyond, Acha Games is recognized not just for our advanced security measures but also for our dedicated team of professionals. This team is the backbone of our data protection efforts, offering robust support to ensure the safety and security of our agents' and players' information. With Acha Games, your peace of mind is guaranteed, allowing you to immerse yourself in our gaming world with complete confidence.
</div>
</div>
<div style="margin-left: 1.0625rem;" class="devide"></div>
<div class="font3">
<div style="text-align: center;">
<img src="./static/font3_img1.png" alt="" class="img1"/>
<div class="title">{{transLetter('friendly User interface')}}</div>
</div>
<div class="p">
At Acha Games, we've meticulously crafted an agent interface that epitomizes modernity, clarity, and effortless navigation. Our platform is a masterpiece of design intelligence, featuring an intuitively arranged, visually appealing, and user-friendly interface. Agents at Acha Games enjoy a seamless experience, with every element thoughtfully placed to enhance usability and efficiency. Our cutting-edge interface system is not just about aesthetics; it's about providing a streamlined, hassle-free platform that empowers our agents in Pakistan and beyond to easily locate and interact with the tools and information they need. Dive into the Acha Games experience, where sophistication meets simplicity, and discover a smoother, more detailed approach to gaming.
</div>
</div>
<img src="./static/bottom.png" class="bottom" alt="" />
</div>
</body>
<link href="css/index.css" rel="stylesheet"/>
<script src="js/jquery-3.7.1.min.js"></script>
<script src="js/jq.js"></script>
<script src="js/vue.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="./data.json"></script>
<script type="text/javascript">
var vm = new Vue({
el: '#app',
data: {
height:0,
search:"",
secondOne:data.secondOne,
secondTwo:data.secondTwo,
secondThree:data.secondThree,
imgLst:data.imgLst
},
methods: {
go(e){
let index = e.match(/http[s]?[:]?\/\//i)?.index
let p = e.substring(index)
window.open(p,'_blank')
}
},
created() {
this.height = window.innerHeight + 'px'
}
})
</script>
</html>
\ No newline at end of file
js/jq.js 0 → 100644
$('document').ready(() => {
document.body.style.display = 'block'
})
function transLetter(t){
return t.toUpperCase()
}
// 禁止 ios 缩放屏幕
document.addEventListener('gesturestart', function (event) {
event.preventDefault();
});
// 禁止移动端（IOS）双击页面变大
let touchTime = 0;
document.addEventListener('touchstart', function (event) {
if (event.touches.length > 1) {
event.preventDefault();
}
});
document.addEventListener(
'touchend',
function (event) {
//记录当前点击的时间与下一次时间的间隔
const nowTime = new Date();
if (nowTime.getTime() - touchTime <= 300) {
// event.preventDefault();
}
touchTime = nowTime.getTime();
},
false
);
\ No newline at end of file
js/vue.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment