<!DOCTYPE html>
<html lang="ru" prefix="og: https://ogp.me/ns#" xmlns:fb="https://ogp.me/ns/fb#">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Неофициальный веб сайт и блог про Телеграм онлайн на русском языке.</title>
    <meta name="description" content="Неофициальный информационный сайт про мессенджер Telegram, новости, блог, каталог каналов, стикеров, чат ботов.">
    <meta property="og:title" content="Неофициальный блог и новости про мессенджер Telegram. Каталог каналов, стикер паков и чат ботов.">
	<meta property="og:type" content="website">
	<meta property="og:image" content="//tgram.ru/logo.png">
	<meta property="og:site_name" content="Tgram.ru">
	<meta property="og:description" content="Перейдём на Телеграм?* Неофициальный веб сайт и блог про мессенджер Телеграм" />

	<link rel="alternate icon" href="favicon.ico" type="image/x-icon" />
	<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="120x120" href="/img/favicon-120x120.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">

		<link rel="stylesheet" type="text/css" href="//tgram.ru/bootstrap/css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="//tgram.ru/font-awesome/css/font-awesome.min.css" />
	<link href="//tgram.ru/css/style.min.css" rel="stylesheet">		</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-custom" itemscope itemtype="https://schema.org/WebPage">
	<!-- Preloader -->
	<div id="preloader">
		<div id="loaderInner"></div>
	</div>


	<nav class="navbar navbar-custom navbar-fixed-top" role="navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
		<div class="container">
			<div class="navbar-header page-scroll">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
					<i class="fa fa-bars"></i>
				</button>
				<a class="navbar-brand" href="//tgram.ru/">
					<h1><span class="tgramlogo"></span> Tgram.ru</h1>
				</a>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
				<ul class="nav navbar-nav">
					<li><a itemprop="url" href="#intro">Главная</a></li>
										<li><a itemprop="url" href="//tgram.ru/stickers/">Стикеры</a></li>
					<li><a itemprop="url" href="//tgram.ru/bots/">Боты</a></li>
					<li><a itemprop="url" href="//tgram.ru/channels/">Каналы</a></li>
					<li><a itemprop="url" target="_blank" href="//tgram.ru/blog/category/games/">Игры</a></li>
					<li><a itemprop="url" target="_blank" href="//tgram.ru/blog/category/news/">Новости</a></li>
					<li><a itemprop="url" target="_blank" href="//tgram.ru/blog">Блог</a></li>
					<li><a itemprop="url" target="_blank" href="https://tttttt.me/tbazabot">Контакты</a></li>
									</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container -->
	</nav>

	<!-- Section: intro -->
				<section id="intro" class="intro" style="background:url('//tgram.ru/bg.jpg') no-repeat top center;">
			
			<i class="sprite"></i>

			<div class="slogan">

				<div class="container">
					<div class="row">
						<div class="col-lg-12 text-center hidden-lg hidden-md">
							<script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script>
							<script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
							<div style="margin:5px">
								<div class="ya-share2" data-services="telegram,vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,viber,whatsapp"></div>
							</div>
						</div>
					</div>
				</div>
				<div itemscope itemtype="https://schema.org/WPHeader">
					<h2 class="hidden-xs" itemprop="name">Перейдем на Т* ?</h2>
					<p style="color: aliceblue" itemprop="description">* Неофициальный веб сайт и блог про мессенджер Телеграм.</p>
				</div>
			</div>

			<div class="page-scroll hidden-xs">
				<a href="#about" class="btn btn-circle">
					<i class="fa fa-angle-double-down animated"></i>
				</a>
			</div>
            <br>
						    <div style="margin:10px">
				<div class="panel panel-default" style="max-width:500px;text-align:left;margin:auto">
					<div style="text-align:right;padding:0px 5px;position: relative;right: 5px;bottom: 9px;background:#f7f7f7;border:1px solid #ddd;font-size:80%;max-width:57px;float:right;"><a target="_blank" href="//tgram.ru/wiki/ads.php">Реклама</a></div>
					﻿ 



<div class="panel-body bannerrotate bannerindex1">
<a target="_blank" href="https://tgram.ru/channels/TipsRuTelegram"><img class="img-circle" src="https://tgram.ru/wiki/channels/image/TipsRuTelegram.jpg" style="width:100px;float:left;margin-right:10px">
       <b style="font-size:150%;">Знаете ли Вы, что в Telegram❓</b><br>
       @TipsRuTelegram</a> - все крутые фичи мессенджера и как ими пользоваться.
     <a target="_blank" href="https://t.me/TipsRuTelegram" class="btn btn-sm btn-success text-right" style="float:right;margin-top: 15px;">Смотреть <i class="fa fa-paper-plane faa-pulse animated"></i></a>
  </div>



				</div>
				</div>
				<br>
						</section>
			<!-- /Section: intro -->



			<!-- Section: about -->
			<section id="about" class="home-section text-center">
				<div class="heading-about">
					<div class="container">
						<div class="row">
							<div class="col-lg-8 col-lg-offset-2">
								<div class="wow bounceInDown" data-wow-delay="0.4s">
									<div class="section-heading">
										<h2>Неофициальный сайт о мессенджере Telegram</h2>
										<i class="fa fa-2x fa-angle-down"></i>
																			</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="container">

					<div class="row">
						<div class="col-lg-2 col-lg-offset-5">
							<hr class="marginbot-50">
						</div>
					</div>
					<div class="row">
						<div class="col-lg-12">
							<div class="wow bounceInUp" data-wow-delay="0.2s">
								<div class="team">
									<div class="inner">
										<h3>У нас вы найдете</h3>
										<div class="avatar"><img src="//tgram.ru/img/web.jpg" alt="" class="img-responsive" /></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-lg-2"></div>
						<div class="col-lg-3">
							<div class="wow bounceInUp" data-wow-delay="0.2s">
								<div class="team">
									<div class="inner">
										<p>
											<a target="_blank" href="//tgram.ru/bots/" class="btn btn-primary">Каталог ботов</a>
										</p>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-2">
							<div class="wow bounceInUp" data-wow-delay="0.2s">
								<div class="team">
									<div class="inner">
										<p>
											<a target="_blank" href="//tgram.ru/stickers/" class="btn btn-primary">Стикеры и анимации</a>
										</p>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-3">
							<div class="wow bounceInUp" data-wow-delay="0.2s">
								<div class="team">
									<div class="inner">
										<p>
											<a target="_blank" href="//tgram.ru/channels/" class="btn btn-primary">Каталог каналов</a>
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</section>
			<!-- /Section: about -->




<footer itemscope itemtype="https://schema.org/WPFooter">
				<div class="container">
					<div class="row">
						<div class="col-md-12 col-lg-12">
							<div class="wow shake" data-wow-delay="0.4s">
								<div class="page-scroll marginbot-30">
									<a href="#intro" id="totop" class="btn btn-circle">
										<i class="fa fa-angle-double-up animated"></i>
									</a>
								</div>
							</div>
														<p><a target="_blank" href="//tgram.ru/sitemap.php">карта сайта</a>, <a target="_blank" href="//tgram.ru/wiki/policy.php">политика конфиденциальности</a>  <br><span itemprop="copyrightHolder" itemscope itemtype="https://schema.org/Person"><span itemprop="name">Tgram.ru</span></span> &copy; <span itemprop="copyrightYear">2026</span></p>
						</div>
					</div>
				</div>
</footer>


			<!-- jQuery-->
			<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
			<script>
				window.jQuery || document.write('<script src="//tgram.ru/bootstrap/js/jquery.min.js"><\/script>')
			</script>
			<!-- bootstrap-->
			<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
			<script>
				typeof $.fn.popover == 'function' || document.write('<script src="//tgram.ru/bootstrap/js/bootstrap.min.js"><\/script><link rel="stylesheet" href="//tgram.ru/font-awesome/css/font-awesome.min.css">')
			</script>

			<!-- Core JavaScript Files -->
			<script src="//tgram.ru/bootstrap/js/jquery.easing.min.js"></script>
			<script src="//tgram.ru/bootstrap/js/jquery.scrollTo.js"></script>
			<script src="//tgram.ru/bootstrap/js/wow.min.js"></script>
			<!-- Custom Theme JavaScript -->
			<script src="//tgram.ru/bootstrap/js/custom.js"></script>

			<!-- Yandex.Metrika counter --> <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter30608427 = new Ya.Metrika({ id:30608427, 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/30608427" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-86032888-1', 'auto');
  ga('send', 'pageview');
</script>

						<script type="text/javascript">
				var arrgetbtn = [];
				arrgetbtn.push({
					"title": "Наша группа VKontakte",
					"icon": "fwidgethelp-vk",
					"link": "https://vk.com/vtelegram",
					"target": "_blank",
					"color": "#FFFFFF",
					"background": "#507299"
				});
				arrgetbtn.push({
					"title": "Наш канал Telegram",
					"icon": "fwidgethelp-telegram",
					"link": "https://tttttt.me/tblog",
					"target": "_blank",
					"color": "#FFFFFF",
					"background": "hsv(201, 83%, 91%)"
				});
				var WidGetButtonOptions = {
					id: "a7114a7658c7dba4cac0782927f1e2dc",
					iconopen: "fwidgethelp-paper-plane",
					maintitle: "Telegram новости",
					mainbackground: "#0082d8",
					maincolor: "#FFFFFF",
					pulse: "widgethelp_pulse",
					fasize: "2",
					direction: "top",
					position: "rightbottom",
					arrbtn: arrgetbtn
				};
				(function() {
					var script = document.createElement("script");
					script.type = "text/javascript";
					script.async = true;
					script.src = "https://getbtn.com/widget/index.php?id=" + WidGetButtonOptions.id;
					document.getElementsByTagName("head")[0].appendChild(script);
				})();
			</script>

			<script>
				// random rotate
				var countbanners = document.getElementsByClassName('bannerrotate').length;
				var index = getRandomInt(countbanners);

				function getRandomInt(max) {
					return Math.floor(Math.random() * Math.floor(max)) + 1;
				}

				function Rotator() {
					//console.log('countbanners='+countbanners);
					//console.log('index='+index);

					$('.bannerrotate').slideUp();
					$('.bannerindex' + index).slideDown();

					index++;
					if (index > countbanners) {
						index = 1;
					}
				}

				$(document).ready(function() {
					if (countbanners > 1) {
						Rotator();
						var timer = setInterval(Rotator, 4000);
						$('.bannerrotate').hover(function(e) {
							clearInterval(timer);
						}, function(e) {
							timer = setInterval(Rotator, 4000);
						});
					}
				});
			</script>
</body>

</html>