CINXE.COM
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style>@import url('https://fonts.googleapis.com/css?family=Lobster|Play|Roboto+Condensed|Spectral+SC'); </style> <!--Meta--> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="abstract" content="" /> <meta name="keywords" content="4,sadf,dsg" /> <link href="https://strategy.uz/engine/capcha/comic.ttf" type="text/css" rel="stylesheet" media="all"> <link rel="shortcut icon" href="/favicon.ico"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- использовать сайт в моб версии как приложение --> <!--//Meta--> <!--style--> <link href="https://strategy.uz/engine/templates/strategy/css/bootstrap-grid.min.css" rel="stylesheet" type="text/css" media="all"/> <link href="https://strategy.uz/engine/templates/strategy/css/style.css" rel="stylesheet" type="text/css" media="all"/> <link href="https://strategy.uz/engine/templates/strategy/fonts/font_icon.css" type="text/css" rel="stylesheet" media="all"> <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans&display=swap" rel="stylesheet"> <!--//style--> <!----js-----> <script src="https://strategy.uz/engine/templates/strategy/js/jquery.min.js"></script> <!----//js-----> <!--Plygins--> <!--slider--> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/slider/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/slider/owl.carousel.min.js"></script> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/slider/script_1.js"></script> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/slider/script_2.js"></script> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/slider/script_3.js"></script> <link href="https://strategy.uz/engine/templates/strategy/js/plugins/slider/owl.carousel.min.css" type="text/css" rel="stylesheet"> <link href="https://strategy.uz/engine/templates/strategy/js/plugins/slider/owl.theme.default.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/jquery.cookie.js"></script> <script type="text/javascript">if (!window.BX) window.BX ={}; if (!window.BX.message) window.BX.message = function (mess){if(typeof mess==='object'){for(let i in mess) {BX.message[i]=mess[i];} return true;}};</script> <script type="text/javascript">(window.BX || top.BX).message({'JS_CORE_LOADING':'Загрузка...','JS_CORE_WINDOW_CLOSE':'Закрыть','JS_CORE_WINDOW_EXPAND':'Развернуть','JS_CORE_WINDOW_NARROW':'Свернуть в окно','JS_CORE_WINDOW_SAVE':'Сохранить','JS_CORE_WINDOW_CANCEL':'Отменить','JS_CORE_H':'ч','JS_CORE_M':'м','JS_CORE_S':'с','JS_CORE_NO_DATA':'- Нет данных -','JSADM_AI_HIDE_EXTRA':'Скрыть лишние','JSADM_AI_ALL_NOTIF':'Показать все','JSADM_AUTH_REQ':'Требуется авторизация!','JS_CORE_WINDOW_AUTH':'Войти','JS_CORE_IMAGE_FULL':'Полный размер','JS_CORE_WINDOW_CONTINUE':'Продолжить'});</script> <!-- <script src="https://strategy.uz/engine/templates/strategy/js/jquery.snow.js"></script>--> <!--slider--> <!--scroll--> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/scroll/scroll.js"></script> <!--scroll--> <!--animate--> <link href="https://strategy.uz/engine/templates/strategy/js/plugins/animate/animate.min.css" type="text/css" rel="stylesheet"> <script> if (window.screen.width > 800) { document.write('<script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/animate/wow.min.js"><\/script>'); } </script> <script> new WOW().init();</script> <!--//animate--> <!--SNOW---> <!--<script> $(document).ready( function(){ $.fn.snow(); }); </script>--> <style> .flake { z-index: 100; } </style> <!-- <script src="https://strategy.uz/engine/templates/strategy/js/main.js"></script>--> <!---hide---> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/hide/hide.js"></script> <!---hide---> <!--toggler--> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/toggler/toggler.js"></script> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/plugins/toggler/demo.js"></script> <link href="https://strategy.uz/engine/templates/strategy/js/plugins/toggler/toggler.css" type="text/css" rel="stylesheet"> <link href="https://strategy.uz/engine/templates/strategy/js/slider-pro.min.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="https://strategy.uz/engine/templates/strategy/js/jquery.sliderPro.min.js"></script> <script type="text/javascript"> $(document).ready(function ($) { $('#example1').sliderPro({ width: 1370, height: 700, arrows: true, buttons: false, waitForLayers: true, thumbnailWidth: 200, thumbnailHeight: 100, thumbnailPointer: true, //autoplay: true, autoScaleLayers: false, breakpoints: { 500: { thumbnailWidth: 120, thumbnailHeight: 50 } } }); }); </script> <!--toggler--> <script> jQuery(function ($) { $(window).scroll(function () { if ($(this).scrollTop() > 210) { $('#topmenu').addClass('fixed'); } else if ($(this).scrollTop() < 210) { $('#topmenu').removeClass('fixed'); } }); }); function images_preliz(count, id) { var count = count; var id = id; $('#perloa').css('background', "url('" + count + "')"); img = document.getElementById("myimg" + id); img.src = count; } function closeprel() { setTimeout(function () { $('#preloader').css('display', "none") }, 1000); $(window).load(function () { $('#preloader').css('display', "none"); }); } closeprel(); function closeprel2() { $('#preloader').css('display', "none"); } </script> <!--//Plygins--> </head> <body id="body"> <script type="text/javascript"> var delay_popup = 1000; setTimeout("document.getElementById('overlay').style.display='block'", delay_popup); </script> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script> // JavaScript to hide the element on scroll window.addEventListener('scroll', function () { var highlighted = document.getElementById('he2'); if (window.scrollY > 50) { // Adjust the value to your preference highlighted.style.display = 'none'; } else { highlighted.style.display = 'block'; } }); </script> <div class="element1"></div> <!-----------------------video1--------------------------> <div class="dm-overlay" id="login" > <div class="dm-table"> <div class="dm-cell"> <div class="dm-modal"> <div class="login_panel"> <a href="#close" class="closers">X</a> <div class="clear"></div> <div class="logetb"> <div class="soclinks"> <a class="google" title="Гоогле орқали аутентификация" href="https://accounts.google.com/o/oauth2/auth?redirect_uri=https://strategy.uz/index.php?auth=google&response_type=code&client_id=749407878593-eldj1edfunapqpbvu4h18d2qmlo5ld0f.apps.googleusercontent.com&scope=https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile" ><span class="icon-google"></span></a> <a class="yandex" title="Яндех орқали аутентификация" href="https://oauth.yandex.ru/authorize?response_type=code&client_id=9cd3a38102d64ffe9239a3e93bd267ea&display=popup" ><span class="icon-yandex"></span></a> <a class="facebook" title="Фаcебоок орқали аутентификация" href="https://www.facebook.com/dialog/oauth?client_id=1165706583581659&redirect_uri=https://strategy.uz/index.php?auth=facebook&response_type=code" ><span class="icon-facebook-1"></span></a> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> </div> </div> <!-----------------------video1--------------------------> <!-------------------------------------------------------------------TOP PANEL------------------------------------------------------------> <div id="top"> <div class="toped1"> <div id="particles-js"></div> <!--<script> var pJS = function(tag_id, params){ var canvas_el = document.querySelector('#'+tag_id+' > .particles-js-canvas-el'); this.pJS = { canvas: { el: canvas_el, w: canvas_el.offsetWidth, h: canvas_el.offsetHeight }, particles: { number: { value: 400, density: { enable: true, value_area: 800 } }, color: { value: '#fafafa' }, shape: { type: 'circle', stroke: { width: 0, color: '#ff0000' }, polygon: { nb_sides: 100 }, image: { src: '', width: 100, height: 100 } }, opacity: { value: 1, random: false, anim: { enable: false, speed: 4, opacity_min: 0, sync: false } }, size: { value: 20, random: false, anim: { enable: false, speed: 20, size_min: 0, sync: false } }, line_linked: { enable: true, distance: 200, color: '#00338a', opacity: 1, width: 1 }, move: { enable: true, speed: 2, direction: 'none', random: false, straight: false, out_mode: 'out', bounce: false, attract: { enable: false, rotateX: 3000, rotateY: 3000 } }, array: [] }, interactivity: { detect_on: 'canvas', events: { onhover: { enable: true, mode: 'grab' }, onclick: { enable: true, mode: 'push' }, resize: true }, modes: { grab:{ distance: 200, line_linked:{ opacity: 1 } }, bubble:{ distance: 200, size: 200, duration: 0.1 }, repulse:{ distance: 200, duration: 0.1 }, push:{ particles_nb: 4 }, remove:{ particles_nb: 2 } }, mouse:{} }, retina_detect: false, fn: { interact: {}, modes: {}, vendors:{} }, tmp: {} }; var pJS = this.pJS; /* params settings */ if(params){ Object.deepExtend(pJS, params); } pJS.tmp.obj = { size_value: pJS.particles.size.value, size_anim_speed: pJS.particles.size.anim.speed, move_speed: pJS.particles.move.speed, line_linked_distance: pJS.particles.line_linked.distance, line_linked_width: pJS.particles.line_linked.width, mode_grab_distance: pJS.interactivity.modes.grab.distance, mode_bubble_distance: pJS.interactivity.modes.bubble.distance, mode_bubble_size: pJS.interactivity.modes.bubble.size, mode_repulse_distance: pJS.interactivity.modes.repulse.distance }; pJS.fn.retinaInit = function(){ if(pJS.retina_detect && window.devicePixelRatio > 1){ pJS.canvas.pxratio = window.devicePixelRatio; pJS.tmp.retina = true; } else{ pJS.canvas.pxratio = 1; pJS.tmp.retina = false; } pJS.canvas.w = pJS.canvas.el.offsetWidth * pJS.canvas.pxratio; pJS.canvas.h = pJS.canvas.el.offsetHeight * pJS.canvas.pxratio; pJS.particles.size.value = pJS.tmp.obj.size_value * pJS.canvas.pxratio; pJS.particles.size.anim.speed = pJS.tmp.obj.size_anim_speed * pJS.canvas.pxratio; pJS.particles.move.speed = pJS.tmp.obj.move_speed * pJS.canvas.pxratio; pJS.particles.line_linked.distance = pJS.tmp.obj.line_linked_distance * pJS.canvas.pxratio; pJS.interactivity.modes.grab.distance = pJS.tmp.obj.mode_grab_distance * pJS.canvas.pxratio; pJS.interactivity.modes.bubble.distance = pJS.tmp.obj.mode_bubble_distance * pJS.canvas.pxratio; pJS.particles.line_linked.width = pJS.tmp.obj.line_linked_width * pJS.canvas.pxratio; pJS.interactivity.modes.bubble.size = pJS.tmp.obj.mode_bubble_size * pJS.canvas.pxratio; pJS.interactivity.modes.repulse.distance = pJS.tmp.obj.mode_repulse_distance * pJS.canvas.pxratio; }; /* ---------- pJS functions - canvas ------------ */ pJS.fn.canvasInit = function(){ pJS.canvas.ctx = pJS.canvas.el.getContext('2d'); }; pJS.fn.canvasSize = function(){ pJS.canvas.el.width = pJS.canvas.w; pJS.canvas.el.height = pJS.canvas.h; if(pJS && pJS.interactivity.events.resize){ window.addEventListener('resize', function(){ pJS.canvas.w = pJS.canvas.el.offsetWidth; pJS.canvas.h = pJS.canvas.el.offsetHeight; /* resize canvas */ if(pJS.tmp.retina){ pJS.canvas.w *= pJS.canvas.pxratio; pJS.canvas.h *= pJS.canvas.pxratio; } pJS.canvas.el.width = pJS.canvas.w; pJS.canvas.el.height = pJS.canvas.h; /* repaint canvas on anim disabled */ if(!pJS.particles.move.enable){ pJS.fn.particlesEmpty(); pJS.fn.particlesCreate(); pJS.fn.particlesDraw(); pJS.fn.vendors.densityAutoParticles(); } /* density particles enabled */ pJS.fn.vendors.densityAutoParticles(); }); } }; pJS.fn.canvasPaint = function(){ pJS.canvas.ctx.fillRect(0, 0, pJS.canvas.w, pJS.canvas.h); }; pJS.fn.canvasClear = function(){ pJS.canvas.ctx.clearRect(0, 0, pJS.canvas.w, pJS.canvas.h); }; /* --------- pJS functions - particles ----------- */ pJS.fn.particle = function(color, opacity, position){ /* size */ this.radius = (pJS.particles.size.random ? Math.random() : 1) * pJS.particles.size.value; if(pJS.particles.size.anim.enable){ this.size_status = false; this.vs = pJS.particles.size.anim.speed / 100; if(!pJS.particles.size.anim.sync){ this.vs = this.vs * Math.random(); } } /* position */ this.x = position ? position.x : Math.random() * pJS.canvas.w; this.y = position ? position.y : Math.random() * pJS.canvas.h; /* check position - into the canvas */ if(this.x > pJS.canvas.w - this.radius*2) this.x = this.x - this.radius; else if(this.x < this.radius*2) this.x = this.x + this.radius; if(this.y > pJS.canvas.h - this.radius*2) this.y = this.y - this.radius; else if(this.y < this.radius*2) this.y = this.y + this.radius; /* check position - avoid overlap */ if(pJS.particles.move.bounce){ pJS.fn.vendors.checkOverlap(this, position); } /* color */ this.color = {}; if(typeof(color.value) == 'object'){ if(color.value instanceof Array){ var color_selected = color.value[Math.floor(Math.random() * pJS.particles.color.value.length)]; this.color.rgb = hexToRgb(color_selected); }else{ if(color.value.r != undefined && color.value.g != undefined && color.value.b != undefined){ this.color.rgb = { r: color.value.r, g: color.value.g, b: color.value.b } } if(color.value.h != undefined && color.value.s != undefined && color.value.l != undefined){ this.color.hsl = { h: color.value.h, s: color.value.s, l: color.value.l } } } } else if(color.value == 'random'){ this.color.rgb = { r: (Math.floor(Math.random() * (255 - 0 + 1)) + 0), g: (Math.floor(Math.random() * (255 - 0 + 1)) + 0), b: (Math.floor(Math.random() * (255 - 0 + 1)) + 0) } } else if(typeof(color.value) == 'string'){ this.color = color; this.color.rgb = hexToRgb(this.color.value); } /* opacity */ this.opacity = (pJS.particles.opacity.random ? Math.random() : 1) * pJS.particles.opacity.value; if(pJS.particles.opacity.anim.enable){ this.opacity_status = false; this.vo = pJS.particles.opacity.anim.speed / 100; if(!pJS.particles.opacity.anim.sync){ this.vo = this.vo * Math.random(); } } /* animation - velocity for speed */ var velbase = {} switch(pJS.particles.move.direction){ case 'top': velbase = { x:0, y:-1 }; break; case 'top-right': velbase = { x:0.5, y:-0.5 }; break; case 'right': velbase = { x:1, y:-0 }; break; case 'bottom-right': velbase = { x:0.5, y:0.5 }; break; case 'bottom': velbase = { x:0, y:1 }; break; case 'bottom-left': velbase = { x:-0.5, y:1 }; break; case 'left': velbase = { x:-1, y:0 }; break; case 'top-left': velbase = { x:-0.5, y:-0.5 }; break; default: velbase = { x:0, y:0 }; break; } if(pJS.particles.move.straight){ this.vx = velbase.x; this.vy = velbase.y; if(pJS.particles.move.random){ this.vx = this.vx * (Math.random()); this.vy = this.vy * (Math.random()); } }else{ this.vx = velbase.x + Math.random()-0.5; this.vy = velbase.y + Math.random()-0.5; } // var theta = 2.0 * Math.PI * Math.random(); // this.vx = Math.cos(theta); // this.vy = Math.sin(theta); this.vx_i = this.vx; this.vy_i = this.vy; /* if shape is image */ var shape_type = pJS.particles.shape.type; if(typeof(shape_type) == 'object'){ if(shape_type instanceof Array){ var shape_selected = shape_type[Math.floor(Math.random() * shape_type.length)]; this.shape = shape_selected; } }else{ this.shape = shape_type; } if(this.shape == 'image'){ var sh = pJS.particles.shape; this.img = { src: sh.image.src, ratio: sh.image.width / sh.image.height } if(!this.img.ratio) this.img.ratio = 1; if(pJS.tmp.img_type == 'svg' && pJS.tmp.source_svg != undefined){ pJS.fn.vendors.createSvgImg(this); if(pJS.tmp.pushing){ this.img.loaded = false; } } } }; pJS.fn.particle.prototype.draw = function() { var p = this; if(p.radius_bubble != undefined){ var radius = p.radius_bubble; }else{ var radius = p.radius; } if(p.opacity_bubble != undefined){ var opacity = p.opacity_bubble; }else{ var opacity = p.opacity; } if(p.color.rgb){ var color_value = 'rgba('+p.color.rgb.r+','+p.color.rgb.g+','+p.color.rgb.b+','+opacity+')'; }else{ var color_value = 'hsla('+p.color.hsl.h+','+p.color.hsl.s+'%,'+p.color.hsl.l+'%,'+opacity+')'; } pJS.canvas.ctx.fillStyle = color_value; pJS.canvas.ctx.beginPath(); switch(p.shape){ case 'circle': pJS.canvas.ctx.arc(p.x, p.y, radius, 0, Math.PI * 2, false); break; case 'edge': pJS.canvas.ctx.rect(p.x-radius, p.y-radius, radius*2, radius*2); break; case 'triangle': pJS.fn.vendors.drawShape(pJS.canvas.ctx, p.x-radius, p.y+radius / 1.66, radius*2, 3, 2); break; case 'polygon': pJS.fn.vendors.drawShape( pJS.canvas.ctx, p.x - radius / (pJS.particles.shape.polygon.nb_sides/3.5), // startX p.y - radius / (2.66/3.5), // startY radius*2.66 / (pJS.particles.shape.polygon.nb_sides/3), // sideLength pJS.particles.shape.polygon.nb_sides, // sideCountNumerator 1 // sideCountDenominator ); break; case 'star': pJS.fn.vendors.drawShape( pJS.canvas.ctx, p.x - radius*2 / (pJS.particles.shape.polygon.nb_sides/4), // startX p.y - radius / (4*2.66/3.5), // startY radius*2*2.66 / (pJS.particles.shape.polygon.nb_sides/3), // sideLength pJS.particles.shape.polygon.nb_sides, // sideCountNumerator 2 // sideCountDenominator ); break; case 'image': function draw(){ pJS.canvas.ctx.drawImage( img_obj, p.x-radius, p.y-radius, radius*2, radius*2 / p.img.ratio ); } if(pJS.tmp.img_type == 'svg'){ var img_obj = p.img.obj; }else{ var img_obj = pJS.tmp.img_obj; } if(img_obj){ draw(); } break; } pJS.canvas.ctx.closePath(); if(pJS.particles.shape.stroke.width > 0){ pJS.canvas.ctx.strokeStyle = pJS.particles.shape.stroke.color; pJS.canvas.ctx.lineWidth = pJS.particles.shape.stroke.width; pJS.canvas.ctx.stroke(); } pJS.canvas.ctx.fill(); }; pJS.fn.particlesCreate = function(){ for(var i = 0; i < pJS.particles.number.value; i++) { pJS.particles.array.push(new pJS.fn.particle(pJS.particles.color, pJS.particles.opacity.value)); } }; pJS.fn.particlesUpdate = function(){ for(var i = 0; i < pJS.particles.array.length; i++){ /* the particle */ var p = pJS.particles.array[i]; // var d = ( dx = pJS.interactivity.mouse.click_pos_x - p.x ) * dx + ( dy = pJS.interactivity.mouse.click_pos_y - p.y ) * dy; // var f = -BANG_SIZE / d; // if ( d < BANG_SIZE ) { // var t = Math.atan2( dy, dx ); // p.vx = f * Math.cos(t); // p.vy = f * Math.sin(t); // } /* move the particle */ if(pJS.particles.move.enable){ var ms = pJS.particles.move.speed/2; p.x += p.vx * ms; p.y += p.vy * ms; } /* change opacity status */ if(pJS.particles.opacity.anim.enable) { if(p.opacity_status == true) { if(p.opacity >= pJS.particles.opacity.value) p.opacity_status = false; p.opacity += p.vo; }else { if(p.opacity <= pJS.particles.opacity.anim.opacity_min) p.opacity_status = true; p.opacity -= p.vo; } if(p.opacity < 0) p.opacity = 0; } /* change size */ if(pJS.particles.size.anim.enable){ if(p.size_status == true){ if(p.radius >= pJS.particles.size.value) p.size_status = false; p.radius += p.vs; }else{ if(p.radius <= pJS.particles.size.anim.size_min) p.size_status = true; p.radius -= p.vs; } if(p.radius < 0) p.radius = 0; } /* change particle position if it is out of canvas */ if(pJS.particles.move.out_mode == 'bounce'){ var new_pos = { x_left: p.radius, x_right: pJS.canvas.w, y_top: p.radius, y_bottom: pJS.canvas.h } }else{ var new_pos = { x_left: -p.radius, x_right: pJS.canvas.w + p.radius, y_top: -p.radius, y_bottom: pJS.canvas.h + p.radius } } if(p.x - p.radius > pJS.canvas.w){ p.x = new_pos.x_left; p.y = Math.random() * pJS.canvas.h; } else if(p.x + p.radius < 0){ p.x = new_pos.x_right; p.y = Math.random() * pJS.canvas.h; } if(p.y - p.radius > pJS.canvas.h){ p.y = new_pos.y_top; p.x = Math.random() * pJS.canvas.w; } else if(p.y + p.radius < 0){ p.y = new_pos.y_bottom; p.x = Math.random() * pJS.canvas.w; } /* out of canvas modes */ switch(pJS.particles.move.out_mode){ case 'bounce': if (p.x + p.radius > pJS.canvas.w) p.vx = -p.vx; else if (p.x - p.radius < 0) p.vx = -p.vx; if (p.y + p.radius > pJS.canvas.h) p.vy = -p.vy; else if (p.y - p.radius < 0) p.vy = -p.vy; break; } /* events */ if(isInArray('grab', pJS.interactivity.events.onhover.mode)){ pJS.fn.modes.grabParticle(p); } if(isInArray('bubble', pJS.interactivity.events.onhover.mode) || isInArray('bubble', pJS.interactivity.events.onclick.mode)){ pJS.fn.modes.bubbleParticle(p); } if(isInArray('repulse', pJS.interactivity.events.onhover.mode) || isInArray('repulse', pJS.interactivity.events.onclick.mode)){ pJS.fn.modes.repulseParticle(p); } /* interaction auto between particles */ if(pJS.particles.line_linked.enable || pJS.particles.move.attract.enable){ for(var j = i + 1; j < pJS.particles.array.length; j++){ var p2 = pJS.particles.array[j]; /* link particles */ if(pJS.particles.line_linked.enable){ pJS.fn.interact.linkParticles(p,p2); } /* attract particles */ if(pJS.particles.move.attract.enable){ pJS.fn.interact.attractParticles(p,p2); } /* bounce particles */ if(pJS.particles.move.bounce){ pJS.fn.interact.bounceParticles(p,p2); } } } } }; pJS.fn.particlesDraw = function(){ /* clear canvas */ pJS.canvas.ctx.clearRect(0, 0, pJS.canvas.w, pJS.canvas.h); /* update each particles param */ pJS.fn.particlesUpdate(); /* draw each particle */ for(var i = 0; i < pJS.particles.array.length; i++){ var p = pJS.particles.array[i]; p.draw(); } }; pJS.fn.particlesEmpty = function(){ pJS.particles.array = []; }; pJS.fn.particlesRefresh = function(){ /* init all */ cancelRequestAnimFrame(pJS.fn.checkAnimFrame); cancelRequestAnimFrame(pJS.fn.drawAnimFrame); pJS.tmp.source_svg = undefined; pJS.tmp.img_obj = undefined; pJS.tmp.count_svg = 0; pJS.fn.particlesEmpty(); pJS.fn.canvasClear(); /* restart */ pJS.fn.vendors.start(); }; /* ---------- pJS functions - particles interaction ------------ */ pJS.fn.interact.linkParticles = function(p1, p2){ var dx = p1.x - p2.x, dy = p1.y - p2.y, dist = Math.sqrt(dx*dx + dy*dy); /* draw a line between p1 and p2 if the distance between them is under the config distance */ if(dist <= pJS.particles.line_linked.distance){ var opacity_line = pJS.particles.line_linked.opacity - (dist / (1/pJS.particles.line_linked.opacity)) / pJS.particles.line_linked.distance; if(opacity_line > 0){ /* style */ var color_line = pJS.particles.line_linked.color_rgb_line; pJS.canvas.ctx.strokeStyle = 'rgba('+color_line.r+','+color_line.g+','+color_line.b+','+opacity_line+')'; pJS.canvas.ctx.lineWidth = pJS.particles.line_linked.width; //pJS.canvas.ctx.lineCap = 'round'; /* performance issue */ /* path */ pJS.canvas.ctx.beginPath(); pJS.canvas.ctx.moveTo(p1.x, p1.y); pJS.canvas.ctx.lineTo(p2.x, p2.y); pJS.canvas.ctx.stroke(); pJS.canvas.ctx.closePath(); } } }; pJS.fn.interact.attractParticles = function(p1, p2){ /* condensed particles */ var dx = p1.x - p2.x, dy = p1.y - p2.y, dist = Math.sqrt(dx*dx + dy*dy); if(dist <= pJS.particles.line_linked.distance){ var ax = dx/(pJS.particles.move.attract.rotateX*1000), ay = dy/(pJS.particles.move.attract.rotateY*1000); p1.vx -= ax; p1.vy -= ay; p2.vx += ax; p2.vy += ay; } } pJS.fn.interact.bounceParticles = function(p1, p2){ var dx = p1.x - p2.x, dy = p1.y - p2.y, dist = Math.sqrt(dx*dx + dy*dy), dist_p = p1.radius+p2.radius; if(dist <= dist_p){ p1.vx = -p1.vx; p1.vy = -p1.vy; p2.vx = -p2.vx; p2.vy = -p2.vy; } } /* ---------- pJS functions - modes events ------------ */ pJS.fn.modes.pushParticles = function(nb, pos){ pJS.tmp.pushing = true; for(var i = 0; i < nb; i++){ pJS.particles.array.push( new pJS.fn.particle( pJS.particles.color, pJS.particles.opacity.value, { 'x': pos ? pos.pos_x : Math.random() * pJS.canvas.w, 'y': pos ? pos.pos_y : Math.random() * pJS.canvas.h } ) ) if(i == nb-1){ if(!pJS.particles.move.enable){ pJS.fn.particlesDraw(); } pJS.tmp.pushing = false; } } }; pJS.fn.modes.removeParticles = function(nb){ pJS.particles.array.splice(0, nb); if(!pJS.particles.move.enable){ pJS.fn.particlesDraw(); } }; pJS.fn.modes.bubbleParticle = function(p){ /* on hover event */ if(pJS.interactivity.events.onhover.enable && isInArray('bubble', pJS.interactivity.events.onhover.mode)){ var dx_mouse = p.x - pJS.interactivity.mouse.pos_x, dy_mouse = p.y - pJS.interactivity.mouse.pos_y, dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse), ratio = 1 - dist_mouse / pJS.interactivity.modes.bubble.distance; function init(){ p.opacity_bubble = p.opacity; p.radius_bubble = p.radius; } /* mousemove - check ratio */ if(dist_mouse <= pJS.interactivity.modes.bubble.distance){ if(ratio >= 0 && pJS.interactivity.status == 'mousemove'){ /* size */ if(pJS.interactivity.modes.bubble.size != pJS.particles.size.value){ if(pJS.interactivity.modes.bubble.size > pJS.particles.size.value){ var size = p.radius + (pJS.interactivity.modes.bubble.size*ratio); if(size >= 0){ p.radius_bubble = size; } }else{ var dif = p.radius - pJS.interactivity.modes.bubble.size, size = p.radius - (dif*ratio); if(size > 0){ p.radius_bubble = size; }else{ p.radius_bubble = 0; } } } /* opacity */ if(pJS.interactivity.modes.bubble.opacity != pJS.particles.opacity.value){ if(pJS.interactivity.modes.bubble.opacity > pJS.particles.opacity.value){ var opacity = pJS.interactivity.modes.bubble.opacity*ratio; if(opacity > p.opacity && opacity <= pJS.interactivity.modes.bubble.opacity){ p.opacity_bubble = opacity; } }else{ var opacity = p.opacity - (pJS.particles.opacity.value-pJS.interactivity.modes.bubble.opacity)*ratio; if(opacity < p.opacity && opacity >= pJS.interactivity.modes.bubble.opacity){ p.opacity_bubble = opacity; } } } } }else{ init(); } /* mouseleave */ if(pJS.interactivity.status == 'mouseleave'){ init(); } } /* on click event */ else if(pJS.interactivity.events.onclick.enable && isInArray('bubble', pJS.interactivity.events.onclick.mode)){ if(pJS.tmp.bubble_clicking){ var dx_mouse = p.x - pJS.interactivity.mouse.click_pos_x, dy_mouse = p.y - pJS.interactivity.mouse.click_pos_y, dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse), time_spent = (new Date().getTime() - pJS.interactivity.mouse.click_time)/1000; if(time_spent > pJS.interactivity.modes.bubble.duration){ pJS.tmp.bubble_duration_end = true; } if(time_spent > pJS.interactivity.modes.bubble.duration*2){ pJS.tmp.bubble_clicking = false; pJS.tmp.bubble_duration_end = false; } } function process(bubble_param, particles_param, p_obj_bubble, p_obj, id){ if(bubble_param != particles_param){ if(!pJS.tmp.bubble_duration_end){ if(dist_mouse <= pJS.interactivity.modes.bubble.distance){ if(p_obj_bubble != undefined) var obj = p_obj_bubble; else var obj = p_obj; if(obj != bubble_param){ var value = p_obj - (time_spent * (p_obj - bubble_param) / pJS.interactivity.modes.bubble.duration); if(id == 'size') p.radius_bubble = value; if(id == 'opacity') p.opacity_bubble = value; } }else{ if(id == 'size') p.radius_bubble = undefined; if(id == 'opacity') p.opacity_bubble = undefined; } }else{ if(p_obj_bubble != undefined){ var value_tmp = p_obj - (time_spent * (p_obj - bubble_param) / pJS.interactivity.modes.bubble.duration), dif = bubble_param - value_tmp; value = bubble_param + dif; if(id == 'size') p.radius_bubble = value; if(id == 'opacity') p.opacity_bubble = value; } } } } if(pJS.tmp.bubble_clicking){ /* size */ process(pJS.interactivity.modes.bubble.size, pJS.particles.size.value, p.radius_bubble, p.radius, 'size'); /* opacity */ process(pJS.interactivity.modes.bubble.opacity, pJS.particles.opacity.value, p.opacity_bubble, p.opacity, 'opacity'); } } }; pJS.fn.modes.repulseParticle = function(p){ if(pJS.interactivity.events.onhover.enable && isInArray('repulse', pJS.interactivity.events.onhover.mode) && pJS.interactivity.status == 'mousemove') { var dx_mouse = p.x - pJS.interactivity.mouse.pos_x, dy_mouse = p.y - pJS.interactivity.mouse.pos_y, dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse); var normVec = {x: dx_mouse/dist_mouse, y: dy_mouse/dist_mouse}, repulseRadius = pJS.interactivity.modes.repulse.distance, velocity = 100, repulseFactor = clamp((1/repulseRadius)*(-1*Math.pow(dist_mouse/repulseRadius,2)+1)*repulseRadius*velocity, 0, 50); var pos = { x: p.x + normVec.x * repulseFactor, y: p.y + normVec.y * repulseFactor } if(pJS.particles.move.out_mode == 'bounce'){ if(pos.x - p.radius > 0 && pos.x + p.radius < pJS.canvas.w) p.x = pos.x; if(pos.y - p.radius > 0 && pos.y + p.radius < pJS.canvas.h) p.y = pos.y; }else{ p.x = pos.x; p.y = pos.y; } } else if(pJS.interactivity.events.onclick.enable && isInArray('repulse', pJS.interactivity.events.onclick.mode)) { if(!pJS.tmp.repulse_finish){ pJS.tmp.repulse_count++; if(pJS.tmp.repulse_count == pJS.particles.array.length){ pJS.tmp.repulse_finish = true; } } if(pJS.tmp.repulse_clicking){ var repulseRadius = Math.pow(pJS.interactivity.modes.repulse.distance/6, 3); var dx = pJS.interactivity.mouse.click_pos_x - p.x, dy = pJS.interactivity.mouse.click_pos_y - p.y, d = dx*dx + dy*dy; var force = -repulseRadius / d * 1; function process(){ var f = Math.atan2(dy,dx); p.vx = force * Math.cos(f); p.vy = force * Math.sin(f); if(pJS.particles.move.out_mode == 'bounce'){ var pos = { x: p.x + p.vx, y: p.y + p.vy } if (pos.x + p.radius > pJS.canvas.w) p.vx = -p.vx; else if (pos.x - p.radius < 0) p.vx = -p.vx; if (pos.y + p.radius > pJS.canvas.h) p.vy = -p.vy; else if (pos.y - p.radius < 0) p.vy = -p.vy; } } // default if(d <= repulseRadius){ process(); } // bang - slow motion mode // if(!pJS.tmp.repulse_finish){ // if(d <= repulseRadius){ // process(); // } // }else{ // process(); // } }else{ if(pJS.tmp.repulse_clicking == false){ p.vx = p.vx_i; p.vy = p.vy_i; } } } } pJS.fn.modes.grabParticle = function(p){ if(pJS.interactivity.events.onhover.enable && pJS.interactivity.status == 'mousemove'){ var dx_mouse = p.x - pJS.interactivity.mouse.pos_x, dy_mouse = p.y - pJS.interactivity.mouse.pos_y, dist_mouse = Math.sqrt(dx_mouse*dx_mouse + dy_mouse*dy_mouse); /* draw a line between the cursor and the particle if the distance between them is under the config distance */ if(dist_mouse <= pJS.interactivity.modes.grab.distance){ var opacity_line = pJS.interactivity.modes.grab.line_linked.opacity - (dist_mouse / (1/pJS.interactivity.modes.grab.line_linked.opacity)) / pJS.interactivity.modes.grab.distance; if(opacity_line > 0){ /* style */ var color_line = pJS.particles.line_linked.color_rgb_line; pJS.canvas.ctx.strokeStyle = 'rgba('+251+','+195+','+94+','+opacity_line+')'; pJS.canvas.ctx.lineWidth = pJS.particles.line_linked.width; //pJS.canvas.ctx.lineCap = 'round'; /* performance issue */ /* path */ pJS.canvas.ctx.beginPath(); pJS.canvas.ctx.moveTo(p.x, p.y); pJS.canvas.ctx.lineTo(pJS.interactivity.mouse.pos_x, pJS.interactivity.mouse.pos_y); pJS.canvas.ctx.stroke(); pJS.canvas.ctx.closePath(); } } } }; /* ---------- pJS functions - vendors ------------ */ pJS.fn.vendors.eventsListeners = function(){ /* events target element */ if(pJS.interactivity.detect_on == 'window'){ pJS.interactivity.el = window; }else{ pJS.interactivity.el = pJS.canvas.el; } /* detect mouse pos - on hover / click event */ if(pJS.interactivity.events.onhover.enable || pJS.interactivity.events.onclick.enable){ /* el on mousemove */ pJS.interactivity.el.addEventListener('mousemove', function(e){ if(pJS.interactivity.el == window){ var pos_x = e.clientX, pos_y = e.clientY; } else{ var pos_x = e.offsetX || e.clientX, pos_y = e.offsetY || e.clientY; } pJS.interactivity.mouse.pos_x = pos_x; pJS.interactivity.mouse.pos_y = pos_y; if(pJS.tmp.retina){ pJS.interactivity.mouse.pos_x *= pJS.canvas.pxratio; pJS.interactivity.mouse.pos_y *= pJS.canvas.pxratio; } pJS.interactivity.status = 'mousemove'; }); /* el on onmouseleave */ pJS.interactivity.el.addEventListener('mouseleave', function(e){ pJS.interactivity.mouse.pos_x = null; pJS.interactivity.mouse.pos_y = null; pJS.interactivity.status = 'mouseleave'; }); } /* on click event */ if(pJS.interactivity.events.onclick.enable){ pJS.interactivity.el.addEventListener('click', function(){ pJS.interactivity.mouse.click_pos_x = pJS.interactivity.mouse.pos_x; pJS.interactivity.mouse.click_pos_y = pJS.interactivity.mouse.pos_y; pJS.interactivity.mouse.click_time = new Date().getTime(); if(pJS.interactivity.events.onclick.enable){ switch(pJS.interactivity.events.onclick.mode){ case 'push': if(pJS.particles.move.enable){ pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb, pJS.interactivity.mouse); }else{ if(pJS.interactivity.modes.push.particles_nb == 1){ pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb, pJS.interactivity.mouse); } else if(pJS.interactivity.modes.push.particles_nb > 1){ pJS.fn.modes.pushParticles(pJS.interactivity.modes.push.particles_nb); } } break; case 'remove': pJS.fn.modes.removeParticles(pJS.interactivity.modes.remove.particles_nb); break; case 'bubble': pJS.tmp.bubble_clicking = true; break; case 'repulse': pJS.tmp.repulse_clicking = true; pJS.tmp.repulse_count = 0; pJS.tmp.repulse_finish = false; setTimeout(function(){ pJS.tmp.repulse_clicking = false; }, pJS.interactivity.modes.repulse.duration*1000) break; } } }); } }; pJS.fn.vendors.densityAutoParticles = function(){ if(pJS.particles.number.density.enable){ /* calc area */ var area = pJS.canvas.el.width * pJS.canvas.el.height / 600; if(pJS.tmp.retina){ area = area/(pJS.canvas.pxratio*2); } /* calc number of particles based on density area */ var nb_particles = area * pJS.particles.number.value / pJS.particles.number.density.value_area; /* add or remove X particles */ var missing_particles = pJS.particles.array.length - nb_particles; if(missing_particles < 0) pJS.fn.modes.pushParticles(Math.abs(missing_particles)); else pJS.fn.modes.removeParticles(missing_particles); } }; pJS.fn.vendors.checkOverlap = function(p1, position){ for(var i = 0; i < pJS.particles.array.length; i++){ var p2 = pJS.particles.array[i]; var dx = p1.x - p2.x, dy = p1.y - p2.y, dist = Math.sqrt(dx*dx + dy*dy); if(dist <= p1.radius + p2.radius){ p1.x = position ? position.x : Math.random() * pJS.canvas.w; p1.y = position ? position.y : Math.random() * pJS.canvas.h; pJS.fn.vendors.checkOverlap(p1); } } }; pJS.fn.vendors.createSvgImg = function(p){ /* set color to svg element */ var svgXml = pJS.tmp.source_svg, rgbHex = /#([0-9A-F]{3,6})/gi, coloredSvgXml = svgXml.replace(rgbHex, function (m, r, g, b) { if(p.color.rgb){ var color_value = 'rgba('+p.color.rgb.r+','+p.color.rgb.g+','+p.color.rgb.b+','+p.opacity+')'; }else{ var color_value = 'hsla('+p.color.hsl.h+','+p.color.hsl.s+'%,'+p.color.hsl.l+'%,'+p.opacity+')'; } return color_value; }); /* prepare to create img with colored svg */ var svg = new Blob([coloredSvgXml], {type: 'image/svg+xml;charset=utf-8'}), DOMURL = window.URL || window.webkitURL || window, url = DOMURL.createObjectURL(svg); /* create particle img obj */ var img = new Image(); img.addEventListener('load', function(){ p.img.obj = img; p.img.loaded = true; DOMURL.revokeObjectURL(url); pJS.tmp.count_svg++; }); img.src = url; }; pJS.fn.vendors.destroypJS = function(){ cancelAnimationFrame(pJS.fn.drawAnimFrame); canvas_el.remove(); pJSDom = null; }; pJS.fn.vendors.drawShape = function(c, startX, startY, sideLength, sideCountNumerator, sideCountDenominator){ // By Programming Thomas - https://programmingthomas.wordpress.com/2013/04/03/n-sided-shapes/ var sideCount = sideCountNumerator * sideCountDenominator; var decimalSides = sideCountNumerator / sideCountDenominator; var interiorAngleDegrees = (180 * (decimalSides - 2)) / decimalSides; var interiorAngle = Math.PI - Math.PI * interiorAngleDegrees / 180; // convert to radians c.save(); c.beginPath(); c.translate(startX, startY); c.moveTo(0,0); for (var i = 0; i < sideCount; i++) { c.lineTo(sideLength,0); c.translate(sideLength,0); c.rotate(interiorAngle); } //c.stroke(); c.fill(); c.restore(); }; pJS.fn.vendors.exportImg = function(){ window.open(pJS.canvas.el.toDataURL('image/png'), '_blank'); }; pJS.fn.vendors.loadImg = function(type){ pJS.tmp.img_error = undefined; if(pJS.particles.shape.image.src != ''){ if(type == 'svg'){ var xhr = new XMLHttpRequest(); xhr.open('GET', pJS.particles.shape.image.src); xhr.onreadystatechange = function (data) { if(xhr.readyState == 4){ if(xhr.status == 200){ pJS.tmp.source_svg = data.currentTarget.response; pJS.fn.vendors.checkBeforeDraw(); }else{ console.log('Error pJS - Image not found'); pJS.tmp.img_error = true; } } } xhr.send(); }else{ var img = new Image(); img.addEventListener('load', function(){ pJS.tmp.img_obj = img; pJS.fn.vendors.checkBeforeDraw(); }); img.src = pJS.particles.shape.image.src; } }else{ console.log('Error pJS - No image.src'); pJS.tmp.img_error = true; } }; pJS.fn.vendors.draw = function(){ if(pJS.particles.shape.type == 'image'){ if(pJS.tmp.img_type == 'svg'){ if(pJS.tmp.count_svg >= pJS.particles.number.value){ pJS.fn.particlesDraw(); if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame); else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); }else{ //console.log('still loading...'); if(!pJS.tmp.img_error) pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); } }else{ if(pJS.tmp.img_obj != undefined){ pJS.fn.particlesDraw(); if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame); else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); }else{ if(!pJS.tmp.img_error) pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); } } }else{ pJS.fn.particlesDraw(); if(!pJS.particles.move.enable) cancelRequestAnimFrame(pJS.fn.drawAnimFrame); else pJS.fn.drawAnimFrame = requestAnimFrame(pJS.fn.vendors.draw); } }; pJS.fn.vendors.checkBeforeDraw = function(){ // if shape is image if(pJS.particles.shape.type == 'image'){ if(pJS.tmp.img_type == 'svg' && pJS.tmp.source_svg == undefined){ pJS.tmp.checkAnimFrame = requestAnimFrame(check); }else{ //console.log('images loaded! cancel check'); cancelRequestAnimFrame(pJS.tmp.checkAnimFrame); if(!pJS.tmp.img_error){ pJS.fn.vendors.init(); pJS.fn.vendors.draw(); } } }else{ pJS.fn.vendors.init(); pJS.fn.vendors.draw(); } }; pJS.fn.vendors.init = function(){ /* init canvas + particles */ pJS.fn.retinaInit(); pJS.fn.canvasInit(); pJS.fn.canvasSize(); pJS.fn.canvasPaint(); pJS.fn.particlesCreate(); pJS.fn.vendors.densityAutoParticles(); /* particles.line_linked - convert hex colors to rgb */ pJS.particles.line_linked.color_rgb_line = hexToRgb(pJS.particles.line_linked.color); }; pJS.fn.vendors.start = function(){ if(isInArray('image', pJS.particles.shape.type)){ pJS.tmp.img_type = pJS.particles.shape.image.src.substr(pJS.particles.shape.image.src.length - 3); pJS.fn.vendors.loadImg(pJS.tmp.img_type); }else{ pJS.fn.vendors.checkBeforeDraw(); } }; /* ---------- pJS - start ------------ */ pJS.fn.vendors.eventsListeners(); pJS.fn.vendors.start(); }; /* ---------- global functions - vendors ------------ */ Object.deepExtend = function(destination, source) { for (var property in source) { if (source[property] && source[property].constructor && source[property].constructor === Object) { destination[property] = destination[property] || {}; arguments.callee(destination[property], source[property]); } else { destination[property] = source[property]; } } return destination; }; window.requestAnimFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback){ window.setTimeout(callback, 1000 / 60); }; })(); window.cancelRequestAnimFrame = ( function() { return window.cancelAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelRequestAnimationFrame || window.oCancelRequestAnimationFrame || window.msCancelRequestAnimationFrame || clearTimeout } )(); function hexToRgb(hex){ // By Tim Down - http://stackoverflow.com/a/5624139/3493650 // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF") var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; hex = hex.replace(shorthandRegex, function(m, r, g, b) { return r + r + g + g + b + b; }); var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); return result ? { r: parseInt(result[1], 16), g: parseInt(result[2], 16), b: parseInt(result[3], 16) } : null; }; function clamp(number, min, max) { return Math.min(Math.max(number, min), max); }; function isInArray(value, array) { return array.indexOf(value) > -1; } /* ---------- particles.js functions - start ------------ */ window.pJSDom = []; window.particlesJS = function(tag_id, params){ //console.log(params); /* no string id? so it's object params, and set the id with default id */ if(typeof(tag_id) != 'string'){ params = tag_id; tag_id = 'particles-js'; } /* no id? set the id to default id */ if(!tag_id){ tag_id = 'particles-js'; } /* pJS elements */ var pJS_tag = document.getElementById(tag_id), pJS_canvas_class = 'particles-js-canvas-el', exist_canvas = pJS_tag.getElementsByClassName(pJS_canvas_class); /* remove canvas if exists into the pJS target tag */ if(exist_canvas.length){ while(exist_canvas.length > 0){ pJS_tag.removeChild(exist_canvas[0]); } } /* create canvas element */ var canvas_el = document.createElement('canvas'); canvas_el.className = pJS_canvas_class; /* set size canvas */ canvas_el.style.width = "100%"; canvas_el.style.height = "100%"; /* append canvas */ var canvas = document.getElementById(tag_id).appendChild(canvas_el); /* launch particle.js */ if(canvas != null){ pJSDom.push(new pJS(tag_id, params)); } }; window.particlesJS.load = function(tag_id, path_config_json, callback){ /* load json config */ var xhr = new XMLHttpRequest(); xhr.open('GET', path_config_json); xhr.onreadystatechange = function (data) { if(xhr.readyState == 4){ if(xhr.status == 200){ var params = JSON.parse(data.currentTarget.response); window.particlesJS(tag_id, params); if(callback) callback(); }else{ console.log('Error pJS - XMLHttpRequest status: '+xhr.status); console.log('Error pJS - File config not found'); } } }; xhr.send(); }; </script> <style> /* ---- reset ---- */ body { margin: 0; } canvas { display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 0, 0, 0); } @media(max-width:748px){ #particles-js { position: absolute; width: 100%; height: 50%; background-color: rgba(255, 0, 0, 0); } } </style> <script> particlesJS("particles-js", { "particles": { "number": { "value": 80, "density": { "enable": true, "value_area": 800 } }, "color": { "value": "#ffffff" }, "shape": { "type": "circle", "stroke": { "width": 0, "color": "#000000" }, "polygon": { "nb_sides": 5 }, "image": { "src": "img/github.svg", "width": 100, "height": 100 } }, "opacity": { "value": 0.5, "random": false, "anim": { "enable": false, "speed": 2, "opacity_min": 0.1, "sync": false } }, "size": { "value": 2, "random": true, "anim": { "enable": false, "speed": 80, "size_min": 0.8, "sync": false } }, "line_linked": { "enable": true, "distance": 150, "color": "#fafafa", "opacity": 0.4, "width": 1 }, "move": { "enable": true, "speed": 5, "direction": "none", "random": false, "straight": false, "out_mode": "out", "bounce": false, "attract": { "enable": false, "rotateX": 600, "rotateY": 1200 } } }, "interactivity": { "detect_on": "canvas", "events": { "onhover": { "enable": true, "mode": "grab" }, "onclick": { "enable": true, "mode": "push" }, "resize": true }, "modes": { "grab": { "distance": 150, "line_linked": { "opacity": 1 } }, "bubble": { "distance": 400, "size": 40, "duration": 2, "opacity": 8, "speed": 3 }, "repulse": { "distance": 200, "duration": 0.4 }, "push": { "particles_nb": 16 }, "remove": { "particles_nb": 8 } } }, "retina_detect": true }); requestAnimationFrame(); </script>--> <div class="container"> <div class="row"> <div class="col-md-3 top1 device"></div> <div class="col-md-9 top2"> <div class="lang"> <ul id="lan"> <li><a href="#" ><span class="lanpunkt"><img src="https://strategy.uz/languages/uz.png" /> Ўзбек<em class="icon-down-open-big"></em></span></a> <ul> <li><a href="index.php?lang=ru" ><span class="lanpunkt"><img src="https://strategy.uz/languages/ru.png" /> Русский</span></a></li> <li><a href="index.php?lang=uz" ><span class="lanpunkt"><img src="https://strategy.uz/languages/uz.png" /> О'zbek</span></a></li> <li><a href="index.php?lang=en" ><span class="lanpunkt"><img src="https://strategy.uz/languages/en.png" /> English</span></a></li> </ul> </li> <style> span.stat-data4 { font-size: 25px; background-color: #fff; border-radius: 25%; width: 70px; padding: 20px 8px; color: #00658f !important; font-weight: bold; } span.stat-data { font-size: 25px; background-color: #fff; border-radius: 25%; width: 70px; padding: 20px 15px; color: #036251 !important; font-weight: bold; } span.stat-data2 { font-size: 25px; background-color: #fff; border-radius: 50%; width: 70px; padding: 20px 23px; color: #00658f !important; font-weight: bold; } </style> <style> .button { border: 4px solid #fafafa; background: #a01e1e; background-color: #a90808; -webkit-border-radius: 10px; border-radius: 10px; border: none; color: #eeeeee; cursor: pointer; display: inline-block; font-family: sans-serif; font-size: 20px; padding: 10px 10px; text-align: center; text-decoration: none; } @keyframes glowing { 0% { background-color: #a01e1e; box-shadow: 0 0 5px #a01e1e; } 50% { background-color: #a01e1e; box-shadow: 0 0 20px #a01e1e; } 100% { background-color: #a01e1e; box-shadow: 0 0 5px #a01e1e; } } .button { animation: glowing 1300ms infinite; } </style> <!--<li style=" cursor: pointer; display: inline-block; font-family: sans-serif; font-size: 10px; text-align: center; text-decoration: none; font-weight: bold; "><a href="https://strategy.uz/index.php?static=programma"><span class="button"><img src="">Давлат дастури<em class=""></em></span></a> </li> --> </ul> </div> <div class="social"> <a href="https://www.facebook.com/dsc.uzbekistan/" class="icon-facebook-4"></a> <a href="https://twitter.com/DSC_UZB" class="icon-twitter-bird"></a> <a href="https://t.me/dscuzbekistan" class="icon-telegram"></a> <a href="https://www.instagram.com/dscuzbekistan/" class="icon-instagram"></a> <a href="https://www.youtube.com/channel/UC6fnGM9mykboenkEi6ZJkTg" class="icon-youtube-1"></a> </div> <a href="" class="auth"></a> <div class="clear"></div> </div> </div> </div> </div> <div class="toped2"> <div class="d2_b device"></div> <div class="d2_a device"> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> <!-------------------------------------------------------------------TOP PANEL------------------------------------------------------------> <style> .v-fixed-card--second { background: #0f8798; right: 242px; } a:hover { color: #adb2b2; } .v-fixed-card--top { top: 6.7% !important; } .yil { font-size: 30px; } .v-fixed-card { position: fixed; top: 60%; transition: 0.5s; z-index: 0; flex-direction: column; justify-content: center; width: 316px; height: 148px; padding: 20px; border-radius: 8px; color: #FFF; font-family: sans-serif; font-size: 20px; text-align: center; text-decoration: none overflow: visible; box-shadow: 0px 24px 36px #00000029; } .v-fixed-card--second.v-fixed-card--hidden { right: -100%; } .v-fixed-card.v-fixed-card--hidden { opacity: 0; visibility: hidden; } /*.he {*/ /*margin:20px;*/ /*} */ </style> <!---------------------------------------------------------------------HEADER-------------------------------------------------------------> <header id="header"> <div class="container"> <a href="https://strategy.uz/" class="hed1"> <img src="https://strategy.uz/engine/templates/strategy/images/center.png"/> <span>"ТАРАҚҚИЁТ СТРАТЕГИЯСИ" <br> МАРКАЗИ</span> </a> <div class="hed2"> <div class="hed2cont"> <a class="hesvg1" href="https://strategy.uz/index.php?category=obshchestvennoe_stroitelstvo"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3240 5991 l0 -658 -72 -6 c-331 -29 -809 -291 -1053 -576 -174 -204 -340 -511 -399 -736 -23 -88 -48 -256 -55 -370 l-6 -100 -560 -5 c-609 -6 -601 -5 -662 -63 l-33 -31 0 -1518 0 -1518 3095 0 3095 0 0 1505 0 1505 -35 39 c-19 21 -58 49 -87 61 -51 22 -55 22 -592 21 -298 -1 -546 2 -552 6 -6 5 -14 59 -17 128 -30 578 -306 1048 -819 1391 -175 118 -346 197 -513 239 -134 34 -147 35 -322 35 l-183 0 0 280 0 280 515 0 515 0 0 375 0 375 -630 0 -630 0 0 -659z m1050 284 l0 -155 -415 0 -415 0 0 155 0 155 415 0 415 0 0 -155z m-572 -1461 c382 -66 718 -305 909 -644 67 -118 127 -311 147 -470 17 -141 13 -154 -50 -160 -27 -3 -607 -3 -1289 0 l-1240 5 -3 54 c-5 81 24 240 63 359 104 309 303 545 609 720 245 141 550 189 854 136z m2370 -2819 c1 -555 0 -1020 -3 -1032 l-5 -23 -249 0 -248 0 -5 573 c-6 644 -3 614 -88 746 -153 237 -435 306 -699 172 -24 -13 -63 -42 -87 -66 l-44 -44 -57 45 c-140 109 -199 134 -316 134 -125 0 -228 -37 -344 -124 -33 -25 -64 -46 -68 -46 -4 0 -30 20 -57 45 -28 25 -84 62 -125 82 -69 34 -85 38 -173 41 -71 3 -113 0 -156 -13 -83 -24 -169 -70 -220 -117 -27 -25 -49 -38 -59 -34 -8 3 -50 32 -93 65 -92 72 -141 91 -247 98 -139 9 -300 -45 -381 -128 -21 -21 -44 -39 -51 -39 -7 0 -32 18 -55 41 -50 48 -151 101 -227 119 -74 17 -201 8 -276 -21 -144 -54 -248 -146 -312 -277 l-38 -76 -3 -587 c-2 -545 -4 -587 -20 -591 -9 -2 -126 -2 -260 0 l-242 4 2 1022 c2 561 6 1026 10 1031 4 7 882 10 2600 10 l2593 0 3 -1010z m-4047 209 c51 -21 94 -71 115 -136 16 -47 18 -115 22 -585 3 -507 3 -532 -15 -540 -10 -5 -126 -6 -258 -3 l-240 5 0 550 0 550 30 54 c52 94 131 135 243 126 35 -3 81 -13 103 -21z m783 -3 c23 -10 56 -33 74 -52 61 -62 62 -75 62 -670 l0 -538 -42 -6 c-49 -7 -454 -3 -461 5 -3 3 -7 251 -8 551 l-3 545 23 47 c26 54 95 119 143 135 44 15 161 6 212 -17z m740 8 c93 -18 141 -65 164 -159 10 -42 23 -1030 14 -1088 l-3 -22 -255 0 -254 0 -1 38 c-5 183 5 1037 13 1075 13 63 47 101 127 142 70 36 80 36 195 14z m779 6 c32 -8 69 -22 83 -31 34 -23 70 -88 83 -151 11 -53 17 -1080 7 -1091 -9 -8 -490 -2 -499 7 -4 4 -6 255 -5 557 l3 549 28 47 c64 110 166 148 300 113z m814 -10 c56 -23 91 -54 119 -100 l25 -44 0 -557 c0 -358 -4 -559 -10 -563 -12 -8 -477 -8 -484 -1 -3 3 -6 255 -8 560 l-4 555 28 47 c31 53 79 93 134 114 45 17 147 11 200 -11z"/> </g> </svg> </a> <a class="hesvg2" href="https://strategy.uz/index.php?category=verhovenstvo_zakona"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3385 6367 c-22 -12 -55 -44 -72 -71 l-33 -48 0 -244 0 -244 -884 0 -884 0 -17 -43 c-19 -50 -12 -79 29 -116 35 -33 33 -48 -13 -112 -21 -30 -58 -94 -83 -144 -24 -49 -84 -153 -133 -230 -49 -77 -123 -206 -166 -286 -42 -80 -152 -271 -244 -425 -93 -153 -177 -299 -188 -324 -11 -25 -33 -61 -48 -80 -15 -19 -36 -55 -46 -80 -10 -25 -39 -76 -64 -115 -26 -38 -83 -135 -127 -215 -44 -80 -105 -183 -136 -229 -31 -47 -56 -89 -56 -94 0 -5 -7 -7 -15 -3 -13 4 -15 -8 -15 -74 0 -61 3 -78 13 -74 9 3 19 -13 30 -48 23 -71 89 -190 160 -287 72 -98 295 -317 403 -398 91 -67 270 -163 304 -163 13 0 37 -9 54 -19 17 -11 67 -26 111 -35 44 -8 109 -22 145 -30 92 -21 303 -39 375 -31 371 40 602 129 865 334 165 128 356 342 422 473 61 122 106 228 113 267 6 35 3 47 -17 74 -14 18 -44 68 -68 112 -24 44 -60 105 -81 136 -21 31 -61 100 -90 155 -29 54 -88 160 -132 234 -44 74 -160 275 -257 445 -97 171 -221 383 -276 472 -112 184 -289 490 -349 603 -22 41 -50 89 -62 107 -13 17 -23 36 -23 43 0 8 182 11 720 9 l719 -2 3 -1946 c2 -1070 0 -1956 -4 -1969 l-8 -23 -942 1 c-1074 1 -1007 6 -1102 -81 -50 -45 -59 -60 -79 -128 l-23 -76 -70 -6 c-38 -4 -121 -7 -184 -8 -137 -1 -190 -21 -256 -93 -59 -64 -78 -120 -72 -215 6 -91 35 -158 95 -214 41 -40 111 -79 140 -79 15 0 16 -2 3 -10 -10 -6 945 -10 2705 -10 1496 0 2714 4 2707 8 -9 6 -1 12 25 20 21 7 60 29 88 49 207 158 183 410 -50 523 l-60 29 -254 -2 c-282 -2 -286 -1 -296 61 -17 99 -66 160 -168 208 l-52 24 -850 -1 c-467 0 -858 2 -867 6 -17 7 -18 110 -18 1964 0 1076 4 1961 8 1966 10 14 1432 9 1432 -6 0 -16 -17 -46 -85 -149 -35 -52 -107 -174 -161 -270 -54 -96 -128 -226 -166 -288 -37 -62 -145 -251 -239 -420 -244 -436 -320 -568 -421 -730 -49 -78 -94 -157 -100 -175 -10 -30 -53 -106 -150 -265 -36 -60 -38 -66 -27 -105 6 -23 23 -64 38 -92 16 -27 34 -68 41 -90 27 -86 139 -235 284 -380 161 -160 280 -249 441 -329 188 -93 345 -137 585 -161 75 -8 286 9 378 31 35 8 77 14 93 14 17 0 68 16 115 35 46 19 95 35 108 35 13 0 29 7 36 14 6 8 35 23 63 32 48 16 239 136 331 208 57 44 249 268 318 369 66 97 115 194 124 245 5 26 10 31 25 27 18 -6 19 0 19 75 0 75 -1 81 -19 75 -20 -6 -45 22 -70 80 -17 41 -202 361 -264 458 -28 43 -60 99 -72 125 -12 26 -68 120 -124 210 -56 89 -149 251 -207 360 -133 246 -141 260 -235 407 -42 66 -98 163 -124 215 -64 129 -158 292 -211 367 -24 34 -44 68 -44 77 0 8 13 24 29 35 39 28 48 71 24 119 l-18 37 -880 5 -880 5 -1 205 c-1 212 -8 270 -45 341 -28 56 -70 79 -144 79 -44 0 -71 -6 -100 -23z m-1600 -1107 c34 -58 102 -179 150 -270 49 -91 98 -176 111 -190 12 -14 64 -104 115 -200 51 -96 156 -279 233 -407 158 -259 421 -716 449 -777 10 -22 29 -55 43 -73 14 -18 22 -38 19 -43 -6 -10 -2435 -15 -2435 -5 0 14 47 96 87 152 24 35 50 80 58 102 12 35 41 86 192 330 18 30 33 60 33 66 0 7 18 37 40 68 50 72 130 209 210 362 35 66 112 201 170 300 59 99 148 252 197 340 50 88 120 209 157 270 36 60 66 114 66 120 1 18 40 -37 105 -145z m3560 8 c42 -79 104 -183 137 -233 34 -49 67 -107 74 -127 7 -21 52 -99 99 -174 47 -75 85 -142 85 -148 0 -6 23 -44 50 -84 28 -41 50 -80 50 -87 0 -7 52 -98 116 -201 64 -103 126 -211 139 -241 34 -77 226 -408 317 -547 43 -66 78 -126 78 -133 0 -12 -621 -17 -2367 -18 -39 0 -74 3 -78 7 -12 11 4 45 64 135 32 49 97 156 144 239 47 83 104 181 127 219 23 37 58 104 79 149 21 44 53 99 71 121 17 22 44 67 59 100 36 79 134 249 238 412 46 72 93 153 105 180 11 26 65 122 118 213 53 91 123 209 154 263 31 53 58 97 60 97 2 0 38 -64 81 -142z"/> </g> </svg> </a> <a class="hesvg3" href="https://strategy.uz/index.php?category=liberalizaciya_ekonomiki"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5840 5887 c-297 -6 -453 -13 -470 -20 -33 -16 -70 -73 -70 -109 0 -21 16 -46 63 -97 34 -37 102 -111 151 -165 49 -54 112 -116 139 -138 l50 -39 -660 -662 c-362 -364 -740 -745 -840 -847 -169 -173 -374 -378 -717 -718 -132 -131 -147 -143 -164 -130 -10 7 -92 90 -182 183 -90 94 -173 177 -184 185 -12 8 -255 250 -541 536 -472 474 -525 523 -569 538 -61 20 -126 20 -171 2 -37 -16 -1069 -1036 -1340 -1325 -88 -94 -166 -171 -172 -171 -10 0 -13 -27 -13 -101 0 -95 2 -102 24 -120 13 -10 38 -40 54 -66 51 -79 166 -143 256 -143 22 0 59 9 81 19 28 12 218 197 614 595 316 317 580 576 587 576 6 0 29 -19 49 -42 21 -24 337 -344 703 -711 459 -462 680 -677 716 -697 55 -32 137 -41 178 -19 48 26 210 169 318 282 63 66 165 167 225 225 61 58 259 256 440 440 1114 1126 1712 1722 1727 1722 10 0 82 -66 160 -146 79 -81 171 -167 206 -191 56 -40 67 -44 99 -38 55 10 93 54 93 107 0 24 11 300 25 613 14 314 25 596 25 628 l0 57 -222 -2 c-123 -1 -423 -6 -668 -11z"/> <path d="M5742 4147 l-372 -373 0 -1205 c0 -662 -3 -1275 -7 -1361 l-6 -158 489 0 489 0 -2 1632 -3 1633 -92 98 c-51 53 -100 99 -108 102 -10 4 -141 -121 -388 -368z"/> <path d="M4785 3179 c-176 -182 -384 -393 -462 -470 -79 -76 -144 -144 -145 -151 0 -7 -2 -349 -2 -760 l-1 -748 489 0 c436 0 488 2 482 15 -8 22 -8 2372 0 2413 6 29 4 32 -17 32 -19 0 -99 -77 -344 -331z"/> <path d="M1820 3223 c-1 -10 -2 -503 -3 -1095 l-2 -1078 489 0 c461 0 488 1 481 18 -4 9 -7 287 -6 618 l3 601 -107 99 c-59 54 -271 268 -472 474 -201 206 -370 377 -374 378 -5 2 -9 -5 -9 -15z"/> <path d="M1205 2755 c-271 -273 -386 -382 -467 -441 l-107 -79 2 -540 c1 -297 -2 -564 -7 -592 l-8 -53 487 0 486 0 -2 1035 c-1 761 -4 1035 -13 1034 -6 -1 -173 -165 -371 -364z"/> <path d="M3876 2263 c-107 -124 -245 -242 -337 -289 -126 -64 -329 -50 -450 31 -28 20 -62 38 -75 41 l-24 6 0 -485 c0 -267 -3 -492 -6 -501 -6 -14 42 -16 491 -16 l497 0 -5 33 c-3 17 -7 293 -8 612 -1 319 -4 588 -6 598 -7 29 -35 19 -77 -30z"/> </g> </svg> </a> <a class="hesvg4" href="https://strategy.uz/index.php?category=socialnoy_sfery"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3325 5918 c-10 -23 -596 -425 -806 -553 -58 -35 -209 -137 -335 -226 -126 -89 -384 -265 -574 -392 -190 -127 -453 -305 -585 -397 -318 -221 -582 -396 -680 -453 -45 -26 -92 -58 -105 -72 -13 -14 -29 -25 -37 -25 -10 0 -13 -21 -13 -85 0 -47 4 -85 8 -85 4 0 21 -22 37 -50 17 -27 35 -50 41 -50 6 0 26 11 45 25 19 13 70 46 114 72 44 26 103 67 132 90 29 24 53 42 53 41 0 -2 -4 -18 -9 -35 -9 -31 -7 -35 42 -79 75 -67 170 -129 352 -229 88 -48 191 -106 229 -128 l69 -41 -7 -90 c-8 -112 -40 -247 -104 -436 -27 -80 -59 -188 -72 -240 -12 -52 -29 -107 -36 -122 -8 -15 -14 -38 -14 -52 l0 -24 109 1 c60 1 112 -1 116 -5 4 -4 7 -188 6 -410 -2 -401 -2 -403 21 -450 l23 -47 65 0 65 -1 23 51 c23 50 23 54 22 422 -1 467 -3 427 15 427 11 0 15 -12 15 -42 1 -24 0 -209 0 -412 l-1 -369 27 -38 c26 -38 28 -39 88 -39 l61 0 23 50 c22 48 22 55 22 454 l0 404 51 7 c28 4 80 4 115 0 52 -5 65 -4 70 8 3 8 -17 82 -44 164 -50 147 -98 317 -147 508 -14 55 -28 111 -32 124 -14 56 26 7 104 -130 157 -273 212 -339 281 -339 11 0 72 20 135 45 184 72 260 87 324 64 54 -18 55 -39 54 -697 -2 -454 1 -601 10 -627 l13 -35 193 0 c182 0 193 1 203 20 7 13 11 224 13 639 1 341 5 622 9 626 18 18 54 -24 95 -113 86 -185 93 -199 117 -225 28 -30 72 -44 95 -30 30 18 129 158 173 242 24 46 53 90 65 99 23 14 23 14 17 -19 -3 -19 -22 -70 -41 -114 -19 -44 -50 -123 -70 -175 -19 -52 -41 -105 -49 -117 -8 -12 -14 -34 -14 -48 l0 -25 73 6 c108 10 110 6 101 -161 -3 -73 -3 -238 1 -369 l7 -236 173 0 172 0 7 68 c3 37 7 209 8 383 l1 316 76 -4 c111 -6 112 -4 58 113 -24 55 -68 172 -98 261 -45 139 -51 166 -41 188 20 43 42 39 322 -64 51 -18 104 -31 134 -31 44 0 53 4 85 38 23 24 49 72 74 132 34 87 165 342 185 362 6 6 16 2 26 -7 15 -15 16 -86 16 -839 -1 -813 -1 -822 20 -869 l21 -47 234 0 234 0 15 32 c14 27 16 107 16 647 1 339 5 753 10 920 10 352 2 327 127 387 236 112 566 305 579 339 3 8 -1 28 -9 45 -9 16 -13 30 -11 30 3 0 46 -30 97 -66 78 -56 448 -306 484 -327 7 -5 28 18 57 63 25 38 52 70 61 70 12 0 15 12 15 55 0 34 -4 55 -11 55 -6 0 -28 15 -48 33 -20 18 -88 64 -151 102 -63 37 -128 80 -145 95 -31 29 -171 123 -340 230 -55 35 -150 100 -212 146 -61 46 -129 92 -150 104 -38 21 -435 292 -747 510 l-165 115 -3 355 -3 355 -185 3 c-102 1 -195 0 -208 -3 l-23 -6 1 -207 c1 -223 1 -224 -50 -178 -24 22 -364 255 -747 512 -106 71 -193 135 -193 142 0 8 -19 12 -63 12 -55 0 -63 -3 -72 -22z m115 -309 c19 -12 55 -38 80 -59 25 -20 108 -79 185 -130 77 -52 253 -172 390 -269 291 -203 791 -540 885 -596 36 -22 99 -65 140 -96 41 -31 149 -105 240 -165 91 -59 253 -169 360 -244 107 -75 228 -158 267 -185 40 -26 71 -51 68 -55 -2 -4 -30 -10 -61 -13 -41 -4 -96 -25 -203 -75 -165 -79 -246 -108 -445 -158 -136 -34 -141 -35 -325 -32 -252 3 -258 -1 -330 -194 -72 -191 -173 -442 -197 -490 -13 -26 -24 -56 -24 -68 0 -35 -53 -21 -172 47 -42 24 -113 57 -159 74 -80 29 -88 30 -266 31 -169 1 -186 0 -211 -19 -47 -35 -100 -113 -178 -267 -71 -138 -78 -148 -91 -130 -8 10 -17 30 -20 44 -9 39 -80 215 -112 279 -17 32 -46 72 -66 90 l-37 32 -271 -3 -272 -3 -115 -51 c-63 -28 -133 -57 -155 -64 -22 -7 -59 -22 -82 -35 l-42 -23 -19 22 c-11 11 -67 118 -124 237 -102 210 -203 382 -250 426 -39 36 -77 45 -233 53 -120 7 -178 15 -290 43 -189 48 -328 98 -449 161 -56 30 -121 57 -145 61 l-43 7 54 32 c29 18 112 75 183 126 120 85 428 292 1050 702 138 91 304 206 370 255 66 49 147 104 180 123 33 18 107 68 165 110 123 90 502 345 611 413 42 26 82 54 89 62 17 20 28 19 70 -6z"/> <path d="M5078 4017 c-111 -63 -145 -120 -135 -227 12 -141 132 -244 262 -227 150 21 243 165 201 312 -30 100 -105 159 -217 169 -47 4 -61 1 -111 -27z"/> <path d="M1436 4010 c-55 -28 -82 -55 -111 -114 -60 -120 -7 -264 119 -322 89 -41 175 -29 249 36 132 117 113 314 -38 392 -59 31 -168 35 -219 8z"/> <path d="M2807 3366 c-20 -13 -51 -35 -67 -51 -87 -83 -54 -231 65 -297 67 -37 162 -39 217 -5 115 69 139 228 49 318 -62 62 -189 79 -264 35z"/> <path d="M3768 3330 c-65 -34 -93 -66 -109 -123 -24 -90 20 -185 104 -226 91 -44 228 -20 275 47 62 88 53 194 -22 268 -69 70 -155 82 -248 34z"/> </g> </svg> </a> <a class="hesvg5" href="https://strategy.uz/index.php?category=religioznoy_tolerantnosti"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3390 6563 c-33 -2 -58 -10 -63 -18 -4 -8 -45 -26 -91 -40 -118 -36 -228 -115 -300 -215 -38 -53 -102 -196 -116 -260 -14 -67 -12 -206 5 -279 41 -172 176 -346 338 -432 113 -60 326 -86 438 -53 322 95 540 396 501 689 -23 172 -83 296 -202 415 -80 81 -161 130 -245 151 -27 6 -57 18 -66 26 -18 15 -114 23 -199 16z"/> <path d="M1127 5911 c-99 -58 -127 -102 -127 -199 0 -83 37 -149 173 -312 145 -173 253 -273 398 -370 227 -150 614 -317 846 -365 103 -21 341 -38 426 -30 l67 6 0 -43 c0 -24 -9 -200 -20 -393 -26 -454 -26 -435 3 -435 13 0 50 9 83 20 32 12 102 27 154 35 111 17 120 25 120 104 0 72 25 296 50 436 10 61 21 142 25 180 3 39 22 197 42 353 25 192 34 285 27 292 -17 17 -188 -7 -363 -50 -86 -21 -180 -42 -208 -46 -139 -18 -573 90 -782 196 -107 54 -241 143 -346 232 -99 84 -136 125 -213 239 -113 169 -235 220 -355 150z"/> <path d="M5555 5916 c-56 -26 -91 -62 -166 -173 -65 -96 -112 -147 -209 -227 -176 -147 -372 -251 -625 -334 -213 -71 -247 -77 -430 -77 -151 0 -167 2 -280 34 -151 42 -295 64 -312 48 -2 -3 16 -206 42 -451 25 -246 55 -546 65 -667 11 -122 20 -222 22 -224 2 -1 61 -10 131 -19 70 -9 151 -25 180 -36 93 -36 90 -39 83 108 -10 189 -25 370 -36 431 -6 30 -10 95 -11 145 0 50 -4 100 -8 111 -20 50 -13 52 192 58 316 9 523 60 799 198 208 104 496 318 686 508 88 89 180 216 189 263 3 15 9 25 14 22 5 -3 9 32 9 77 0 45 -3 80 -6 76 -3 -3 -24 21 -45 53 -67 99 -172 127 -284 76z"/> <path d="M3270 3690 c-542 -59 -1037 -384 -1318 -865 -117 -200 -177 -455 -177 -755 0 -259 30 -389 141 -616 147 -301 367 -543 646 -709 150 -89 409 -193 551 -221 48 -9 87 -21 87 -26 0 -4 117 -8 261 -8 150 0 258 4 255 9 -7 11 10 18 70 26 63 9 196 46 310 86 277 97 562 309 750 558 78 104 191 326 239 473 80 242 87 512 20 810 -94 420 -437 858 -827 1054 -230 116 -490 177 -803 188 -71 2 -164 1 -205 -4z m60 -749 l0 -369 -122 -6 c-68 -3 -139 -7 -158 -8 -38 -3 -36 -9 -60 137 -11 70 -110 386 -135 435 -13 24 -12 29 3 42 21 19 265 105 347 123 33 7 75 13 93 14 l32 1 0 -369z m482 333 c67 -17 200 -71 262 -108 l44 -26 -10 -42 c-5 -24 -27 -101 -49 -173 -22 -71 -46 -175 -54 -230 -19 -146 -12 -138 -114 -128 -47 4 -106 7 -131 6 -25 -1 -55 0 -67 3 l-23 4 0 344 c0 190 3 352 6 360 7 18 30 16 136 -10z m-1237 -371 c9 -32 27 -92 40 -133 32 -98 55 -197 55 -236 0 -31 -1 -32 -55 -39 -114 -14 -286 -54 -341 -79 -31 -14 -59 -25 -61 -22 -2 2 1 25 7 52 14 65 70 176 134 268 59 86 188 245 198 246 4 0 15 -26 23 -57z m1940 -113 c93 -124 122 -174 150 -260 10 -30 21 -59 26 -64 12 -13 11 -46 0 -46 -5 0 -45 13 -89 29 -44 16 -120 37 -169 46 -49 9 -94 20 -101 24 -17 11 31 279 68 375 13 34 5 42 115 -104z m-1187 -689 c1 -80 -1 -148 -5 -152 -11 -9 -222 7 -256 20 l-27 11 0 114 c0 81 4 117 13 123 14 9 196 31 242 29 l30 -1 3 -144z m585 133 l37 -7 0 -128 c0 -112 -2 -129 -17 -138 -10 -5 -72 -10 -138 -12 l-120 -4 -3 130 c-4 190 -11 179 106 171 53 -3 114 -9 135 -12z m474 -58 c88 -19 229 -68 226 -80 -2 -8 -219 -69 -295 -83 l-28 -5 0 75 c0 77 6 107 20 107 5 0 39 -6 77 -14z m-1687 -75 c0 -44 -4 -82 -8 -85 -12 -7 -229 38 -276 58 -24 10 -36 20 -30 25 11 11 259 78 292 80 21 1 22 -2 22 -78z m-347 -340 c67 -22 161 -47 210 -55 48 -8 92 -18 98 -22 14 -8 5 -57 -42 -240 -21 -82 -39 -164 -39 -182 0 -82 -67 -13 -246 255 -79 119 -145 283 -113 283 5 0 65 -18 132 -39z m2343 -33 c-4 -24 -23 -74 -42 -113 -35 -69 -212 -324 -226 -324 -15 -2 -38 60 -49 131 -7 40 -18 102 -26 138 -24 111 -25 120 -21 120 27 0 255 54 293 69 74 30 79 28 71 -21z m-1511 -92 c55 -3 110 -9 123 -12 l22 -6 0 -364 c0 -308 -2 -365 -14 -370 -19 -7 -296 67 -368 98 -97 42 -93 36 -65 106 48 118 98 312 117 452 14 112 13 110 52 105 18 -2 78 -7 133 -9z m832 -171 c36 -177 53 -231 95 -320 15 -33 28 -66 28 -73 0 -16 -186 -104 -301 -143 -48 -16 -105 -29 -128 -29 l-41 0 0 338 c0 185 3 347 6 359 6 21 12 23 123 26 64 2 131 3 150 3 l35 -1 33 -160z"/> </g> </svg> </a> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> </header> <!---------------------------------------------------------------------HEADER-------------------------------------------------------------> <div id="he2"> <a href="https://uzbekistan2030.uz/uz-Latn" class="v-fixed-card v-fixed-card--second v-fixed-card--top wow fadeInRight" data-iblock-element-id="12746"> <p class="v-fixed-card__text--top yil">Uzbekistan2030.uz</p></a> </div> <!--------------------------------------------------------------------TOP MENU------------------------------------------------------------> <div id="topmenu"> <div class="container"> <a href="https://strategy.uz/" class="logos"> <img src="https://strategy.uz/engine/templates/strategy/images/center.png" /> <span>"ТАРАҚҚИЁТ СТРАТЕГИЯСИ" <br> МАРКАЗИ</span> <div class="clear"></div> </a> <a href="#" onclick="diplay_hide_width('#nav')" class="menumob icon-menu-1"></a> <ul id="nav"> <li class="mobstr"><a href="#" onclick="diplay_hide_width('#nav')" style="text-align:center;" class=" icon-up-open"></a></li> <li class="mobobs"><a target="_blank" href="https://2019.strategy.uz/" ><span>Муҳокамалар</span></a></li> <li><a style="cursor:default;"><span>“ЎЗБЕКИСТОН – 2030” СТРАТЕГИЯСИ<em class="icon-down-open-big"></em></span></a> <ul> <li><a class="listar" href="https://strategy.uz/index.php?static=strategy_actions"><span style="text-transform: uppercase">Мазмун-моҳияти</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=programma"><span style="text-transform: uppercase">Давлат дастури</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=o_strategii"><span>ТАРАҚҚИЁТ СТРАТЕГИЯСИ</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=prioritetnye_napravleniya"><span style="text-transform: uppercase">Устувор йўналишлар</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=o_strategii"><span>ТАРАҚҚИЁТ СТРАТЕГИЯСИ</span></a></li> <li><a class="listar" href="http://teest.strategy.uz/"><span>ТАРАҚҚИЁТ СТРАТЕГИЯСИ</span></a></li> <li><a class="listar" href="http://teest.strategy.uz/"><span>ТАРАҚҚИЁТ СТРАТЕГИЯСИ</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=prioritetnye_napravleniya"><span style="text-transform: uppercase">Устувор йўналишлар</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=programma"><span style="text-transform: uppercase">Давлат дастури</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=vypolnenie_gosprogrammy"><span style="text-transform: uppercase">Давлат дастури ижроси</span></a></li>--> </ul> </li> <li><a style="cursor:default;"><span>МАРКАЗ ҲАҚИДА<em class="icon-down-open-big"></em></span></a> <ul> <li><a class="listar" href="https://strategy.uz/index.php?static=deyatelnost_centra"><span style="text-transform: uppercase">Марказ фаолияти</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=komanda_centra"><span style="text-transform: uppercase">Марказ жамоаси</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=the_international_cooperation"><span>Халқаро ҳамкорлик</span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=proekty"><span>Лойиҳалар</span></a></li>--> <li><a class="listar" href="https://strategy.uz/index.php?category=analitika"><span style="text-transform: uppercase">Аналитик материаллар</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?category=izdaniya"><span>Нашрлар</span></a></li>--> </ul> </li> <li><a href="https://strategy.uz/index.php?category=news" ><span>ЯНГИЛИКЛАР</span></a></li> <li><a style="cursor:default;"><span>АХБОРОТ ХИЗМАТИ<em class="icon-down-open-big"></em></span></a> <ul> <!--<li><a class="listar" href="https://strategy.uz/index.php?category=press_reliz"><span style="text-transform: uppercase">Рисолалар</span></a></li>--> <li><a class="listar" href="https://strategy.uz/index.php?category=smi_o_nas"><span style="text-transform: uppercase">ОАВ биз ҳақимизда</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=fotos"><span style="text-transform: uppercase">Фото</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=video"><span style="text-transform: uppercase">Видео</span></a></li> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=journals"><span style="text-transform: uppercase">Журнал</span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?category=anons"><span></span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=doklady"><span>Ҳисоботлар</span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?gallery=infographic"><span>ЙИЛ ЯКУНЛАРИ</span></a></li>--> <!--<li><a class="listar" href=""><span>Эълонлар</span></a></li>--> </ul> </li> <li><a href="https://strategy.uz/index.php?static=vypolnenie_gosprogrammy" ><span style="text-transform: uppercase">Давлат дастури ижроси</span></a></li> <li><a href="https://strategy.uz/index.php?category=infog" ><span style="text-transform: uppercase">Инфографика</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=izdaniya"><span style="text-transform: uppercase">Рисолалар</span></a></li> <!-- <li><a class="listar" href="https://strategy.uz/index.php?category=stateprogramm"><span style="text-transform: uppercase">Рисолалар</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?static=journals"><span style="text-transform: uppercase">Рисолалар</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=press_reliz"><span style="text-transform: uppercase">Рисолалар</span></a></li> <li><a href="http://journal.strategy.uz/"><span style="text-transform: uppercase">Журнал</span></a></li> <li><a href="https://strategy.uz/index.php?category=itogi"><span style="text-transform: uppercase">Журнал</span></a></li> <!-- <li><a style="cursor:default;"><span>ЙИЛ ЯКУНЛАРИ<em class="icon-down-open-big"></em></span></a> <ul> <!--<li><a class="listar" href="https://strategy.uz/index.php?category=itogi"><span>Рисолалар</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=smi_o_nas"><span>ОАВ биз ҳақимизда</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?gallery=foto"><span>Фото</span></a></li> <li><a class="listar" href="https://strategy.uz/index.php?category=video"><span>Видео</span></a></li>--> <!--<li><a class="listar" href="https://strategy.uz/index.php?static=doklady"><span>Ҳисоботлар</span></a></li>--> <!-- <li><a class="listar" href="https://strategy.uz/index.php?category=itogi"><span style="text-transform: uppercase">Журнал</span></a></li> <!--<li><a class="listar" href=""><span>Эълонлар</span></a></li>--> <!-- </ul> </li>--> </ul> <!--<a class="activsup" target="_blank" href="https://fikr.strategy.uz/">Муҳокамалар</a>--> <ul id="toplang"> <li><a href="#" ><span class="lanpunkt"><img src="https://strategy.uz/languages/uz.png" /> Ўзбек<em class="icon-down-open-big"></em></span></a> <ul> <li><a href="index.php?lang=ru" ><span class="lanpunkt"><img src="https://strategy.uz/languages/ru.png" /> Русский</span></a></li> <li><a href="index.php?lang=uz" ><span class="lanpunkt"><img src="https://strategy.uz/languages/uz.png" /> О'zbek</span></a></li> <li><a href="index.php?lang=en" ><span class="lanpunkt"><img src="https://strategy.uz/languages/en.png" /> English</span></a></li> </ul> </li> </ul> <div class="clear"></div> </div> </div> <div class="clear"> </div> <!--------------------------------------------------------------------TOP MENU------------------------------------------------------------> <!-------------------------------------------------------------------POSITION1------------------------------------------------------------> <!-- <div id="position1"> <div class="container"> <div class="podpos1 "> <div class="br1"> <div class="brtime1"></div> <div class="brcontainer"> <!-- <h2>“ПРЕЗИДЕНТ МУРОЖААТНОМАСИ: 2021 ЙИЛНИНГ УСТУВОР ЙЎНАЛИШЛАРИ” НОМЛИ ИНФОГРАФИК РИСОЛА НАШР ЭТИЛДИ”</h2> <p> “Тараққиёт стратегияси” маркази томонидан Президент Шавкат Мирзиёевнинг 2020 йил 29 декабрь куни Парламентга йўллаган Мурожаатномасида белгилаб берилган устувор вазифалар ҳақида ўзбек, рус, инглиз тилларида инфографик материаллардан иборат “Президент Мурожаатномаси: 2021 йилнинг устувор йўналишлари” номли махсус рисола тайёрланиб, нашр этилди. </p> <h2>“ПРЕЗИДЕНТ МУРОЖААТНОМАСИ: 2021 ЙИЛНИНГ УСТУВОР ЙЎНАЛИШЛАРИ” НОМЛИ ИНФОГРАФИК РИСОЛА НАШР ЭТИЛДИ”</h2> <p>“Тараққиёт стратегияси” маркази томонидан Президент Шавкат Мирзиёевнинг 2020 йил 29 декабрь куни Парламентга йўллаган Мурожаатномасида белгилаб берилган устувор вазифалар ҳақида ўзбек, рус, инглиз тилларида инфографик материаллардан иборат “Президент Мурожаатномаси: 2021 йилнинг устувор йўналишлари” номли махсус рисола тайёрланиб, нашр этилди.</p> </div> <a class="btn" href="https://strategy.uz/index.php?news=1231&lang=uza">Батафсил</a> </div> <div class="br2"> <div class=""><div class="" style=""></div></div> </div> <style> /*! * chiefSlider (https://itchief.ru/lessons/php/feedback-form-for-website) * Copyright 2018 Alexander Maltsev * Licensed under MIT (https://github.com/itchief/feedback-form/blob/master/LICENSE) */ /* стили для элемента body */ body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; height: 3000px; } /* стили основного контейнера слайдера */ .slider { position: relative; overflow: hidden; max-width: 800px; margin-left: auto; margin-right: auto; } /* стили для обёртки, в которой заключены слайды */ .slider__wrapper { position: relative; overflow: hidden; } /* стили для контейнера слайдов */ .slider__items { display: flex; transition: transform 0.6s ease; } /* стили для слайдов */ .slider__item { flex: 0 0 100%; max-width: 100%; } /* стили для кнопок "вперед" и "назад" */ .slider__control { position: absolute; top: 50%; display: none; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); } .slider__control_show { display: flex; } .slider__control:hover, .slider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .slider__control_prev { left: 0; } .slider__control_next { right: 0; } .slider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .slider__control_prev::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .slider__control_next::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } /* стили для индикаторов */ .slider__indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; margin-top: 0; margin-bottom: 0; } .slider__indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 4px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .slider__indicators li.active { background-color: #fff; } .img-fluid { display: inline-block; height: auto; max-width: 100%; } .btn { display: block; font-weight: 400; margin-top: 80px; text-align: center; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; color: #fff; background-color: rgba(36 171 191); text-decoration: none; } .btn:hover { color: #fff; background-color: rgba(36 171 191); } </style> <script> 'use strict'; var slideShow = (function () { return function (selector, config) { var _slider = document.querySelector(selector), // основный элемент блока _sliderContainer = _slider.querySelector('.slider__items'), // контейнер для .slider-item _sliderItems = _slider.querySelectorAll('.slider__item'), // коллекция .slider-item _sliderControls = _slider.querySelectorAll('.slider__control'), // элементы управления _currentPosition = 0, // позиция левого активного элемента _transformValue = 0, // значение транфсофрмации .slider_wrapper _transformStep = 100, // величина шага (для трансформации) _itemsArray = [], // массив элементов _timerId, _indicatorItems, _indicatorIndex = 0, _indicatorIndexMax = _sliderItems.length - 1, _stepTouch = 50, _config = { isAutoplay: false, // автоматическая смена слайдов directionAutoplay: 'next', // направление смены слайдов delayAutoplay: 5000, // интервал между автоматической сменой слайдов isPauseOnHover: true // устанавливать ли паузу при поднесении курсора к слайдеру }; // настройка конфигурации слайдера в зависимости от полученных ключей for (var key in config) { if (key in _config) { _config[key] = config[key]; } } // наполнение массива _itemsArray for (var i = 0, length = _sliderItems.length; i < length; i++) { _itemsArray.push({ item: _sliderItems[i], position: i, transform: 0 }); } // переменная position содержит методы с помощью которой можно получить минимальный и максимальный индекс элемента, а также соответствующему этому индексу позицию var position = { getItemIndex: function (mode) { var index = 0; for (var i = 0, length = _itemsArray.length; i < length; i++) { if ((_itemsArray[i].position < _itemsArray[index].position && mode === 'min') || (_itemsArray[i].position > _itemsArray[index].position && mode === 'max')) { index = i; } } return index; }, getItemPosition: function (mode) { return _itemsArray[position.getItemIndex(mode)].position; } }; // функция, выполняющая смену слайда в указанном направлении var _move = function (direction) { var nextItem, currentIndicator = _indicatorIndex;; if (direction === 'next') { _currentPosition++; if (_currentPosition > position.getItemPosition('max')) { nextItem = position.getItemIndex('min'); _itemsArray[nextItem].position = position.getItemPosition('max') + 1; _itemsArray[nextItem].transform += _itemsArray.length * 100; _itemsArray[nextItem].item.style.transform = 'translateX(' + _itemsArray[nextItem].transform + '%)'; } _transformValue -= _transformStep; _indicatorIndex = _indicatorIndex + 1; if (_indicatorIndex > _indicatorIndexMax) { _indicatorIndex = 0; } } else { _currentPosition--; if (_currentPosition < position.getItemPosition('min')) { nextItem = position.getItemIndex('max'); _itemsArray[nextItem].position = position.getItemPosition('min') - 1; _itemsArray[nextItem].transform -= _itemsArray.length * 100; _itemsArray[nextItem].item.style.transform = 'translateX(' + _itemsArray[nextItem].transform + '%)'; } _transformValue += _transformStep; _indicatorIndex = _indicatorIndex - 1; if (_indicatorIndex < 0) { _indicatorIndex = _indicatorIndexMax; } } _sliderContainer.style.transform = 'translateX(' + _transformValue + '%)'; _indicatorItems[currentIndicator].classList.remove('active'); _indicatorItems[_indicatorIndex].classList.add('active'); }; // функция, осуществляющая переход к слайду по его порядковому номеру var _moveTo = function (index) { var i = 0, direction = (index > _indicatorIndex) ? 'next' : 'prev'; while (index !== _indicatorIndex && i <= _indicatorIndexMax) { _move(direction); i++; } }; // функция для запуска автоматической смены слайдов через промежутки времени var _startAutoplay = function () { if (!_config.isAutoplay) { return; } _stopAutoplay(); _timerId = setInterval(function () { _move(_config.directionAutoplay); }, _config.delayAutoplay); }; // функция, отключающая автоматическую смену слайдов var _stopAutoplay = function () { clearInterval(_timerId); }; // функция, добавляющая индикаторы к слайдеру var _addIndicators = function () { var indicatorsContainer = document.createElement('ol'); indicatorsContainer.classList.add('slider__indicators'); for (var i = 0, length = _sliderItems.length; i < length; i++) { var sliderIndicatorsItem = document.createElement('li'); if (i === 0) { sliderIndicatorsItem.classList.add('active'); } sliderIndicatorsItem.setAttribute("data-slide-to", i); indicatorsContainer.appendChild(sliderIndicatorsItem); } _slider.appendChild(indicatorsContainer); _indicatorItems = _slider.querySelectorAll('.slider__indicators > li') }; var _isTouchDevice = function () { return !!('ontouchstart' in window || navigator.maxTouchPoints); }; // функция, осуществляющая установку обработчиков для событий var _setUpListeners = function () { var _startX = 0; if (_isTouchDevice()) { _slider.addEventListener('touchstart', function (e) { _startX = e.changedTouches[0].clientX; _startAutoplay(); }); _slider.addEventListener('touchend', function (e) { var _endX = e.changedTouches[0].clientX, _deltaX = _endX - _startX; if (_deltaX > _stepTouch) { _move('prev'); } else if (_deltaX < -_stepTouch) { _move('next'); } _startAutoplay(); }); } else { for (var i = 0, length = _sliderControls.length; i < length; i++) { _sliderControls[i].classList.add('slider__control_show'); } } _slider.addEventListener('click', function (e) { if (e.target.classList.contains('slider__control')) { e.preventDefault(); _move(e.target.classList.contains('slider__control_next') ? 'next' : 'prev'); _startAutoplay(); } else if (e.target.getAttribute('data-slide-to')) { e.preventDefault(); _moveTo(parseInt(e.target.getAttribute('data-slide-to'))); _startAutoplay(); } }); document.addEventListener('visibilitychange', function () { if (document.visibilityState === "hidden") { _stopAutoplay(); } else { _startAutoplay(); } }, false); if (_config.isPauseOnHover && _config.isAutoplay) { _slider.addEventListener('mouseenter', function () { _stopAutoplay(); }); _slider.addEventListener('mouseleave', function () { _startAutoplay(); }); } }; // добавляем индикаторы к слайдеру _addIndicators(); // установливаем обработчики для событий _setUpListeners(); // запускаем автоматическую смену слайдов, если установлен соответствующий ключ _startAutoplay(); return { // метод слайдера для перехода к следующему слайду next: function () { _move('next'); }, // метод слайдера для перехода к предыдущему слайду left: function () { _move('prev'); }, // метод отключающий автоматическую смену слайдов stop: function () { _config.isAutoplay = false; _stopAutoplay(); }, // метод запускающий автоматическую смену слайдов cycle: function () { _config.isAutoplay = true; _startAutoplay(); } } } }()); slideShow('.slider', { isAutoplay: true }); </script> <div class="slider"> <div class="slider__wrapper"> <div class="slider__items"> <div class="slider__item"> <img class="img-fluid" src="https://strategy.uz/files/photo/broshura/uz/uzspreadsstranica01.jpg" alt="c1"> </div> <div class="slider__item"> <img class="img-fluid" src="https://strategy.uz/files/photo/broshura/uz/uzspreadsstranica02.jpg" alt="c2"> </div> <div class="slider__item"> <img class="img-fluid" src="https://strategy.uz/files/photo/broshura/uz/uzspreadsstranica03.jpg" alt="c3"> </div> <div class="slider__item"> <img class="img-fluid" src="https://strategy.uz/files/photo/broshura/uz/uzspreadsstranica04.jpg" alt="c4"> </div> <div class="slider__item"> <img class="img-fluid" src="https://strategy.uz/files/photo/broshura/uz/uzspreadsstranica06.jpg"alt="c5"> </div> <div class="slider__item"> <img class="img-fluid" src="https://strategy.uz/files/photo/broshura/uz/uzspreadsstranica06.jpg"alt="c6"> </div> <div class="slider__item"> <img class="img-fluid" src="https://strategy.uz/files/photo/broshura/uz/uzspreadsstranica06.jpg"alt="c7"> </div> <div class="slider__item"> <img class="img-fluid" src="https://strategy.uz/files/photo/broshura/uz/uzspreadsstranica06.jpg"alt="c8"> </div> <div class="slider__item"> <img class="img-fluid" src="https://strategy.uz/files/photo/broshura/uz/uzspreadsstranica06.jpg"alt="c9"> </div> <div class="slider__item"> <img class="img-fluid" src="https://strategy.uz/files/photo/broshura/uz/uzspreadsstranica06.jpg"alt="c10"> </div> </div> </div> <a class="slider__control slider__control_prev" href="/examples/images/c3.jpg" role="button"></a> <a class="slider__control slider__control_next" href="/examples/images/c3.jpg" role="button"></a> </div> --> <script> 'use strict'; var slideShow = (function () { return function (selector, config) { var _slider = document.querySelector(selector), // основный элемент блока _sliderContainer = _slider.querySelector('.slider__items'), // контейнер для .slider-item _sliderItems = _slider.querySelectorAll('.slider__item'), // коллекция .slider-item _sliderControls = _slider.querySelectorAll('.slider__control'), // элементы управления _currentPosition = 0, // позиция левого активного элемента _transformValue = 0, // значение транфсофрмации .slider_wrapper _transformStep = 100, // величина шага (для трансформации) _itemsArray = [], // массив элементов _timerId, _indicatorItems, _indicatorIndex = 0, _indicatorIndexMax = _sliderItems.length - 1, _stepTouch = 50, _config = { isAutoplay: false, // автоматическая смена слайдов directionAutoplay: 'next', // направление смены слайдов delayAutoplay: 5000, // интервал между автоматической сменой слайдов isPauseOnHover: true // устанавливать ли паузу при поднесении курсора к слайдеру }; // настройка конфигурации слайдера в зависимости от полученных ключей for (var key in config) { if (key in _config) { _config[key] = config[key]; } } // наполнение массива _itemsArray for (var i = 0, length = _sliderItems.length; i < length; i++) { _itemsArray.push({item: _sliderItems[i], position: i, transform: 0}); } // переменная position содержит методы с помощью которой можно получить минимальный и максимальный индекс элемента, а также соответствующему этому индексу позицию var position = { getItemIndex: function (mode) { var index = 0; for (var i = 0, length = _itemsArray.length; i < length; i++) { if ((_itemsArray[i].position < _itemsArray[index].position && mode === 'min') || (_itemsArray[i].position > _itemsArray[index].position && mode === 'max')) { index = i; } } return index; }, getItemPosition: function (mode) { return _itemsArray[position.getItemIndex(mode)].position; } }; // функция, выполняющая смену слайда в указанном направлении var _move = function (direction) { var nextItem, currentIndicator = _indicatorIndex; ; if (direction === 'next') { _currentPosition++; if (_currentPosition > position.getItemPosition('max')) { nextItem = position.getItemIndex('min'); _itemsArray[nextItem].position = position.getItemPosition('max') + 1; _itemsArray[nextItem].transform += _itemsArray.length * 100; _itemsArray[nextItem].item.style.transform = 'translateX(' + _itemsArray[nextItem].transform + '%)'; } _transformValue -= _transformStep; _indicatorIndex = _indicatorIndex + 1; if (_indicatorIndex > _indicatorIndexMax) { _indicatorIndex = 0; } } else { _currentPosition--; if (_currentPosition < position.getItemPosition('min')) { nextItem = position.getItemIndex('max'); _itemsArray[nextItem].position = position.getItemPosition('min') - 1; _itemsArray[nextItem].transform -= _itemsArray.length * 100; _itemsArray[nextItem].item.style.transform = 'translateX(' + _itemsArray[nextItem].transform + '%)'; } _transformValue += _transformStep; _indicatorIndex = _indicatorIndex - 1; if (_indicatorIndex < 0) { _indicatorIndex = _indicatorIndexMax; } } _sliderContainer.style.transform = 'translateX(' + _transformValue + '%)'; _indicatorItems[currentIndicator].classList.remove('active'); _indicatorItems[_indicatorIndex].classList.add('active'); }; // функция, осуществляющая переход к слайду по его порядковому номеру var _moveTo = function (index) { var i = 0, direction = (index > _indicatorIndex) ? 'next' : 'prev'; while (index !== _indicatorIndex && i <= _indicatorIndexMax) { _move(direction); i++; } }; // функция для запуска автоматической смены слайдов через промежутки времени var _startAutoplay = function () { if (!_config.isAutoplay) { return; } _stopAutoplay(); _timerId = setInterval(function () { _move(_config.directionAutoplay); }, _config.delayAutoplay); }; // функция, отключающая автоматическую смену слайдов var _stopAutoplay = function () { clearInterval(_timerId); }; // функция, добавляющая индикаторы к слайдеру var _addIndicators = function () { var indicatorsContainer = document.createElement('ol'); indicatorsContainer.classList.add('slider__indicators'); for (var i = 0, length = _sliderItems.length; i < length; i++) { var sliderIndicatorsItem = document.createElement('li'); if (i === 0) { sliderIndicatorsItem.classList.add('active'); } sliderIndicatorsItem.setAttribute("data-slide-to", i); indicatorsContainer.appendChild(sliderIndicatorsItem); } _slider.appendChild(indicatorsContainer); _indicatorItems = _slider.querySelectorAll('.slider__indicators > li') }; var _isTouchDevice = function () { return !!('ontouchstart' in window || navigator.maxTouchPoints); }; // функция, осуществляющая установку обработчиков для событий var _setUpListeners = function () { var _startX = 0; if (_isTouchDevice()) { _slider.addEventListener('touchstart', function (e) { _startX = e.changedTouches[0].clientX; _startAutoplay(); }); _slider.addEventListener('touchend', function (e) { var _endX = e.changedTouches[0].clientX, _deltaX = _endX - _startX; if (_deltaX > _stepTouch) { _move('prev'); } else if (_deltaX < -_stepTouch) { _move('next'); } _startAutoplay(); }); } else { for (var i = 0, length = _sliderControls.length; i < length; i++) { _sliderControls[i].classList.add('slider__control_show'); } } _slider.addEventListener('click', function (e) { if (e.target.classList.contains('slider__control')) { e.preventDefault(); _move(e.target.classList.contains('slider__control_next') ? 'next' : 'prev'); _startAutoplay(); } else if (e.target.getAttribute('data-slide-to')) { e.preventDefault(); _moveTo(parseInt(e.target.getAttribute('data-slide-to'))); _startAutoplay(); } }); document.addEventListener('visibilitychange', function () { if (document.visibilityState === "hidden") { _stopAutoplay(); } else { _startAutoplay(); } }, false); if (_config.isPauseOnHover && _config.isAutoplay) { _slider.addEventListener('mouseenter', function () { _stopAutoplay(); }); _slider.addEventListener('mouseleave', function () { _startAutoplay(); }); } }; // добавляем индикаторы к слайдеру _addIndicators(); // установливаем обработчики для событий _setUpListeners(); // запускаем автоматическую смену слайдов, если установлен соответствующий ключ _startAutoplay(); return { // метод слайдера для перехода к следующему слайду next: function () { _move('next'); }, // метод слайдера для перехода к предыдущему слайду left: function () { _move('prev'); }, // метод отключающий автоматическую смену слайдов stop: function () { _config.isAutoplay = false; _stopAutoplay(); }, // метод запускающий автоматическую смену слайдов cycle: function () { _config.isAutoplay = true; _startAutoplay(); } } } }()); slideShow('.slider', { isAutoplay: true }); </script> <div class="container"> <div class="podpos1 "> <div class="br1"> <div class="brtime"><span class="icon-eye-5">64</span>| 13 Дек. 2024 й., 14:30:12</div> <div class="brcontainer"> <h2>ЎЗБЕКИСТОН ДЕЛЕГАЦИЯСИ ФРАНЦИЯ ПАРЛАМЕНТИ ТАШҚИ ИШЛАР ҚЎМИТАСИ РАИСИ БИЛАН УЧРАШДИ</h2> <p> Ўзбекистон таҳлилий марказлари делегациясининг Францияга ташрифи доирасида Париж шаҳрида европалик ҳамкорлар билан қатор учрашувлар ташкил этилди. Жумладан,...</p> </div> </div> <div class="br2"> <div class="bbrimg"><div class="brimages" style="background: url('https://strategy.uz/files/news/41473/1.jpg') no-repeat;"></div></div> <a class="brlink" href="https://strategy.uz/index.php?news=2006">Батафсил</a> <div class="clear"></div> </div> <div class="clear"></div> </div> <div class="clear"></div> <br /> <a class="shorstory1 wow fadeInUp" href="https://strategy.uz/index.php?news=2004"> <div class="hoty"><div class="shortimg" style="background: url('https://strategy.uz/files/news/66466/artboard1.jpg') no-repeat;"></div></div> <div class="shortconte"> <div class="title">МАРКАЗ РАҲБАРИ ТУРКИЯДА БЎЛИБ ЎТАДИГАН IV ХАЛҚАРО СТРАТЕГИК КОММУНИКАЦИЯ ФОРУМИДА ИШТИРОК ЭТАДИ</div> <span><span class="icon-eye-5">144</span>| 12 Дек. 2024 й., 18:07:16</span> </div> <div class="clear"></div> </a> <a class="shorstory1 wow fadeInUp" href="https://strategy.uz/index.php?news=2003"> <div class="hoty"><div class="shortimg" style="background: url('https://strategy.uz/files/news/48415/1.jpg') no-repeat;"></div></div> <div class="shortconte"> <div class="title">ПАРИЖ ШАҲРИДА ЎЗБЕКИСТОН ВА ЕВРОПА ИТТИФОҚИ ЎРТАСИДАГИ МУЛОҚОТНИ КЕНГАЙТИРИШ МАСАЛАЛАРИ МУҲОКАМА ҚИЛИНДИ</div> <span><span class="icon-eye-5">161</span>| 12 Дек. 2024 й., 15:57:52</span> </div> <div class="clear"></div> </a> <a class="shorstory1 wow fadeInUp" href="https://strategy.uz/index.php?news=2002"> <div class="hoty"><div class="shortimg" style="background: url('https://strategy.uz/files/news/79862/1.jpg') no-repeat;"></div></div> <div class="shortconte"> <div class="title">ФУҚАРОЛИК ЖАМИЯТИ ҲАФТАЛИГИ ДОИРАСИДА МУНОСИБЛАР ТАҚДИРЛАНДИ</div> <span><span class="icon-eye-5">242</span>| 07 Дек. 2024 й., 14:19:02</span> </div> <div class="clear"></div> </a> </div> <!-------------------------------------------------------------------POSITION1------------------------------------------------------------> <!-------------------------------------------------------------------POSITION2------------------------------------------------------------> <!--<div id="position2" > <div class="container"> {news2 limit=3 fixed=yes} <div class="clear"></div> </div> </div>--> <!-------------------------------------------------------------------POSITION2------------------------------------------------------------> <!-------------------------------------------------------------------POSITION3------------------------------------------------------------> <div id="position3"> <div class="container"> <div class="pos3blocked1 wow fadeInUp"> <div class="postitl"> <div class="tilob"> <div class="til1"> <span class="icon-chart-pie"></span> Фаолият натижалари </div> <div class="til2"> </div> <div class="clear"></div> </div> <div class="til3"> <a href="https://strategy.uz/index.php?category=stateprogramm" class="titlicon icon-right-open-big"></a> </div> <div class="clear"></div> </div> <div class="conteblock2 wow fadeInUp"> <div class="imgesd" > <div class="imgposd" style="background: url('https://strategy.uz/files/news/59452/123.jpg') no-repeat;"></div> </div> <a href="https://strategy.uz/index.php?news=1900" class="title">“Ўзбекистон - 2030” стратегиясининг “Хавфсиз ва тинчликсевар давлат”...</a> <div class="date"><span class="icon-eye-5">4831</span> | 29 Мар. 2024 й., 13:38:57</div> <div class="clear"></div> </div> <div class="conteblock2 wow fadeInUp"> <div class="imgesd" > <div class="imgposd" style="background: url('https://strategy.uz/files/news/39548/bulletinuzb3ypage1.jpg') no-repeat;"></div> </div> <a href="https://strategy.uz/index.php?news=1852" class="title">“Ўзбекистон — 2030» стратегиясининг “Сув ресурсларини тежаш ва...</a> <div class="date"><span class="icon-eye-5">5167</span> | 23 Ян. 2024 й., 12:23:07</div> <div class="clear"></div> </div> <div class="conteblock2 wow fadeInUp"> <div class="imgesd" > <div class="imgposd" style="background: url('https://strategy.uz/files/news/99326/uz.png') no-repeat;"></div> </div> <a href="https://strategy.uz/index.php?news=1849" class="title">“Ўзбекистон - 2030” стратегиясининг “Ҳар бир инсонга ўз салоҳиятини...</a> <div class="date"><span class="icon-eye-5">5776</span> | 13 Ян. 2024 й., 19:38:41</div> <div class="clear"></div> </div> <div class="conteblock2 wow fadeInUp"> <div class="imgesd" > <div class="imgposd" style="background: url('https://strategy.uz/files/news/35954/cover-01.jpg') no-repeat;"></div> </div> <a href="https://strategy.uz/index.php?news=1848" class="title">“Ўзбекистон – 2030” стратегияси</a> <div class="date"><span class="icon-eye-5">6917</span> | 05 Ян. 2024 й., 14:35:39</div> <div class="clear"></div> </div> </div> <div class="pos3blocked2 wow fadeInUp"> <div class="postitl"> <div class="tilob"> <div class="til1"> <span class="icon-chart-pie"></span> Таҳлилий мақолалар </div> <div class="til2"> </div> <div class="clear"></div> </div> <div class="til3"> <a href="https://strategy.uz/index.php?category=analitika" class="titlicon icon-right-open-big"></a> </div> <div class="clear"></div> </div> <div class="conteblock2 wow fadeInUp"> <div class="imgesd" > <div class="imgposd" style="background: url('https://strategy.uz/files/news/70380/kiril.jpg') no-repeat;"></div> </div> <a href="https://strategy.uz/index.php?news=1991" class="title">ЎЗБЕКИСТОНДА БОЛАЛАРНИНГ ТЎЙИБ ОВҚАТЛАНМАСЛИК ҲОЛАТИНИНГ ТАҲЛИЛИ</a> <div class="date"><span class="icon-eye-5">867</span> | 07 Ноя. 2024 й., 09:20:39</div> <div class="clear"></div> </div> <div class="conteblock2 wow fadeInUp"> <div class="imgesd" > <div class="imgposd" style="background: url('https://strategy.uz/files/news/59345/11111111.jpg') no-repeat;"></div> </div> <a href="https://strategy.uz/index.php?news=1960" class="title">ЎЗБЕКИСТОНДА КОРРУПЦИЯГА ҚАРШИ КУРАШИШ УЗЛУКСИЗ ЖАРАЁНДИР</a> <div class="date"><span class="icon-eye-5">2522</span> | 10 Сен. 2024 й., 10:58:36</div> <div class="clear"></div> </div> <div class="conteblock2 wow fadeInUp"> <div class="imgesd" > <div class="imgposd" style="background: url('https://strategy.uz/files/news/73123/iskandar.jpg') no-repeat;"></div> </div> <a href="https://strategy.uz/index.php?news=1959" class="title">Ўзбекистонда туризм соҳасининг ривожланиши халқ фаровонлигининг юксалишига хизмат қилади</a> <div class="date"><span class="icon-eye-5">2635</span> | 06 Сен. 2024 й., 12:08:20</div> <div class="clear"></div> </div> <div class="conteblock2 wow fadeInUp"> <div class="imgesd" > <div class="imgposd" style="background: url('https://strategy.uz/files/news/75620/1.jpg') no-repeat;"></div> </div> <a href="https://strategy.uz/index.php?news=1958" class="title">Ўзбекистон: китоб ўқишни оммалаштириш йўлида</a> <div class="date"><span class="icon-eye-5">2499</span> | 29 Авг. 2024 й., 16:36:52</div> <div class="clear"></div> </div> <div class="clear"></div> </div> <div class="pos3blocked3 wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;"> <div class="postitl"> <div class="tilob"> <div class="til1"> <span class="icon-docs"></span> Инфографика </div> <div class="til2"> </div> <div class="clear"></div> </div> <div class="til3"> <a href="https://strategy.uz/index.php?category=infog" class="titlicon icon-right-open-big"></a> </div> <div class="clear"></div> <link href="/engine/templates/strategy/lightbox/css/lightbox.min.css" rel="stylesheet"> <script src="/engine/templates/strategy/lightbox/js/lightbox-plus-jquery.min.js"></script> <div id="gallery"> <figure class="photo taraqqiyot"> <a href="https://strategy.uz/files/photo/infog2024/uz/1.jpg" data-lightbox="roadtrip" data-title="Taraqqiyot strategiyasi markazi"><img src="https://strategy.uz/files/photo/infog2024/uz/1.jpg" alt="Taraqqiyot strategiyasi markazi"/></a> <figcaption></figcaption> </figure> <figure class="photo taraqqiyot"> <a href="https://strategy.uz/files/photo/infog2024/uz/2.jpg" data-lightbox="roadtrip" data-title="Taraqqiyot strategiyasi markazi"><img src="https://strategy.uz/files/photo/infog2024/uz/2.jpg" alt="Taraqqiyot strategiyasi markazi"/></a> <figcaption></figcaption> </figure> <figure class="photo taraqqiyot"> <a href="https://strategy.uz/files/photo/infog2024/uz/3.jpg" data-lightbox="roadtrip" data-title="Taraqqiyot strategiyasi markazi"><img src="https://strategy.uz/files/photo/infog2024/uz/3.jpg" alt="Taraqqiyot strategiyasi markazi"/></a> <figcaption></figcaption> </figure> </div> <style> .photo { /*float: left;*/ width: 19.333333%; padding: 10px; box-sizing: border-box; } .photo img { display: block; width: 300px; height: 205px; /* max-width: 100%; height: auto;*/ border: 6px solid #eee; box-sizing: border-box; } .photo a:hover { opacity: 0.5; } .photo a { display: block; position: relative; } .photo a:after { content: ''; background: transparent url(/engine/templates/strategy/images/eye-icon.png) no-repeat center; width: 52px; height: 35px; position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; visibility: hidden; } .photo:hover > a:after { visibility: visible; } .photo figcaption { color: #999999; text-align: center; margin-top: 20px; } #gallery { margin-bottom: 60px; } #gallery:after { content: ''; display: block; height: 0; clear: both; } </style> <style> /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ applet, object, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; /* font: inherit;*/ vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } @media (min-width: 1200px) and (max-width: 1500px) { .photo { /* float: left;*/ width: 30.333333%; padding: 10px; box-sizing: border-box; } .photo img { display: block; width: 295px; height: 200px; /* max-width: 100%; height: auto;*/ border: 6px solid #eee; box-sizing: border-box; } } @media (min-width: 992px) and (max-width: 1199px) { .photo { /* float: left;*/ width: 33.333333%; padding: 10px; box-sizing: border-box; } } @media (min-width: 768px) and (max-width: 991px) { .photo { /* float: left;*/ width: 33.333333%; padding: 10px; box-sizing: border-box; } .photo img { display: block; width: 250px; height: 190px; /* max-width: 100%; height: auto;*/ border: 6px solid #eee; box-sizing: border-box; } } @media (max-width: 748px) { .photo { /* float: left;*/ width: 47.333333%; padding: 10px; box-sizing: border-box; } .photo img { display: block; /*width: 220px; height: 170px;*/ max-width: 100%; height: auto; border: 6px solid #eee; box-sizing: border-box; } } </style> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> </div> <!-------------------------------------------------------------------POSITION3------------------------------------------------------------> <!-------------------------------------------------------------------POSITION4------------------------------------------------------------> <div id="position4"> <div class="container"> <h1 class="h1design">Фикрлар</h1> <div id="slidera_1"> <div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/99658/5.webp') no-repeat;"> <div class="plash">АНТОНИУ ГУТЕРРИШ </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=269" style="color: #fafafa"><h3>АНТОНИУ ГУТЕРРИШ</h3> <p style="text-align:justify"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px"></span></span></p> <p style="text-align:right"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px"><strong>АНТОНИУ ГУТЕРРИШ</strong></span></span></p> <p style="text-align:right"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px"><strong>Бирлашган Миллатлар Ташкилоти Бош котиби:</strong></span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px"><span style="color:black">– Ўзбекистон 2030 йилгача бўлган кун тартиби ва Барқарор ривожланиш мақсадларига қатъий содиқлигини намойиш этмоқда.</span></span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px"><span style="color:black">“Ўзбекистон – 2030” стратегияси Барқарор ривожланиш мақсадлари билан чамбарчас боғлиқ бўлиб, унда инсон ҳуқуқлари, гендер тенглиги ва хотин-қизларнинг ҳуқуқ ва имкониятларини кенгайтириш, “яшил” ривожланиш, коррупцияга қарши курашиш ва қонун устуворлигини таъминлаш каби йўналишларга асосий урғу берилган. Трансчегаравий сув ресурсларидан самарали фойдаланиш ва уларни бошқариш, шунингдек, мамлакат чегараларини делимитация ва демаркация қилиш масалаларини ҳал этишга алоҳида эътибор Ўзбекистон ва унинг қўшни мамлакатлар ўртасидаги хавфсизлик, барқарорлик ва яқин муносабатларни мустаҳкамлашга хизмат қилади.</span></span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px"><span style="color:black">Президент Шавкат Мирзиёев иш ўринлари имкониятларини кенгайтириш, жумладан, тартибли ва хавфсиз меҳнат миграцияси орқали янада барқарор ҳамжамият ва жамиятлар яратишга кўмаклашиш тарафдори эканини таъкидлагани муҳимдир.</span></span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:right"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px"><strong>Манба: “Дунё” АА</strong></span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/38545/bn5210ftzrji99wchlfqccvi3qpo9docfront.png') no-repeat;"> <div class="plash">Юн Сок Ёль </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=829" style="color: #fafafa"><h3>Юн Сок Ёль</h3> <p><span style="font-size:11pt"><span style="font-family:Calibri,sans-serif"><strong> <br /> <span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px">Юн Сок Ёль, Корея Республикаси Президенти:</span></span></strong></span></span></p> <p><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px">Мен келишдан олдин Тошкентни қуш парвози баландлигидан томоша қилиш имкониятига эга бўлдим ва Ўзбекистон нақадар изчил ривожланаётганини кўрдим.</span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/10242/234552.jpg') no-repeat;"> <div class="plash">Агостино Пинна </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=942" style="color: #fafafa"><h3>Агостино Пинна</h3> <p><em><strong><span style="font-size:14.0pt"><span style="background-color:white"><span style="font-family:'Play',sans-serif"></span></span>Италия Республикасининг Ўзбекистондаги Фавқулодда ва Мухтор элчиси:</span></strong></em></p> <p><span style="font-size:11pt"><span style="font-family:Calibri,sans-serif"><strong><span style="font-size:14.0pt">Ўзбекистоннинг фаровонлик йўлидан олға интилаётганини юксак қадрлаймиз.</span></strong></span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/15107/reno.jpg') no-repeat;"> <div class="plash">Одиль Рено-Бассо </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=941" style="color: #fafafa"><h3>Одиль Рено-Бассо</h3> <p><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:20px"><strong>Европа тикланиш ва тараққиёт банки президенти:</strong></span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/89899/leodokerti.jpg') no-repeat;"> <div class="plash">Лео Докерти </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=735" style="color: #fafafa"><h3>Лео Докерти</h3> <p><br /> <span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px"><em><strong>Буюк Британия ташқи ишлар вазири ўринбосари</strong>:</em></span></span></p> <p><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px"><strong>Буюк Британия Ўзбекистонда амалга оширилаётган ислоҳотларни қўллаб-қувватлайди</strong></span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/34103/jonathan-henick-1-347x433.jpg') no-repeat;"> <div class="plash">Жонатан Хеник </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=732" style="color: #fafafa"><h3>Жонатан Хеник</h3> <p><span style="font-family:Arial,Helvetica,sans-serif"><em><span style="font-size:14.0pt"></span></em><br /> <span style="font-size:20px"><strong>АҚШнинг Ўзбекистондаги Фавқулодда ва Мухтор элчиси</strong></span></span></p> <p><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:20px">Равнақ топаётган Ўзбекистон АҚШ учун яна бир ишончли ҳамкор пайдо бўлганини англатади.</span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/15993/zurab.jpg') no-repeat;"> <div class="plash">Зураб Пололикашвили </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=945" style="color: #fafafa"><h3>Зураб Пололикашвили</h3> <p><em><strong><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif"></span></span></strong></em></p> <p><span style="font-size:12pt"><strong><span style="font-size:14.0pt">Бутунжаҳон туризм ташкилоти (ЮНВТО) бош котиби</span></strong></span></p> <p><span style="font-size:12pt"><strong><span style="font-size:14.0pt">“Ўзбекистон туризм соҳасида тан олинган минтақавий етакчига айланишига қатъий ишонаман”</span></strong></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/43109/elchisi.jpg') no-repeat;"> <div class="plash">Юй Цзюнь </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=1570" style="color: #fafafa"><h3>Юй Цзюнь</h3> <p style="margin-left:0cm; margin-right:0cm"></p> <p style="margin-left:0cm; margin-right:0cm"><span style="font-size:11pt"><span style="font-family:Calibri,sans-serif"><strong><em><span style="font-size:12.0pt">Хитой Халқ Республикасининг </span></em></strong></span></span></p> <h3 style="margin-left:0cm; margin-right:0cm"><strong><em><span style="font-size:12.0pt">Ўзбекистондаги Фавқулодда ва мухтор элчиси</span></em></strong></h3> <p style="margin-left:0cm; margin-right:0cm"><span style="font-size:11pt"><span style="font-family:Calibri,sans-serif"><span style="font-size:14.0pt">«</span><strong><span style="font-size:14.0pt">Яхши қўшни ва яхши ҳамкор сифатида Хитой Ўзбекистон эришаётган ютуқлардан чин дилдан мамнун»</span></strong></span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/95249/172554674869881png1.webp') no-repeat;"> <div class="plash">Ҳусайн Иброҳим Тоҳа </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=529" style="color: #fafafa"><h3>Ҳусайн Иброҳим Тоҳа</h3> <p><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px"></span></span><span style="font-size:11pt"><span style="font-family:Calibri,sans-serif"><strong> </strong></span></span></p> <p style="margin-left:0cm; margin-right:0cm; text-align:justify"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px"><span style="color:black">– Ўзбекистоннинг стратегик жойлашуви ва ўсиб бораётган иқтисодиётидан келиб чиққан ҳолда ИҲТ билан алоқаларни чуқурлаштириш учун салмоқли салоҳиятга эга.</span></span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/23250/kristalinageorgievaheadshot.jpg') no-repeat;"> <div class="plash">Кристалина Георгиева </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=1757" style="color: #fafafa"><h3>Кристалина Георгиева</h3> <p style="margin-left:0cm; margin-right:0cm"></p> <p style="margin-left:0cm; margin-right:0cm"><span style="font-size:14pt">Биз Халқаро валюта фонди аъзолари ушбу ислоҳотларни, жумладан, давлат аралашувини минималлаштиришни қўллаб-қувватлашдан фахрланамиз.</span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/43109/online-cover-3.jpg') no-repeat;"> <div class="plash">Мунир Маммедзаде </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=1653" style="color: #fafafa"><h3>Мунир Маммедзаде</h3> <p style="margin-left:0cm; margin-right:0cm"></p> <p style="margin-left:0cm; margin-right:0cm"><span style="font-family:Times New Roman,Times,serif"><span style="font-size:11pt"><strong><span style="font-size:12.0pt">Мунир Маммедзаде,<br /> БМТ Болалар жамғармасининг (ЮНИСЕФ)<br /> Ўзбекистондаги ваколатхонаси раҳбари</span></strong></span></span></p> <p style="margin-left:0cm; margin-right:0cm"><span style="font-size:11pt"><span style="font-family:Calibri,sans-serif"><strong><span style="font-size:14.0pt">ЎЗБЕКИСТОН РЕСПУБЛИКАСИ ПРЕЗИДЕНТИ ШАВКАТ МИРЗИЁЕВНИНГ ОЛИЙ МАЖЛИСГА ВА ЎЗБЕКИСТОН ХАЛҚИГА ЙЎЛЛАГАН МУРОЖААТНОМАСИ</span></strong></span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/20381/1.jpg') no-repeat;"> <div class="plash">Бертран Лортолари </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=1578" style="color: #fafafa"><h3>Бертран Лортолари</h3> <p style="margin-left:0cm; margin-right:0cm"></p> <p style="margin-left:0cm; margin-right:0cm"><span style="font-size:11pt"><span style="font-family:Calibri,sans-serif"><strong><span style="font-size:14.0pt">Франция Европа масалалари ва ташқи ишлар вазирлигининг</span></strong></span></span><br /> <span style="font-size:11pt"><span style="font-family:Calibri,sans-serif"><strong><span style="font-size:14.0pt">Осиё ва Океания департаменти директори</span></strong><em><span style="font-size:14.0pt"> </span></em></span></span></p> <p style="margin-left:0cm; margin-right:0cm"><span style="font-size:11pt"><span style="font-family:Calibri,sans-serif"><strong><span style="font-size:14.0pt">Франция Афғонистоннинг тинч, мустақил ва суверен давлатга айланишини истайди</span></strong></span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/20381/2.jpg') no-repeat;"> <div class="plash">Олган Бекар </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=1571" style="color: #fafafa"><h3>Олган Бекар</h3> <p style="margin-left:0cm; margin-right:0cm"></p> <p style="margin-left:0cm; margin-right:0cm"><span style="font-size:11pt"><span style="font-family:Calibri,sans-serif"><em><span style="font-size:14.0pt">Туркиянинг </span></em><em><span style="font-size:14.0pt">Ўзбекистондаги </span></em></span></span></p> <p style="margin-left:0cm; margin-right:0cm"><span style="font-size:11pt"><span style="font-family:Calibri,sans-serif"><em><span style="font-size:14.0pt">Фавқулодда ва мухтор элчиси </span></em></span></span></p> <p style="margin-left:0cm; margin-right:0cm"><span style="font-size:11pt"><span style="font-family:Calibri,sans-serif"><strong><span style="font-size:14.0pt">«ЯНГИ ЎЗБЕКИСТОН» ХАЛҚАРО МАЙДОНДА НАФАҚАТ ЯНГИ ТУШУНЧА, БАЛКИ РЕАЛ ИЖТИМОИЙ ҲОДИСА СИФАТИДА ҚАБУЛ ҚИЛИНМОҚДА</span></strong></span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/61307/chongong.jpg') no-repeat;"> <div class="plash">Мартинг ЧУНГОНГ </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=1356" style="color: #fafafa"><h3>Мартинг ЧУНГОНГ</h3> <p style="margin-left:0cm; margin-right:0cm"></p> <p style="margin-left:0cm; margin-right:0cm"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px"><span style="background-color:white"><span style="color:black">Парламентлараро иттифоқ бош котиби:</span></span></span></span></p> <p style="margin-left:0cm; margin-right:0cm"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:18px">Парламентлараро ҳамкорликни изчил йўлга қўйишга улкан ҳисса қўшаётгани учун Президент Шавкат Мирзиёевга алоҳида миннатдорлик билдиришни истар эдим.</span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/78085/borrel.jpg') no-repeat;"> <div class="plash">Жозеп БОРРЕЛЬ </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=1351" style="color: #fafafa"><h3>Жозеп БОРРЕЛЬ</h3> <p style="margin-left:0cm; margin-right:0cm"></p> <h3 style="margin-left:0cm; margin-right:0cm"><span style="font-size:13.5pt"><span style="font-family:"Times New Roman",serif"><span style="font-size:14.0pt">Европа Иттифоқининг ташқи ишлар ва хавфсизлик</span></span></span><br /> <span style="font-size:13.5pt"><span style="font-family:"Times New Roman",serif"><span style="font-size:14.0pt">сиёсати бўйича Олий комиссари:</span></span></span></h3> <p style="margin-left:0cm; margin-right:0cm"><span style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:20px">Марказий ва Жанубий Осиё мамлакатлари ўртасидаги муносабатларни янада ривожлантириш ва мустаҳкамлашга кўмаклашади.</span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/99998/2.jpg') no-repeat;"> <div class="plash">Бекир КАРЛИГА </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=1093" style="color: #fafafa"><h3>Бекир КАРЛИГА</h3> <p style="margin-left:0cm; margin-right:0cm"></p> <p style="margin-left:0cm; margin-right:0cm"><em>Туркия миллий мувофиқлаштириш кенгаши раиси, тарих фанлари доктори, профессор:</em></p> <p style="margin-left:0cm; margin-right:0cm"><span style="font-size:18px">Президент Шавкат Мирзиёевнинг нутқи бошидан охиригача тинчликпарварлик, ҳамкорлик ва бунёдкорликка интилиш ғоялари билан йўғрилган</span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/19749/gyunter.png') no-repeat;"> <div class="plash">Гюнтер Оверфельд </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=943" style="color: #fafafa"><h3>Гюнтер Оверфельд </h3> <p style="margin-left:0cm; margin-right:0cm"><em><span style="font-size:14pt"><span style="font-family:'Play',sans-serif"><strong><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif">Германия Федератив Республикасининг Фавқулодда ва Мухтор элчиси:</span></span></strong></span></span></em></p> <p style="margin-left:0cm; margin-right:0cm"><span style="font-size:14pt"><span style="font-family:'Play',sans-serif"><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif">Германия аввалгидек, Ўзбекистонни келгуси ислоҳотларида қўллаб-қувватлайди</span></span></span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/26307/uilyamson.jpg') no-repeat;"> <div class="plash">Хью УИЛЬЯМСОН </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=736" style="color: #fafafa"><h3>Хью УИЛЬЯМСОН</h3> <p><em><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif"><br /> “Хьюман Райтс Вотч” халқаро нодавлат ташкилотининг</span></span> <span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif">Европа ва Марказий Осиё бўлими директори</span></span><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif">:</span></span> </em></p> <p><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif">ЎЗБЕКИСТОН КАБИ АҚЛ БОВАР ҚИЛМАЙДИГАН МАМЛАКАТЛАР УМИД БЕЛГИЛАРИНИ КЎРСАТАДИ</span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/27214/tratc.jpg') no-repeat;"> <div class="plash">Штефан ТРАТЦ </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=734" style="color: #fafafa"><h3>Штефан ТРАТЦ</h3> <p><strong><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif"><br /> Германия судьялар академияси директори, профессор:</span></span></strong></p> <p><span style="font-size:14pt"><span style="font-family:'Play',sans-serif"><strong><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif">ҲАМКОРЛИГИМИЗ ФАОЛ РИВОЖЛАНАЁТГАНИДАН МАМНУНМИЗ</span></span></strong></span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/51417/zubair.webp') no-repeat;"> <div class="plash">Зураб АБДУШЕЛИШВИЛИ </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=733" style="color: #fafafa"><h3>Зураб АБДУШЕЛИШВИЛИ</h3> <p><em><span style="font-size:14.0pt"><br /> Грузиянинг Ўзбекистондаги Фавқулодда ва мухтор элчиси:</span></em></p> <p><span style="font-size:14.0pt">ЎЗБЕКИСТОНДА ЖАҲОН ТУРИЗМ ФОРУМИНИ ТАШКИЛ ЭТАМИЗ</span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/45292/dunkan1.webp') no-repeat;"> <div class="plash">Алан ДУНКАН </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=731" style="color: #fafafa"><h3>Алан ДУНКАН</h3> <p><em><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif"><br /> Буюк Британия ва Шимолий Ирландия Бирлашган Қироллиги ташқи ишлар вазирининг ўринбосари:</span></span></em></p> <p><span style="font-size:14pt"><span style="font-family:'Play',sans-serif"><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif">ЎЗАРО АЛОҚАЛАРНИ ЯНАДА ТАРАҚҚИЙ ЭТТИРИШ НИЯТИДАМИЗ</span></span></span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/22915/xalilzod.webp') no-repeat;"> <div class="plash">Залмай ҲАЛИЛЗОД </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=730" style="color: #fafafa"><h3>Залмай ҲАЛИЛЗОД</h3> <p><br /> <em><span style="font-size:14pt"><span style="font-family:'Play',sans-serif"><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif">АҚШнинг Афғонистондаги ярашиш масалалари бўйича махсус вакили:</span></span></span></span></em></p> <p><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif">АФҒОНИСТОНДА БАРҚАРОРЛИКНИ ТАЪМИНЛАШ БУТУН ЖАҲОН ҲАМЖАМИЯТИ УЧУН МУҲИМ</span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/38662/lagard.webp') no-repeat;"> <div class="plash">Кристин ЛАГАРД </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=729" style="color: #fafafa"><h3>Кристин ЛАГАРД</h3> <p><br /> <em><span style="font-size:14pt"><span style="font-family:'Play',sans-serif"><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif">Халқаро валюта жамғармаси бошқарувчи директори:</span></span></span></span></em></p> <p><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif">ХАЛҚАРО ВАЛЮТА ЖАМҒАРМАСИ ЎЗБЕКИСТОНДАГИ ИСЛОҲОТЛАРНИ ҚЎЛЛАБ-ҚУВВАТЛАЙДИ</span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div><div class="experts wow fadeInUp"> <div class="counterexperts" style="background: url('https://strategy.uz/files/news/30331/01e43a62-be64-405b-9580-2da6851d27b8w1200r1.jpg') no-repeat;"> <div class="plash">Эдуардс СТИПРАИС </div> <div class="opisan"> <div class="vertical_center"> <a href="https://strategy.uz/index.php?news=659" style="color: #fafafa"><h3>Эдуардс СТИПРАИС</h3> <p></p> <p><span style="font-size:14px"><em>Европа Иттифоқининг Ўзбекистондаги элчиси:</em></span></p> <p><span style="font-size:14.0pt"><span style="font-family:'Play',sans-serif"><span style="font-size:14.0pt">Мамлакатда расмий баёнотлар ва ўзаро айбловлар замони поёнига етиб, жонли мулоқот бошланган. Биз тенг шериклар сифатида гаплашаяпмиз. Фақат биз, Европа Иттифоқи, эмас. АҚШ ва бошқалардан ҳам шуни эшитасиз. Мулоқот руҳи ва кўлами мисли кўрилмаган даражада ўзгарди.</span></span></span></p> <h3 class="proposal" style="display: table; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; font-size: 15px; font-family: 'open_sans',Verdana; color: #ffffff; border: 1px solid #CCCCCC; border-radius: 6px; transition: 0.3s; ">Батафсил</h3><style> .proposal:hover{color: #ffffff; background-color: #033f57;} </style> </div></a> </div> </div> </div> </div> </div> </div> <!-------------------------------------------------------------------POSITION4------------------------------------------------------------> <!-------------------------------------------------------------------POSITION5------------------------------------------------------------> <div id="position5"> <div class="container"> <div class="pos3blocked1 wow fadeInUp"> <div class="postitl"> <div class="tilob"> <div class="til1"> <span class="icon-docs"></span> Муҳим мақолалар </div> <div class="til2"> </div> <div class="clear"></div> </div> <div class="til3"> </div> <div class="clear"></div> </div> <a href="https://strategy.uz/index.php?news=615" class="conteblock1 wow fadeInLeft"> <div class="title">ЎЗБЕКИСТОН – ЁШЛАР МАМЛАКАТИ</div> <div class="date"><span class="icon-eye-5">37507</span> | 24 Июль 2022 й., 17:17:11</div> </a> <a href="https://strategy.uz/index.php?news=1014" class="conteblock1 wow fadeInLeft"> <div class="title">ЎЗБЕКИСТОНДА ДИНИЙ БАҒРИКЕНГЛИК</div> <div class="date"><span class="icon-eye-5">33457</span> | 15 Июль 2020 й., 16:41:12</div> </a> <a href="https://strategy.uz/index.php?news=1397" class="conteblock1 wow fadeInLeft"> <div class="title">КОРРУПЦИЯГА ҚАРШИ КУРАШ – ДАВЛАТ ВА ЖАМИЯТ ЯНГИЛАНИШИДА МУҲИМ ОМИЛ</div> <div class="date"><span class="icon-eye-5">29734</span> | 28 Окт. 2021 й., 15:17:43</div> </a> <a href="https://strategy.uz/index.php?news=1382" class="conteblock1 wow fadeInLeft"> <div class="title">ҲАРАКАТЛАР СТРАТЕГИЯСИ: БЕШ ЙИЛЛИК НАТИЖАЛАР САРҲИСОБ ҚИЛИНДИ</div> <div class="date"><span class="icon-eye-5">27101</span> | 06 Окт. 2021 й., 16:21:50</div> </a> <a href="https://strategy.uz/index.php?news=1070" class="conteblock1 wow fadeInLeft"> <div class="title">ДАВЛАТ БОШҚАРУВИ ТИЗИМИДАГИ ИСЛОҲОТЛАР УЧИНЧИ РЕНЕССАНС САРИ ДАДИЛ ҚАДАМ</div> <div class="date"><span class="icon-eye-5">26031</span> | 31 Авг. 2020 й., 17:11:45</div> </a> <a href="https://strategy.uz/index.php?news=1068" class="conteblock1 wow fadeInLeft"> <div class="title">ИЖТИМОИЙ СОҲАНИ РИВОЖЛАНТИРИШНИНГ УСТУВОР ЙЎНАЛИШЛАРИ</div> <div class="date"><span class="icon-eye-5">25721</span> | 24 Авг. 2020 й., 18:33:00</div> </a> <a href="https://strategy.uz/index.php?news=1071" class="conteblock1 wow fadeInLeft"> <div class="title">ДАВЛАТ ВА ЖАМИЯТ ҚУРИЛИШИ ТИЗИМИНИ ТАКОМИЛЛАШТИРИШНИНГ УСТУВОР ЙЎНАЛИШЛАРИ</div> <div class="date"><span class="icon-eye-5">24565</span> | 04 Сен. 2020 й., 17:28:25</div> </a> <a href="https://strategy.uz/index.php?news=1152" class="conteblock1 wow fadeInLeft"> <div class="title">Ҳаракатлар стратегиясининг тўрт йиллик...</div> <div class="date"><span class="icon-eye-5">22890</span> | 07 Дек. 2020 й., 16:32:35</div> </a> </div> <div class="pos3blocked2 wow fadeInUp"> <div class="postitl"> <div class="tilob"> <div class="til1"> <span class="icon-video-4"></span> Видео </div> <div class="til2"> </div> <div class="clear"></div> </div> <div class="til3"> <a href="https://strategy.uz/index.php?category=video" class="titlicon icon-right-open-big"></a> </div> <div class="clear"></div> </div> <div class="conteblock4 wow fadeInUp"> <iframe class="imgesd" src="https://mover.uz/video/embed/VwqPryKE" frameborder="0" allowfullscreen></iframe> <a href="https://strategy.uz/index.php?news=1985" class="title">Элдор Туляков: сайлов демократик қадриятларни янада мустаҳкамлайдиган сиёсий жараён</a> <div class="date"><span class="icon-eye-5">992</span> | 27 Окт. 2024 й., 16:23:04</div> <div class="clear"></div> </div> <div class="conteblock4 wow fadeInUp"> <iframe class="imgesd" src="https://mover.uz/video/embed/kan5MHow" frameborder="0" allowfullscreen></iframe> <a href="https://strategy.uz/index.php?news=1914" class="title">2024 йилги Давлат дастурининг III йўналишидан ўрин олган муҳим мақсад ва вазифалар</a> <div class="date"><span class="icon-eye-5">4106</span> | 08 Май. 2024 й., 16:40:30</div> <div class="clear"></div> </div> <div class="conteblock4 wow fadeInUp"> <iframe class="imgesd" src="https://mover.uz/video/embed/gCkcp3jc" frameborder="0" allowfullscreen></iframe> <a href="https://strategy.uz/index.php?news=1902" class="title">2024 йилги Давлат дастурининг II йўналишидан ўрин олган муҳим мақсад ва вазифалар</a> <div class="date"><span class="icon-eye-5">4882</span> | 02 Апр. 2024 й., 11:44:10</div> <div class="clear"></div> </div> <div class="clear"></div> </div> <div class="pos3blocked3 wow fadeInUp"> <div id="slidera_2"><a href="index.php?category=obshchestvennoe_stroitelstvo" class="bannersright" style="background: url('https://strategy.uz/files/banners/1_uz.jpg') no-repeat;" ></a> <a href="index.php?category=verhovenstvo_zakona" class="bannersright" style="background: url('https://strategy.uz/files/banners/2_uz.jpg') no-repeat;" ></a> <a href="index.php?category=liberalizaciya_ekonomiki" class="bannersright" style="background: url('https://strategy.uz/files/banners/3_uz.jpg') no-repeat;" ></a> <a href="index.php?category=socialnoy_sfery" class="bannersright" style="background: url('https://strategy.uz/files/banners/4_uz.jpg') no-repeat;" ></a> <a href="index.php?category=religioznoy_tolerantnosti" class="bannersright" style="background: url('https://strategy.uz/files/banners/5_uz.jpg') no-repeat;" ></a></div> </div> <div class="clear"></div> </div> </div> <!-------------------------------------------------------------------POSITION5------------------------------------------------------------> <!--------------------------------------------------------------------FOOTER--------------------------------------------------------------> <footer id="footer"> <div class="container"> <div class="navigation"> <div class="navbar1"> <div class="whilelogos"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="1392.000000pt" height="947.000000pt" viewBox="0 0 1392.000000 947.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,947.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M6670 8914 c-151 -14 -343 -39 -460 -60 -1317 -241 -2445 -1086 -3043 -2280 -145 -289 -258 -594 -331 -894 -247 -1010 -117 -2088 360 -2998 214 -409 469 -749 810 -1082 691 -674 1551 -1077 2536 -1187 211 -23 665 -23 875 0 666 74 1243 270 1797 609 947 580 1640 1526 1906 2603 86 346 122 652 123 1025 0 345 -25 590 -92 909 -209 986 -783 1886 -1592 2498 -534 405 -1151 677 -1809 797 -257 47 -387 58 -720 61 -173 1 -335 1 -360 -1z m720 -100 c1434 -140 2705 -1022 3340 -2319 256 -523 386 -1024 422 -1627 34 -579 -66 -1182 -289 -1748 -151 -382 -364 -748 -629 -1080 -135 -169 -459 -495 -624 -626 -927 -739 -2049 -1052 -3205 -893 -761 104 -1475 418 -2085 916 -139 114 -416 389 -536 533 -826 990 -1151 2259 -899 3515 364 1814 1904 3185 3745 3335 264 21 496 19 760 -6z"/> <path d="M6520 8473 c0 -195 -47 -593 -109 -933 -50 -271 -185 -828 -256 -1050 -60 -190 -208 -588 -308 -830 -91 -218 -283 -629 -337 -720 -17 -30 -59 -108 -92 -175 -92 -182 -283 -503 -456 -765 -149 -225 -514 -725 -613 -840 -26 -30 -96 -113 -155 -185 -59 -71 -131 -157 -160 -190 -233 -267 -304 -352 -304 -364 0 -5 93 11 208 34 295 62 580 110 857 145 88 11 188 25 221 30 34 6 73 10 87 10 20 0 45 24 124 121 219 269 344 464 510 789 321 632 509 1162 664 1865 62 280 130 709 149 940 6 72 12 141 15 155 3 14 12 147 20 295 26 444 14 1091 -29 1558 -9 92 -16 174 -16 182 0 8 -4 15 -10 15 -6 0 -10 -36 -10 -87z"/> <path d="M6687 7755 c20 -496 2 -1099 -48 -1540 -34 -309 -39 -344 -91 -635 -91 -512 -231 -1032 -406 -1510 -165 -451 -397 -914 -654 -1305 -36 -55 -62 -101 -57 -103 4 -2 95 4 201 12 106 8 312 21 458 27 146 7 266 12 267 13 1 1 36 121 78 266 124 430 188 744 260 1285 118 882 138 2013 55 3054 -28 347 -56 620 -64 629 -4 4 -4 -83 1 -193z"/> <path d="M6895 6549 c3 -173 7 -400 10 -506 14 -530 -39 -1564 -111 -2148 -46 -376 -90 -635 -158 -925 -26 -107 -48 -205 -51 -216 l-5 -21 498 -5 c273 -3 499 -4 501 -2 2 1 -24 94 -57 206 -305 1022 -523 2338 -608 3673 -8 138 -18 252 -20 254 -2 3 -2 -137 1 -310z"/> <path d="M7000 6554 c0 -8 4 -57 10 -107 5 -51 14 -159 20 -242 16 -214 76 -789 104 -990 145 -1051 350 -1873 598 -2397 l50 -106 107 -7 c58 -3 162 -11 231 -16 69 -6 175 -15 235 -19 61 -4 163 -13 228 -20 65 -7 121 -9 124 -7 3 3 -58 104 -134 224 -154 240 -194 306 -335 558 -506 902 -877 1761 -1079 2495 -54 194 -139 582 -139 631 0 10 -4 19 -10 19 -5 0 -10 -7 -10 -16z"/> <path d="M7200 6190 c0 -8 11 -46 24 -85 14 -38 51 -151 82 -250 31 -99 94 -279 139 -400 223 -593 382 -954 645 -1455 67 -129 131 -251 141 -271 91 -181 455 -764 611 -980 l99 -136 177 -22 c337 -41 658 -90 896 -136 99 -19 182 -33 184 -31 2 2 -65 59 -150 126 -717 574 -1350 1243 -1892 2000 -370 518 -685 1059 -898 1544 -40 93 -58 122 -58 96z"/> </g> </svg> <span>"ТАРАҚҚИЁТ СТРАТЕГИЯСИ" <br> МАРКАЗИ</span> </div> </div> <div class="navbar2"> <div class="navfotrd"> <h3>МАРКАЗ ҲАҚИДА</h3> <a href="">Марказ жамоаси</a> <a href="">Марказ фаолияти</a> <a href="">Халқаро ҳамкорлик</a> <a href="">Лойиҳалар</a> <a href="">Аналитик материаллар</a> </div> </div> <div class="navbar2"> <div class="navfotrd"> <h3>Контактлар</h3> <a href="tel:+998712390191">Телефон: +998 (71) 239 01 91</a> <a href="tel:+998712390191">Факс: +998 (71) 239 01 91</a> <a href="mailto:info@strategy.uz">info@strategy.uz</a> <a href="mailto:strategy@exat.uz">strategy@exat.uz</a> <!--<span></span>--> </div> </div> <div class="navbar2"> <div class="navfotrd"> <h3>Манзил</h3> <a href="">Тошкент шаҳри,</a> <a href="">Шароф Рашидов кўчаси, 16-уй</a> <a href="">«Пойтахт» Бизнес Маркази, 5-қават</a> <a href=""></a> </div> </div> </div> <div class="navbar2"> <iframe style="margin-bottom: -5px;width:100% !important;border:none;border:0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2996.5925868653158!2d69.26992531542358!3d41. 31772587927064!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x54ccf0d398da3cc6!2z0JHQmNCX0J3QldChLdCm0JXQndCi0KAg0J_QntCZ0KLQkNCl0KI!5e0!3m2!1sru!2s!4v1539778367582" width="10" height="150" frameborder="0" style="border:0" allowfullscreen></iframe> </iframe> </div> <style> @media (min-width: 200px) and (max-width: 768px) { .navbar5 { overflow: hidden; } }</style> <!-- <div class="navbar3"> <a class="linavp" target="_blank" href="https://taklif.strategy.uz/">Таклиф юбориш</a> <img class="copyrightimg" src="https://strategy.uz/engine/templates/strategy/images/2.svg" /> </div> --> <div class="clear"></div> </div> <div class="anilyz"> </div> <div class="copyright"> <div class="container"> <div class="cop1"><a style="color:#00CC99;" target="_blank" href="">www.strategy.uz</a> | </div> <div class="clear"></div> </div> </div> </footer> <!--------------------------------------------------------------------FOOTER--------------------------------------------------------------> </body> </html>