ChalakSoft Files/title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet"> <link rel="shortcut icon" href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4OCAxMDIuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODggMTAyLjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDY4MkI0O30KCS5zdDF7ZmlsbDojMzFCN0U5O30KCS5zdDJ7ZmlsbDpub25lO30KPC9zdHlsZT4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI4OCw1Mi42IDg4LDUyLjYgMzguNCwzIDI0LjIsMTcuMiA1OS43LDUyLjYgMjQuMyw4OCAzOC40LDEwMi4yIAkJCSIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSI4NSw0OS42IDg1LDQ5LjYgMzUuNCwwIDIxLjIsMTQuMiA1Ni43LDQ5LjYgMjEuMyw4NSAzNS40LDk5LjIgCQkJIi8+CgkJPC9nPgoJPC9nPgoJPGxpbmUgY2xhc3M9InN0MiIgeDE9IjQwLjMiIHkxPSIxMDMuOCIgeDI9IjkwLjEiIHkyPSI1NC4yIi8+Cgk8Zz4KCQk8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSIxMC41LDc0LjQgMTQuMSw3OCA0Mi40LDQ5LjYgMzguNyw0NS44IAkJIi8+CgkJPHBvbHlsaW5lIGNsYXNzPSJzdDEiIHBvaW50cz0iMzguNyw0NS45IDE0LjIsMjEuMyAwLDM1LjQgMTQuMiw0OS42IDAsNjMuOCAxMC42LDc0LjQgCQkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K" /> <style> * { box-sizing: border-box; margin: 0; } html { font-size: 10px; font-family: 'Open Sans', sans-serif; color: #1d2a3b; } .container { max-width: 960px; margin: 0 auto; } .container.card { margin-top: 12.3rem; background-color: #ffffff; border-radius: 10px; box-shadow: -5px -4px 47px 3px rgba(198, 198, 198, 0.3); text-align: center; padding: 3.6rem; /* padding-bottom: 3.6rem; */ } .title-main { font-size: 3.6rem; font-weight: 700; margin-top: 0; margin-bottom: 2.1rem; } .main-image svg { max-width: 61rem; margin-bottom: 2rem; } .subheading{ font-size: 1.6rem; font-weight: 600; margin-bottom: 3rem; } .card .text { font-size: 13px; letter-spacing: 0.26px; } footer { color: #b1b1b1; font-size: 12px; display: flex; justify-content: space-between; align-items: center; padding-top: 1.7rem; } footer .logo svg { width: 145px; padding-left: 11px; } footer .left-side { display: flex; align-items: center; } /* Medias */ @media screen and (max-width: 1024px){ .container {max-width: 90%;} @media screen and (max-width: 768px){ html {font-size: 7px;} .container { max-width: 90%;} .container.card {margin-top: 6rem;} .card .text { font-size: 1.6rem;} } @media screen and (max-width: 480px){ html {font-size: 5.7px;} .container {max-width: 95%;} .title-main {font-size: 6.6vw;} /* .container.card {margin-top: 2rem;} */ .subheading{font-size: 13px;} .card .text { font-size: 12px;} footer {flex-direction: column;} } } </style> </head> <body> <section id="default-card" class="default-card"> <div class="container card"> <h1 class="title-main">Chalaksoft.ir</h1> <p class="subheading">ChalakCo file manager</p> <div class="main-image"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox=" 0 90 500 260" xml:space="preserve"> <style type="text/css"> .st0 { fill: #FFFFFF; } .st1 { fill: #6CDD6C; } .st2 { fill: #50AA50; } .st3 { fill: #106797; } .st4 { fill-rule: evenodd; clip-rule: evenodd; fill: #A3D5E9; } .st5 { fill-rule: evenodd; clip-rule: evenodd; fill: #106797; } .st6 { fill: #A3D5E9; } .st7 { fill: #405B91; } .st8 { fill: #B6D0FB; } .st9 { fill: #8AB436; } .st10 { fill: #C1E9F4; } .st11 { fill: #415B91; } </style> </div> <p class="text">To change this page, upload your website into the public_html directory.</p> </div> </section> <footer class="container"> <div class="left-side"> <p>Powered by</p> <span class="logo"><a href="https://chalaksoft.ir" target="_blank"> ChalakCo </a></span> </div> </footer> </body> </html>