<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Red-Mex</title>
<link rel="stylesheet" href="../index_files/animate.min.css">
<link href="../index_files/css" rel="stylesheet">
<style>
        html, body {
            
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            text-align: center;
        }


        #test {
            display: flex;
            width: 90%;
            height: 33%;
            align-items: center;
            align-content: center;
            text-align: center;
            background-color: #1ebea5;
            color: white;
            text-decoration: none;
            font-size: 40px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 300;
            padding: 0 5%;
        }
        #test div {
            margin: 0 auto;
        }
		#site {
            display: flex;
            width: 90%;
            height: 0%;
            align-items: center;
            align-content: center;
            text-align: center;
            background-color: #1ebea5;
            color: white;
            text-decoration: none;
            font-size: 40px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 300;
            padding: 0 5%;
        }
        #site div {
            margin: 0 auto;
        }
	
	
	 #dev {
            display: flex;
            width: 90%;
            height: 34%;
            align-items: center;
            align-content: center;
            text-align: center;
            background-color: #0066cc;
            color: white;
            text-decoration: none;
            font-size: 40px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 300;
            padding: 0 5%;
        }
        #dev div {
            margin: 0 auto;
        }
    </style>

</head>
<body>
<a id="test" href="https://api.whatsapp.com/send?phone=79036835152&text=">
    <div>
        <div>
<img class="animated infinite bounce" src="../index_files/whatsapp-logo.svg" alt="">
        </div>
        <div>
Написать в What’s App
        </div>
    </div>
</a>

<a id="dev" href="http://red-mex.ru">
    <div>
        
        <div>
Перейти на сайт
        </div>
    </div>
</a>
<a id="test" href="https://api.whatsapp.com/send?phone=79262389006&text=">
    <div>
        <div>
<img class="animated infinite bounce" src="../index_files/whatsapp-logo.svg" alt="">
        </div>
        <div>
Вопросы по сотрудничеству
        </div>
    </div>
</a>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounter48695711 = new Ya.Metrika({
                    id:48695711,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true
                });
            } catch(e) { }
        });

        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://mc.yandex.ru/metrika/watch.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/48695711" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter --></body>
</html>