"Login vargo"
Bootstrap 4.1.1 Snippet by asdasasd

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="tr"> <head> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="pragma" content="no-cache"> <meta name="google-site-verification" content="MsCDBFHIhpc5TMdAW22YS3TkiRl9TwGbo7V_uD3nQus"/> <title> E-Posta Sistemine Hoş Geldiniz</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0"> <meta name="viewport" content="" id="viewport" /> <link rel="shortcut icon" href="skins/larry/images/favicon.ico"/> <link rel="stylesheet" type="text/css" href="skins/larry/styles.min.css?s=1509804310" /> <!--[if IE 9]><link rel="stylesheet" type="text/css" href="skins/larry/svggradients.min.css?s=1509804310" /><![endif]--> <link rel="stylesheet" type="text/css" href="plugins/xskin/../xframework/assets/styles/framework.css?s=1504613402"> <link rel="stylesheet" type="text/css" href="plugins/jqueryui/themes/larry/jquery-ui.css?s=1509804473"> <link rel="stylesheet" type="text/css" href="plugins/xskin/assets/styles/xdesktop.css?s=1504613402"> <link rel="stylesheet" type="text/css" href="plugins/xskin/../../skins/outlook/assets/desktop.css?s=1569497304"> <script type="text/javascript" src="skins/larry/ui.min.js?s=1509804310"></script> <!-- Customized section --> <link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,700" rel="stylesheet" /> <style type="text/css"> .vrg-mail{ font-family: sans-serif; height: 100%; margin: 0 !important; background-image: url('https://www.postamerkezi.com/webmailbg.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; } .vrg-mail__roundcube{ display: flex; align-items: center; justify-content: center; flex-flow: wrap; height: 100vh; } .vrg-mail #login-form{ background-color: white !important; border-radius: 5px !important; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); position: relative !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 750px !important; height: 420px; overflow: visible; color: #333; } .vrg-mail #login-form .box-inner { position: absolute; top: 90px; right: 0; background: #fff !important; border: none; margin: 0; min-height: auto !important; box-sizing: content-box; display: flex; flex-flow: wrap; align-items: center; padding-left: 0 !important; width: 50% !important; border-radius: 5px !important; padding: 0 !important; } .vrg-mail #login-form img{ height: 100%; width: auto; } .vrg-mail #login-form .box-media{ width: 50% !important; text-align: center; } .vrg-mail__title, .vrg-mail__sub-title{ color: white; text-align: center; color: #dfdfdf; max-width: 800px; } .vrg-mail__title{ font-size: 40px; } .vrg-mail__title b, .vrg-mail__sub-title b{ color: white; } .vrg-mail__sub-title{ font-size: 20px; line-height: 32px; } .vrg-mail__footer{ background-color: rgba(0,0,0,0.7); width: 100%; display: flex; align-items: center; justify-content: center; } .vrg-mail__footer a{ color: #dfdfdf !important; font-size: 15px; text-decoration: none; padding: 32px 0 16px 0; } .vrg-mail__footer a:hover{ color: white !important; } .vrg-mail__footer--container{ max-width: 750px; width: 750px; display: flex; align-items: center; justify-content: space-between; flex-flow: wrap; } .vrg-mail__footer--container p{ width: 100%; text-align: center; color: #dfdfdf; padding-bottom: 32px; } .vrg-mail #login-form td.title { white-space: nowrap; color: #333; display: block; text-align: left; padding: 0; width: 100%; padding-bottom: 5px; font-size: 12px; } .vrg-mail #login-form table td.title, #login-form table td.input { display: block; text-align: left; padding: 0; width: 100%; padding-bottom: 10px; } .vrg-mail #login-form table td.title, #login-form table td input { padding: 10px; } .vrg-mail #login-form table td input { border: 1px solid rgb(191, 191, 191) !important; } .vrg-mail #login-form input.button, #login-form .formbuttons input, #login-form .formbuttons input:active { background: #0075C8; padding: 8px 20px; color: #fff; margin: 0 0 10px 0; width: 100%; cursor: pointer; outline: none !important; font-size: 16px; } @media only screen and (max-width: 768px){ .vrg-mail{ background-repeat: repeat; } .vrg-mail #login-form{ width: 100% !important; height: 315px; } .vrg-mail__title{ font-size: 24px; padding: 0 16px; } .vrg-mail__sub-title{ display: none; } .vrg-mail #login-form .box-media{ display: none; } .vrg-mail #login-form .box-inner{ width: 100% !important; justify-content: center; top: 20px; } .vrg-mail #login-form .box-inner form{ width: 100% !important; margin: 0 16px; } .vrg-mail__footer { margin-top: 16px; } .vrg-mail__footer a{ padding: 8px; } .vrg-mail__footer--container p{ padding-bottom: 8px; font-size: 13px; } .vrg-mail__footer--container{ justify-content: center; } } </style> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <script src="program/js/jquery.min.js?s=1509803989" type="text/javascript"></script> <script src="program/js/common.min.js?s=1509803989" type="text/javascript"></script> <script src="program/js/app.min.js?s=1509803989" type="text/javascript"></script> <script src="program/js/jstz.min.js?s=1509803989" type="text/javascript"></script> <script type="text/javascript"> /* @licstart The following is the entire license notice for the JavaScript code in this page. Copyright (C) 2005-2014 The Roundcube Dev Team The JavaScript code in this page is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. The code is distributed WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU GPL for more details. @licend The above is the entire license notice for the JavaScript code in this page. */ var rcmail = new rcube_webmail(); rcmail.set_env({"task":"login","x_frame_options":"sameorigin","standard_windows":false,"locale":"tr_TR","devel_mode":null,"cookie_domain":".postamerkezi.com","cookie_path":"\/","cookie_secure":true,"skin":"outlook","refresh_interval":60,"session_lifetime":1200,"action":"","comm_path":".\/?_task=login","compose_extwin":false,"dateFormats":{"php":"d-m-Y","moment":"DD-MM-YYYY","datepicker":"dd-mm-yy"},"dmFormats":{"php":"d-m","moment":"DD-MM","datepicker":"dd-mm"},"timeFormats":{"php":"H:i","moment":"HH:mm"},"xphone":false,"xtablet":false,"xmobile":false,"xdesktop":true,"xdevice":"desktop","timezoneOffset":10800,"xassets":["..\/xframework\/assets\/scripts\/framework.min.js","..\/xframework\/assets\/styles\/framework.css","xskin:assets\/scripts\/xskin.min.js","xskin:assets\/scripts\/xdesktop.min.js","xskin:assets\/styles\/xdesktop.css","xskin:..\/..\/skins\/outlook\/assets\/desktop.css"],"xskin":"outlook","xphone_skin":"outlook","xtablet_skin":"outlook","xdesktop_skin":"outlook","xskin_type":"desktop","rcp_skin":true,"date_format":"dd-mm-yy","xcolor":"0075c8","xwatermark":"..\/..\/plugins\/xskin\/assets\/images\/watermark.png","appsMenu":"<a class=\"button-apps\" href=\"javascript:void(0)\" id=\"button-apps\" onclick=\"UI.toggle_popup("apps-menu", event)\"><span class=\"button-inner\">Apps<\/span><\/a><div id=\"apps-menu\" class=\"popupmenu count-1\"><a class=\"app-item app-item-xskin\" href=\"?_task=settings&_action=preferences&_section=general\"><div class='icon'><\/div><div class='title'>Skins<\/div><\/a><\/div>\n","request_token":"BgR7lMte4POv1iFWOQ9z5B0Dnel67IfZ"}); rcmail.add_label({"loading":"Y\u00fckleniyor...","servererror":"Sunucu Sorunu!","connerror":"Ba\u011flant\u0131 Sorunu (Sunucuya eri\u015filemedi)!","requesttimedout":"\u0130stek zaman a\u015f\u0131m\u0131na u\u011frad\u0131","refreshing":"Yenileniyor...","windowopenerror":"A\u00e7\u0131l\u0131r pencere engellendi!","uploadingmany":"Dosyalar y\u00fckleniyor...","close":"Kapat","login":"Oturum A\u00e7","folders":"Klas\u00f6rler","search":"Ara","attachment":"Dosya Eki","section":"B\u00f6l\u00fcm","options":"Ayarlar"}); rcmail.gui_object('loginform', 'form'); rcmail.gui_object('message', 'message'); </script> <script type="text/javascript" src="plugins/xskin/../xframework/assets/scripts/framework.min.js?s=1504613402"></script> <script type="text/javascript" src="plugins/jqueryui/js/jquery-ui.min.js?s=1509804465"></script> <script type="text/javascript" src="plugins/jqueryui/js/i18n/jquery.ui.datepicker-tr.js?s=1509804473"></script> <script type="text/javascript" src="plugins/xskin/assets/scripts/xskin.min.js?s=1504613402"></script> <script type="text/javascript" src="plugins/xskin/assets/scripts/xdesktop.min.js?s=1504613402"></script> </head> <body class="xskin skin-outlook color-0075c8 login-page xdesktop font-icons-toolbars vrg-mail vrg-mail__roundcube"> <div> <p class="vrg-mail__title"> Vargonen <b>Posta Merkezi</b> </p> <p class="vrg-mail__sub-title"> Tüm e-posta hesaplarınızı 3. parti programlara ihtiyaç duymadan kolayca yönetebilirsiniz. <br> <b>Gelen ve giden tüm mailleriniz için 360 derece koruma ve maksimum hız!</b> </p> <div id="login-form"><img src="https://www.postamerkezi.com/webmailmascot.png" alt="" /> <div class="box-inner"> <div id="company-name"></div><img id="login-branding" src="https://www.postamerkezi.com/logo.png" alt=""><form name="form" action="./" method="post"> <input type="hidden" name="_token" value="BgR7lMte4POv1iFWOQ9z5B0Dnel67IfZ"> <input type="hidden" name="_task" value="login"><input type="hidden" name="_action" value="login"><input type="hidden" name="_timezone" id="rcmlogintz" value="_default_"><input type="hidden" name="_url" id="rcmloginurl" value=""><table><tbody><tr><td class="title"><label for="rcmloginuser">Kullanıcı Adı</label> </td> <td class="input"><input name="_user" id="rcmloginuser" required="required" size="40" autocapitalize="off" type="text"></td> </tr> <tr><td class="title"><label for="rcmloginpwd">Parola</label> </td> <td class="input"><input name="_pass" id="rcmloginpwd" required="required" size="40" autocapitalize="off" autocomplete="off" type="password"></td> </tr> <tr><td class="title"><label for="rcmloginhost"> </label> </td> <td class="input"><input name="_host" id="rcmloginhost" size="40" autocapitalize="off" type="text"></td> </tr> </tbody> </table> <p class="formbuttons"><input type="submit" class="button mainaction" value="Oturum Aç"></p> </form> <div class="box-bottom"> <div id="message"></div> </div> </div> </div> </div> <div class="vrg-mail__footer"> <div class="vrg-mail__footer--container"> <a href="https://www.vargonen.com/hosting/sinirsiz-hosting" target="_blank">Sınırsız Hosting</a> <a href="https://www.vargonen.com/server/bulut-sunucu" target="_blank">Bulut Sunucu</a> <a href="https://www.vargonen.com/hosting/email-hosting" target="_blank">Mail Sunucu</a> <a href="https://www.vargonen.com/destek-kutuphanesi" target="_blank">Destek Kütüphanesi</a> <a href="https://my.vargonen.com" target="_blank">MyVargonen Kontrol Paneli</a> <p> Türkiye'nin lider cloud servis sağlayıcısı <b>Vargonen.com tarafından desteklenmektedir.</b> </p> </div> </div> <script type="text/javascript"> document.getElementById('rcmloginhost').style.visibility ='hidden'; </script> <script type="text/javascript"> // UI startup var UI = new rcube_mail_ui(); $(document).ready(function(){ UI.set('errortitle', 'Bir sorun çıktı!'); UI.set('toggleoptions', 'Gelişmiş ayarları görüntüle/gizle'); UI.init(); }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-15472429-2']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script type="text/javascript"> $(document).ready(function(){ rcmail.init(); var images = ["skins\/larry\/images\/ajaxloader.gif","skins\/larry\/images\/buttons.png","skins\/larry\/images\/addcontact.png","skins\/larry\/images\/filetypes.png","skins\/larry\/images\/listicons.png","skins\/larry\/images\/messages.png","skins\/larry\/images\/quota.png","skins\/larry\/images\/selector.png","skins\/larry\/images\/splitter.png","skins\/larry\/images\/watermark.jpg"]; for (var i=0; i<images.length; i++) { img = new Image(); img.src = images[i]; } }); </script> </body> </html>

Related: See More


Questions / Comments: