Home Explore Help
Sign In
dever-product
/
xiaomaxia
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
xiaomaxia
/
tem
/
index.html

index.html 27 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="zxx">
    3. 

  3. <head>
    4. 

  4. <title>Home</title>
    5. 

  5. <!-- for-mobile-apps -->
    6. 

  6. <meta name="viewport" content="width=device-width, initial-scale=1">
    7. 

  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    8. 

  8. <meta name="keywords" content="" />
    9. 

  9. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
    10. 

  10. 		function hideURLbar(){ window.scrollTo(0,1); } </script>
    11. 

  11. <!-- //for-mobile-apps -->
    12. 

  12. <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    13. 

  13.   
    14. 

  14. <link rel="stylesheet" type="text/css" href="css/style.css" />
    15. 

  15. <link rel="stylesheet" type="text/css" href="css/zoomslider.css" />
    16. 

  16. 

  17. <link rel="stylesheet" href="css/lightbox.css">
    18. 

  18. <!-- carousel slider -->  
    19. 

  19. <link href="css/owl.carousel.css" rel="stylesheet" type="text/css" media="all"> 
    20. 

  20. <!-- //carousel slider -->
    21. 

  21. <link href="css/font-awesome.css" rel="stylesheet"> 
    22. 

  22. <script type="text/javascript" src="js/modernizr-2.6.2.min.js"></script>
    23. 

  23. <script src="js/jquery-2.2.3.min.js"></script>
    24. 

  24. <script src="js/bootstrap.js"></script>
    25. 

  25. <!--/web-fonts-->
    26. 

  26. <link href="http://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
    27. 

  27. <link href="http://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet">
    28. 

  28. <!--//web-fonts-->
    29. 

  29. </head>
    30. 

  30. <body>
    31. 

  31. 	<!--/banner-bottom-->
    32. 

  32. 			  <div class="w3_agilits_banner_bootm">
    33. 

  33. 			     <div class="w3_agilits_inner_bottom">
    34. 

  34. 			            <div class="wthree_agile_login">
    35. 

  35. 						     <ul>
    36. 

  36. 								<li><i class="fa fa-phone" aria-hidden="true"></i> (+000) 009 455 4088</li>
    37. 

  37. 								<li><i class="fa fa-envelope-o list-icon" aria-hidden="true"></i><a href="mailto:info@example.com">info@example.com</a></li>
    38. 

  38. 							</ul>
    39. 

  39. 						</div>
    40. 

  40. 						 
    41. 

  41. 				</div>
    42. 

  42. 			</div>
    43. 

  43. 			<!--//banner-bottom-->
    44. 

  44.   <!--/banner-section-->
    45. 

  45. 	<div id="demo-1" data-zs-src='["images/b1.jpg","images/6.jpg","images/b2.jpg","images/b3.jpg","images/b4.jpg"]' data-zs-overlay="dots">
    46. 

  46. 		<div class="demo-inner-content">
    47. 

  47. 		<!--/header-w3l-->
    48. 

  48. 			   <div class="header-w3-agileits" id="home">
    49. 

  49. 			     <div class="inner-header-agile">	
    50. 

  50. 				<nav class="navbar navbar-default">
    51. 

  51. 					<div class="navbar-header">
    52. 

  52. 						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
    53. 

  53. 							<span class="sr-only">Toggle navigation</span>
    54. 

  54. 							<span class="icon-bar"></span>
    55. 

  55. 							<span class="icon-bar"></span>
    56. 

  56. 							<span class="icon-bar"></span>
    57. 

  57. 						</button>
    58. 

  58. 						<h1><a  href="index.html"><span class="letter">T</span>ech <span>E</span>du</a></h1>
    59. 

  59. 					</div>
    60. 

  60. 					<!-- navbar-header -->
    61. 

  61. 					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    62. 

  62. 							<ul class="nav navbar-nav">
    63. 

  63. 								<li class="active"><a href="index.html">Home</a></li>
    64. 

  64. 								<li><a href="#about" class="scroll">About</a></li>
    65. 

  65. 								<li><a href="#agileits-services" class="scroll">Services</a></li>
    66. 

  66. 								<li><a href="#portfolio" class="scroll">gallery</a></li>
    67. 

  67. 								<li><a href="#team" class="scroll">Team</a></li>
    68. 

  68. 								<li><a href="#testimonials" class="scroll" >Testimonials</a></li>
    69. 

  69. 								<li><a href="#contact" class="scroll">contact</a></li>
    70. 

  70. 							</ul>
    71. 

  71. 						</div>
    72. 

  72. 					<div class="clearfix"> </div>	
    73. 

  73. 				</nav>
    74. 

  74. 			</div> 
    75. 

  75. 

  76. 			   </div>
    77. 

  77. 		<!--//header-w3l-->
    78. 

  78. 			<!--/banner-info-->
    79. 

  79. 			   <div class="baner-info">
    80. 

  80. 			       <h4>The best learning institution</h4>
    81. 

  81. 				   <h3><span>w</span>elcome to our <span>u</span>niversity</h3>
    82. 

  82. 				  <p>Itaque earum rerum hic tenetur a sapiente delectus </p>
    83. 

  83. 				  <a class="hvr-rectangle-out w3_play_icon1" href="#" data-toggle="modal" data-target="#myModal"> read more</a>
    84. 

  84. 			   </div>
    85. 

  85. 			<!--/banner-ingo-->		
    86. 

  86. 		</div> 
    87. 

  87.     </div>
    88. 

  88.   <!--/banner-section-->
    89. 

  89.   <!--about -->
    90. 

  90. 	<div id="about" class="wthree-about w3ls-section">
    91. 

  91. 		<div class="container">
    92. 

  92. 			<div class="agileits-banner-grids text-center">
    93. 

  93. 				<div class="banner-bottom-girds">
    94. 

  94. 					<div class="agileits-banner-grid bg-w3ls-active">
    95. 

  95. 						<span class="fa fa-university banner-icon" aria-hidden="true"></span>
    96. 

  96. 						<h4>Academics</h4>
    97. 

  97. 						<p>Itaque earum rerum hic tenetur a sapiente delectus 
    98. 

  98. 							reiciendis maiores alias consequatur aut.</p>
    99. 

  99. 						<a class="hvr-rectangle-out w3_play_icon1" href="#" data-toggle="modal" data-target="#myModal"> read more</a>
    100. 

  100. 					</div>
    101. 

  101. 					<div class="agileits-banner-grid">
    102. 

  102. 						<span class="fa fa-tags banner-icon" aria-hidden="true"></span>
    103. 

  103. 						<h4>Admission</h4>
    104. 

  104. 						<p>Itaque earum rerum hic tenetur a sapiente delectus 
    105. 

  105. 							reiciendis maiores alias consequatur aut.</p>
    106. 

  106. 							<a class="hvr-rectangle-out w3_play_icon1" href="#" data-toggle="modal" data-target="#myModal"> read more</a>
    107. 

  107. 					</div>
    108. 

  108. 					<div class="clearfix"></div>
    109. 

  109. 			    </div>		
    110. 

  110. 			</div>	
    111. 

  111. 			<h2 class="w3ls-title">about us</h2>
    112. 

  112. 			<h5>Roin vel enim nec ipsum finibus.Duis euismod massa utab.</h5>
    113. 

  113. 			<div class="col-md-7  w3ls-about-left">
    114. 

  114. 				<p>Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus. </p>
    115. 

  115. 				<p class="about-bottom">Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum.</p>
    116. 

  116. 			</div>
    117. 

  117. 			<div class="col-md-5 w3ls-row">
    118. 

  118. 				<div class="col-md-6 col-sm-6 wthree-about-left">
    119. 

  119. 					<img src="images/about2.jpg" class="img-responsive" alt=""/>
    120. 

  120. 				</div>
    121. 

  121. 				<div class="col-md-6 col-sm-6 w3ls-row alert wthree-about-right">
    122. 

  122. 					<img src="images/about3.jpg" class="img-responsive" alt=""/>
    123. 

  123. 				</div>
    124. 

  124. 				<div class="clearfix"> </div>
    125. 

  125. 			</div>
    126. 

  126. 			<div class="clearfix"> </div>
    127. 

  127. 			<div class="stats-info agileits-w3layouts">
    128. 

  128. 				<div class="col-sm-3 col-xs-3 stats-grid">
    129. 

  129. 					<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='324' data-delay='.5' data-increment="1">324</div>
    130. 

  130. 					<div class="stats-img stat2">
    131. 

  131. 							<p>branches</p>
    132. 

  132. 					</div>
    133. 

  133. 				</div>
    134. 

  134. 				<div class="col-sm-3 col-xs-3 stats-grid">
    135. 

  135. 					<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='200' data-delay='.5' data-increment="1">200</div>
    136. 

  136. 					<div class="stats-img stat2">
    137. 

  137. 						<p>visitors</p>
    138. 

  138. 					</div>
    139. 

  139. 				</div>
    140. 

  140. 				<div class="col-sm-3 col-xs-3 stats-grid stat1">
    141. 

  141. 					<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='156' data-delay='.5' data-increment="1">156</div>
    142. 

  142. 					<div class="stats-img stat2">
    143. 

  143. 						<p>Awards</p>
    144. 

  144. 					</div>
    145. 

  145. 				</div>
    146. 

  146. 				<div class="col-sm-3 col-xs-3 stats-grid stat1">
    147. 

  147. 					<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='156' data-delay='.5' data-increment="1">156</div>
    148. 

  148. 					<div class="stats-img stat2">
    149. 

  149. 						<p>centres</p>
    150. 

  150. 					</div>
    151. 

  151. 				</div>
    152. 

  152. 				<div class="clearfix"></div>
    153. 

  153. 		 </div>
    154. 

  154. 		</div>
    155. 

  155. 	</div>
    156. 

  156. 	<!-- //about -->
    157. 

  157.   <!--services-->
    158. 

  158.   <div class="agileits-services w3ls-section" id="agileits-services" >
    159. 

  159. 		<div class="container">
    160. 

  160. 			<h3 class="w3ls-title">services </h3>
    161. 

  161. 			<div class="agileits-services-row">
    162. 

  162. 				<div class="col-md-3 col-sm-6 agileits-services-grids">
    163. 

  163. 					<span class="glyphicon glyphicon-stats effect-1" aria-hidden="true"></span>
    164. 

  164. 					<h4>Analytics</h4>
    165. 

  165. 					<p>Itaque earum rerum hic tenetur a sapiente delectus 
    166. 

  166. 						reiciendis maiores alias consequatur aut</p>
    167. 

  167. 				</div>
    168. 

  168. 				<div class="col-md-3 col-sm-6 agileits-services-grids">
    169. 

  169. 					<span class="glyphicon glyphicon-user effect-1" aria-hidden="true"></span>
    170. 

  170. 					<h4>Custom Plans</h4>
    171. 

  171. 					<p>Itaque earum rerum hic tenetur a sapiente delectus 
    172. 

  172. 						reiciendis maiores alias consequatur aut</p>
    173. 

  173. 				</div>
    174. 

  174. 				<div class="col-md-3 col-sm-6 agileits-services-grids">
    175. 

  175. 					<span class="glyphicon glyphicon-list-alt effect-1" aria-hidden="true"></span>
    176. 

  176. 					<h4>Monitoring</h4>
    177. 

  177. 					<p>Itaque earum rerum hic tenetur a sapiente delectus 
    178. 

  178. 						reiciendis maiores alias consequatur aut</p>
    179. 

  179. 				</div>
    180. 

  180. 				<div class="col-md-3 col-sm-6 agileits-services-grids">
    181. 

  181. 					<span class="glyphicon glyphicon-check effect-1" aria-hidden="true"></span>
    182. 

  182. 					<h4>Skip Tracing</h4>
    183. 

  183. 					<p>Itaque earum rerum hic tenetur a sapiente delectus 
    184. 

  184. 						reiciendis maiores alias consequatur aut</p>
    185. 

  185. 				</div>
    186. 

  186. 				<div class="clearfix"> </div>
    187. 

  187. 			</div>
    188. 

  188. 		</div>
    189. 

  189. 	</div>
    190. 

  190. 	<!--//agileits-services-->
    191. 

  191. <!--portfolio-->
    192. 

  192. 	<div id="portfolio" class="portfolio w3ls-section">
    193. 

  193. 		<div class="container">
    194. 

  194. 			<h3 class="w3ls-title">gallery</h3>
    195. 

  195. 		<div class="sap_tabs">			
    196. 

  196. 			<div id="horizontalTab">
    197. 

  197. 				<ul class="resp-tabs-list">
    198. 

  198. 					<li class="resp-tab-item"><span>All</span></li>
    199. 

  199. 					<li class="resp-tab-item"><span>Category1</span></li>
    200. 

  200. 					<li class="resp-tab-item"><span>Category2</span></li>
    201. 

  201. 					<li class="resp-tab-item"><span>Category3</span></li>
    202. 

  202. 					<li class="resp-tab-item"><span>Category4</span></li>					
    203. 

  203. 				</ul>	
    204. 

  204. 				<div class="clearfix"> </div>	
    205. 

  205. 				<div class="resp-tabs-container">
    206. 

  206. 					<div class="tab-1 resp-tab-content">
    207. 

  207. 						<div class="col-md-3 portfolio-grids">
    208. 

  208. 							<a href="images/g1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    209. 

  209. 								<img src="images/g1.jpg" class="img-responsive zoom-img" alt=""/>
    210. 

  210. 								<div class="b-wrapper">
    211. 

  211. 									<h5>TechEdu</h5>
    212. 

  212. 								</div>
    213. 

  213. 							</a>
    214. 

  214. 						</div>
    215. 

  215. 						<div class="col-md-3 portfolio-grids">
    216. 

  216. 							<a href="images/g2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    217. 

  217. 								<img src="images/g2.jpg" class="img-responsive zoom-img" alt=""/>
    218. 

  218. 								<div class="b-wrapper">
    219. 

  219. 									<h5>TechEdu</h5>
    220. 

  220. 								</div>
    221. 

  221. 							</a>
    222. 

  222. 						</div>
    223. 

  223. 						<div class="col-md-3 portfolio-grids">
    224. 

  224. 							<a href="images/g3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    225. 

  225. 								<img src="images/g3.jpg" class="img-responsive zoom-img" alt=""/>
    226. 

  226. 								<div class="b-wrapper">
    227. 

  227. 									<h5>TechEdu</h5>
    228. 

  228. 								</div>
    229. 

  229. 							</a>
    230. 

  230. 						</div>
    231. 

  231. 						<div class="col-md-3 portfolio-grids">
    232. 

  232. 							<a href="images/g8.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    233. 

  233. 								<img src="images/g8.jpg" class="img-responsive zoom-img" alt=""/>
    234. 

  234. 								<div class="b-wrapper">
    235. 

  235. 									<h5>TechEdu</h5>
    236. 

  236. 								</div>
    237. 

  237. 							</a>
    238. 

  238. 						</div>
    239. 

  239. 						<div class="col-md-3 portfolio-grids">
    240. 

  240. 							<a href="images/g5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    241. 

  241. 								<img src="images/g5.jpg" class="img-responsive zoom-img" alt=""/>
    242. 

  242. 								<div class="b-wrapper">
    243. 

  243. 									<h5>TechEdu</h5>
    244. 

  244. 								</div>
    245. 

  245. 							</a>
    246. 

  246. 						</div>
    247. 

  247. 						<div class="col-md-3 portfolio-grids">
    248. 

  248. 							<a href="images/g6.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    249. 

  249. 								<img src="images/g6.jpg" class="img-responsive zoom-img" alt=""/>
    250. 

  250. 								<div class="b-wrapper">
    251. 

  251. 									<h5>TechEdu</h5>
    252. 

  252. 								</div>
    253. 

  253. 							</a>
    254. 

  254. 						</div>
    255. 

  255. 						<div class="col-md-3 portfolio-grids">
    256. 

  256. 							<a href="images/g4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    257. 

  257. 								<img src="images/g4.jpg" class="img-responsive zoom-img" alt=""/>
    258. 

  258. 								<div class="b-wrapper">
    259. 

  259. 									<h5>TechEdu</h5>
    260. 

  260. 								</div>
    261. 

  261. 							</a>
    262. 

  262. 						</div>
    263. 

  263. 						<div class="col-md-3 portfolio-grids">
    264. 

  264. 							<a href="images/g7.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    265. 

  265. 								<img src="images/g7.jpg" class="img-responsive zoom-img" alt=""/>
    266. 

  266. 								<div class="b-wrapper">
    267. 

  267. 									<h5>TechEdu</h5>
    268. 

  268. 								</div>
    269. 

  269. 							</a>
    270. 

  270. 						</div>
    271. 

  271. 						<div class="clearfix"> </div>
    272. 

  272. 					</div>		
    273. 

  273. 					<div class="tab-1 resp-tab-content">
    274. 

  274. 						<div class="col-md-3 portfolio-grids">
    275. 

  275. 							<a href="images/g8.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    276. 

  276. 								<img src="images/g8.jpg" class="img-responsive zoom-img" alt=""/>
    277. 

  277. 								<div class="b-wrapper">
    278. 

  278. 									<h5>TechEdu</h5>
    279. 

  279. 								</div>
    280. 

  280. 							</a>
    281. 

  281. 						</div>
    282. 

  282. 						<div class="col-md-3 portfolio-grids">
    283. 

  283. 							<a href="images/g4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    284. 

  284. 								<img src="images/g4.jpg" class="img-responsive zoom-img" alt=""/>
    285. 

  285. 								<div class="b-wrapper">
    286. 

  286. 									<h5>TechEdu</h5>
    287. 

  287. 								</div>
    288. 

  288. 							</a>
    289. 

  289. 						</div>
    290. 

  290. 						<div class="col-md-3 portfolio-grids">
    291. 

  291. 							<a href="images/g5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    292. 

  292. 								<img src="images/g5.jpg" class="img-responsive zoom-img" alt=""/>
    293. 

  293. 								<div class="b-wrapper">
    294. 

  294. 									<h5>TechEdu</h5>
    295. 

  295. 								</div>
    296. 

  296. 							</a>
    297. 

  297. 						</div>
    298. 

  298. 						<div class="clearfix"> </div>
    299. 

  299. 					</div>
    300. 

  300. 					<div class="tab-1 resp-tab-content">
    301. 

  301. 						<div class="col-md-3 portfolio-grids">
    302. 

  302. 							<a href="images/g3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    303. 

  303. 								<img src="images/g3.jpg" class="img-responsive zoom-img" alt=""/>
    304. 

  304. 								<div class="b-wrapper">
    305. 

  305. 									<h5>TechEdu</h5>
    306. 

  306. 								</div>
    307. 

  307. 							</a>
    308. 

  308. 						</div>
    309. 

  309. 						<div class="col-md-3 portfolio-grids">
    310. 

  310. 							<a href="images/g1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    311. 

  311. 								<img src="images/g1.jpg" class="img-responsive zoom-img" alt=""/>
    312. 

  312. 								<div class="b-wrapper">
    313. 

  313. 									<h5>TechEdu</h5>
    314. 

  314. 								</div>
    315. 

  315. 							</a>
    316. 

  316. 						</div>
    317. 

  317. 						<div class="clearfix"> </div>
    318. 

  318. 					</div>
    319. 

  319. 					<div class="tab-1 resp-tab-content">
    320. 

  320. 						<div class="col-md-3 portfolio-grids">
    321. 

  321. 							<a href="images/g5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    322. 

  322. 								<img src="images/g5.jpg" class="img-responsive zoom-img" alt=""/>
    323. 

  323. 								<div class="b-wrapper">
    324. 

  324. 									<h5>TechEdu</h5>
    325. 

  325. 								</div>
    326. 

  326. 							</a>
    327. 

  327. 						</div>
    328. 

  328. 						<div class="col-md-3 portfolio-grids">
    329. 

  329. 							<a href="images/g6.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    330. 

  330. 								<img src="images/g6.jpg" class="img-responsive zoom-img" alt=""/>
    331. 

  331. 								<div class="b-wrapper">
    332. 

  332. 									<h5>TechEdu</h5>
    333. 

  333. 								</div>
    334. 

  334. 							</a>
    335. 

  335. 						</div>
    336. 

  336. 						<div class="col-md-3 portfolio-grids">
    337. 

  337. 							<a href="images/g4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    338. 

  338. 								<img src="images/g4.jpg" class="img-responsive zoom-img" alt=""/>
    339. 

  339. 								<div class="b-wrapper">
    340. 

  340. 									<h5>TechEdu</h5>
    341. 

  341. 								</div>
    342. 

  342. 							</a>
    343. 

  343. 						</div>
    344. 

  344. 						<div class="col-md-3 portfolio-grids">
    345. 

  345. 							<a href="images/g7.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    346. 

  346. 								<img src="images/g7.jpg" class="img-responsive zoom-img" alt=""/>
    347. 

  347. 								<div class="b-wrapper">
    348. 

  348. 									<h5>TechEdu</h5>
    349. 

  349. 								</div>
    350. 

  350. 							</a>
    351. 

  351. 						</div>
    352. 

  352. 						<div class="clearfix"> </div>
    353. 

  353. 					</div>
    354. 

  354. 					<div class="tab-1 resp-tab-content">
    355. 

  355. 						<div class="col-md-3 portfolio-grids">
    356. 

  356. 							<a href="images/g2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    357. 

  357. 								<img src="images/g2.jpg" class="img-responsive zoom-img" alt=""/>
    358. 

  358. 								<div class="b-wrapper">
    359. 

  359. 									<h5>TechEdu</h5>
    360. 

  360. 								</div>
    361. 

  361. 							</a>
    362. 

  362. 						</div>
    363. 

  363. 						<div class="col-md-3 portfolio-grids">
    364. 

  364. 							<a href="images/g5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    365. 

  365. 								<img src="images/g5.jpg" class="img-responsive zoom-img" alt=""/>
    366. 

  366. 								<div class="b-wrapper">
    367. 

  367. 									<h5>TechEdu</h5>
    368. 

  368. 								</div>
    369. 

  369. 							</a>
    370. 

  370. 						</div>
    371. 

  371. 						<div class="col-md-3 portfolio-grids">
    372. 

  372. 							<a href="images/g6.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
    373. 

  373. 								<img src="images/g6.jpg" class="img-responsive zoom-img" alt=""/>
    374. 

  374. 								<div class="b-wrapper">
    375. 

  375. 									<h5>TechEdu</h5>
    376. 

  376. 								</div>
    377. 

  377. 							</a>
    378. 

  378. 						</div>
    379. 

  379. 						<div class="clearfix"> </div>
    380. 

  380. 					</div>
    381. 

  381. 				</div>						
    382. 

  382. 			</div>
    383. 

  383. 		</div>
    384. 

  384. 		</div>	
    385. 

  385. 	</div>
    386. 

  386. 	<!--//portfolio-->
    387. 

  387. 	<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >建站模板</a></div>
    388. 

  388.   <!--//main-header-->
    389. 

  389. 	<script type="text/javascript" src="js/jquery.zoomslider.min.js"></script>
    390. 

  390. 	<!-- testimonial -->
    391. 

  391. 	<div class="wthree-testi w3ls-section" id="testimonials">
    392. 

  392. 		<!-- container -->
    393. 

  393. 		<div class="container">
    394. 

  394. 			<h3 class="w3ls-title">Testimonials</h3> 
    395. 

  395. 			<div class="w3_wthree-testi_grids text-center">
    396. 

  396. 				<section class="slider">
    397. 

  397. 					<div class="flexslider">
    398. 

  398. 						<ul class="slides">
    399. 

  399. 							<li>	
    400. 

  400. 								<div class="wthree-testi_grid">
    401. 

  401. 									<div class="testimonial-left">
    402. 

  402. 										<i class="fa fa-user" aria-hidden="true"></i> 
    403. 

  403. 									</div>
    404. 

  404. 									<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil 
    405. 

  405. 										impedit quo minus id quod possimus, omnis voluptas.</p>
    406. 

  406. 									<h5>John Frank</h5>
    407. 

  407. 								</div>
    408. 

  408. 							</li>
    409. 

  409. 							<li>	
    410. 

  410. 								<div class="wthree-testi_grid">
    411. 

  411. 									<div class="testimonial-left">
    412. 

  412. 										<i class="fa fa-user" aria-hidden="true"></i> 
    413. 

  413. 									</div>
    414. 

  414. 									<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil 
    415. 

  415. 										impedit quo minus id quod possimus, omnis voluptas.</p>
    416. 

  416. 									<h5>Michael Doe</h5>
    417. 

  417. 								</div>
    418. 

  418. 							</li>
    419. 

  419. 							<li>	
    420. 

  420. 								<div class="wthree-testi_grid">
    421. 

  421. 									<div class="testimonial-left">
    422. 

  422. 										<i class="fa fa-user" aria-hidden="true"></i> 
    423. 

  423. 									</div>
    424. 

  424. 									<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil 
    425. 

  425. 										impedit quo minus id quod possimus, omnis voluptas.</p>
    426. 

  426. 									<h5>Thomas Carl</h5>
    427. 

  427. 								</div>
    428. 

  428. 							</li>
    429. 

  429. 						</ul>
    430. 

  430. 					</div>
    431. 

  431. 				</section>
    432. 

  432. 				
    433. 

  433. 			</div>
    434. 

  434. 		</div>
    435. 

  435. 	</div>
    436. 

  436. <!-- //testimonial --> 
    437. 

  437. <!-- team -->
    438. 

  438. 	<div class="testimonials w3ls-section" id="team">
    439. 

  439. 		<div class="container">
    440. 

  440. 			<h3 class="w3ls-title">Our Staff</h3>
    441. 

  441. 		<div class="w3_testimonials_grids w3_testimonials_grids">
    442. 

  442. 			<div id="owl-demo" class="owl-carousel"> 
    443. 

  443. 				<div class="item w3_agileits_testimonials_grid">
    444. 

  444. 					<img src="images/t1.jpg" alt=" " class="img-responsive" />
    445. 

  445. 					<h4>J. Hobbs</h4>
    446. 

  446. 					<p>Donec quis turpis pellentesque justo pulvinar sceleris.</p>
    447. 

  447. 				</div>
    448. 

  448. 				<div class="item w3_agileits_testimonials_grid">
    449. 

  449. 					<img src="images/t2.jpg" alt=" " class="img-responsive" />
    450. 

  450. 					<h4>Paul</h4>
    451. 

  451. 					<p>Donec quis turpis pellentesque justo pulvinar sceleris.</p>
    452. 

  452. 				</div>
    453. 

  453. 				<div class="item w3_agileits_testimonials_grid">
    454. 

  454. 					<img src="images/t3.jpg" alt=" " class="img-responsive" />
    455. 

  455. 					<h4>John</h4>
    456. 

  456. 					<p>Donec quis turpis pellentesque justo pulvinar sceleris.</p>
    457. 

  457. 				</div>
    458. 

  458. 				<div class="item w3_agileits_testimonials_grid">
    459. 

  459. 					<img src="images/t1.jpg" alt=" " class="img-responsive" />
    460. 

  460. 					<h4>Michael </h4>
    461. 

  461. 					<p>Donec quis turpis pellentesque justo pulvinar sceleris.</p>
    462. 

  462. 				</div>
    463. 

  463. 				<div class="item w3_agileits_testimonials_grid">
    464. 

  464. 					<img src="images/t2.jpg" alt=" " class="img-responsive" />
    465. 

  465. 					<h4>Christopher</h4>
    466. 

  466. 					<p>Donec quis turpis pellentesque justo pulvinar sceleris.</p>
    467. 

  467. 				</div>
    468. 

  468. 			</div>
    469. 

  469. 		</div>
    470. 

  470. 	</div>
    471. 

  471. 	</div>
    472. 

  472. <!-- //team -->
    473. 

  473. 	<!-- contact -->
    474. 

  474. 	<div class="contact-bottom w3ls-section" id="contact">
    475. 

  475. 		<div class="container">
    476. 

  476. 			<h3 class="w3ls-title">contact</h3>
    477. 

  477. 			<p>Lorem ipsum dolor sit amet consec tetuer adi piscing eLorem ipsum dolor sit amet consec tetuer adi piscing.</p>
    478. 

  478. 			<div class="w3layouts-list">
    479. 

  479. 					<div class="col-md-4 li"><span class="fa fa-map-marker" aria-hidden="true"></span><h6>Southwales,Australia.</h6></div>
    480. 

  480. 					<div class="col-md-4 li"><span class="fa fa-phone" aria-hidden="true"></span><h6>012 345 678</h6></div>
    481. 

  481. 					<div class="col-md-4 li"><span class="fa fa-location-arrow" aria-hidden="true"></span><a href="mailto:techedu@info.com">TechEdu@info.com</a></div>
    482. 

  482. 					<div class="clearfix"></div>
    483. 

  483. 			</div>
    484. 

  484. 			<div class="col-md-6 col-sm-6  col-xs-6 agileits_w3layouts-map">
    485. 

  485. 				<iframe src="" style="border:0" allowfullscreen></iframe>
    486. 

  486. 			</div>	
    487. 

  487. 			<div class="col-md-6 col-sm-6 col-xs-6 contact-right-w3l">
    488. 

  488. 				<form action="#" method="post">
    489. 

  489. 					<input type="text" class="name" name="name" placeholder="First Name" required="">
    490. 

  490. 					<input type="text" class="name" name="name" placeholder="Last Name" required="">
    491. 

  491. 					<input type="email" class="name" name="name" placeholder="Email" required="">
    492. 

  492. 					<input type="text" class="name" name="name" placeholder="Subject" required="">
    493. 

  493. 					<textarea placeholder="Your Message" required></textarea>
    494. 

  494. 					<input type="submit" value="SEND MESSAGE">
    495. 

  495. 				</form>
    496. 

  496. 			</div>
    497. 

  497. 			<div class="clearfix"></div>
    498. 

  498. 		</div>
    499. 

  499. 	</div>
    500. 

  500. <!-- //contact -->
    501. 

  501. <!-- subscribe -->
    502. 

  502. 	<div class="w3ls-section subscribe text-center">
    503. 

  503. 		<div class="container">
    504. 

  504. 			<h3 class="w3ls-title">subscribe now!</h3>
    505. 

  505. 			<p>Enter your email address to get the latest news, special events and student activities delivered right to your inbox.</p>
    506. 

  506. 				<div class="subscribe-grid">
    507. 

  507. 				<form action="#" method="post">
    508. 

  508. 					<input type="email" placeholder="Enter your email.." name="Subscribe" required="">
    509. 

  509. 					<button class="btn1">subscribe</button>
    510. 

  510. 				</form>
    511. 

  511. 			</div>
    512. 

  512. 		</div>
    513. 

  513. 	</div>
    514. 

  514. 	<!-- //subscribe -->
    515. 

  515. 	<!-- footer -->
    516. 

  516. 	<div class="agileits_w3layouts-footer">
    517. 

  517. 		<div class="col-md-6 col-sm-8 agileinfo-copyright">
    518. 

  518. 			<p>Copyright &copy; 2017.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
    519. 

  519. 		</div>
    520. 

  520. 		<div class="col-md-6 col-sm-4 agileinfo-icons">
    521. 

  521. 			<ul>
    522. 

  522. 				<li><a class="icon fb" href="#"><i class="fa fa-facebook"></i></a></li>
    523. 

  523. 				<li><a class="icon tw" href="#"><i class="fa fa-twitter"></i></a></li>
    524. 

  524. 				<li><a class="icon pin" href="#"><i class="fa fa-pinterest"></i></a></li>
    525. 

  525. 				<li><a class="icon db" href="#"><i class="fa fa-dribbble"></i></a></li>
    526. 

  526. 				<li><a class="icon gp" href="#"><i class="fa fa-google-plus"></i></a></li>
    527. 

  527. 			</ul>
    528. 

  528. 		</div>
    529. 

  529. 		<div class="clearfix"></div>
    530. 

  530. 	</div>
    531. 

  531.     <!-- footer -->
    532. 

  532. 	<!-- bootstrap-modal-pop-up -->
    533. 

  533. 	<div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
    534. 

  534. 		<div class="modal-dialog" role="document">
    535. 

  535. 			<div class="modal-content">
    536. 

  536. 				<div class="modal-header">
    537. 

  537. 				  Tech Edu
    538. 

  538. 					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>						
    539. 

  539. 				</div>
    540. 

  540. 					<div class="modal-body">
    541. 

  541. 						<img src="images/6.jpg" alt=" " class="img-responsive" />
    542. 

  542. 						<p>Ut enim ad minima veniam, quis nostrum 
    543. 

  543. 							exercitationem ullam corporis suscipit laboriosam, 
    544. 

  544. 							nisi ut aliquid ex ea commodi consequatur? Quis autem 
    545. 

  545. 							vel eum iure reprehenderit qui in ea voluptate velit 
    546. 

  546. 							esse quam nihil molestiae consequatur, vel illum qui 
    547. 

  547. 							dolorem eum fugiat quo voluptas nulla pariatur.
    548. 

  548. 							<i>" Quis autem vel eum iure reprehenderit qui in ea voluptate velit 
    549. 

  549. 								esse quam nihil molestiae consequatur.</i></p>
    550. 

  550. 					</div>
    551. 

  551. 			</div>
    552. 

  552. 		</div>
    553. 

  553. 	</div>
    554. 

  554. <!-- //bootstrap-modal-pop-up --> 
    555. 

  555. <!--script for portfolio-->
    556. 

  556. 	<script src="js/lightbox-plus-jquery.min.js"> </script>
    557. 

  557. 	<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
    558. 

  558. 	<script type="text/javascript">
    559. 

  559. 		$(document).ready(function () {
    560. 

  560. 			$('#horizontalTab').easyResponsiveTabs({
    561. 

  561. 				type: 'default', //Types: default, vertical, accordion           
    562. 

  562. 				width: 'auto', //auto or any width like 600px
    563. 

  563. 				fit: true   // 100% fit in a container
    564. 

  564. 			});
    565. 

  565. 		});		
    566. 

  566. 	</script>
    567. 

  567. 	<!--//script for portfolio-->
    568. 

  568. 

  569. 

  570. <script src="js/owl.carousel.js"></script>  
    571. 

  571. 	<script>
    572. 

  572. 		$(document).ready(function() { 
    573. 

  573. 			$("#owl-demo").owlCarousel({
    574. 

  574. 			  autoPlay: true, //Set AutoPlay to 3 seconds
    575. 

  575. 			  items :3,
    576. 

  576. 			  itemsDesktop : [640,2],
    577. 

  577. 			  itemsDesktopSmall : [414,1],
    578. 

  578. 			  navigation : true,
    579. 

  579. 			  // THIS IS THE NEW PART
    580. 

  580. 				afterAction: function(el){
    581. 

  581. 					//remove class active
    582. 

  582. 					this
    583. 

  583. 					.$owlItems
    584. 

  584. 					.removeClass('active')
    585. 

  585. 					//add class active
    586. 

  586. 					this
    587. 

  587. 					.$owlItems //owl internal $ object containing items
    588. 

  588. 					.eq(this.currentItem + 1)
    589. 

  589. 					.addClass('active')
    590. 

  590. 					}
    591. 

  591. 			// END NEW PART
    592. 

  592. 		 
    593. 

  593. 			});
    594. 

  594. 			
    595. 

  595. 		}); 
    596. 

  596. 	</script>
    597. 

  597. 	
    598. 

  598. <!-- here starts scrolling icon -->
    599. 

  599. 		<script type="text/javascript">
    600. 

  600. 			$(document).ready(function() {
    601. 

  601. 				/*
    602. 

  602. 					var defaults = {
    603. 

  603. 					containerID: 'toTop', // fading element id
    604. 

  604. 					containerHoverID: 'toTopHover', // fading element hover id
    605. 

  605. 					scrollSpeed: 1200,
    606. 

  606. 					easingType: 'linear' 
    607. 

  607. 					};
    608. 

  608. 				*/
    609. 

  609. 										
    610. 

  610. 				$().UItoTop({ easingType: 'easeOutQuart' });
    611. 

  611. 									
    612. 

  612. 				});
    613. 

  613. 		</script>
    614. 

  614. 		<!-- flexSlider -->
    615. 

  615. 					<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" />
    616. 

  616. 					<script defer src="js/jquery.flexslider.js"></script>
    617. 

  617. 					<script type="text/javascript">
    618. 

  618. 					$(window).load(function(){
    619. 

  619. 					  $('.flexslider').flexslider({
    620. 

  620. 						animation: "slide",
    621. 

  621. 						start: function(slider){
    622. 

  622. 						  $('body').removeClass('loading');
    623. 

  623. 						}
    624. 

  624. 					  });
    625. 

  625. 					});
    626. 

  626. 				  </script>
    627. 

  627. 		<!-- //flexSlider -->
    628. 

  628. 

  629. 		<!-- start-smoth-scrolling -->
    630. 

  630. 		<script type="text/javascript" src="js/move-top.js"></script>
    631. 

  631. 		<script type="text/javascript" src="js/easing.js"></script>
    632. 

  632. 		<script type="text/javascript">
    633. 

  633. 			jQuery(document).ready(function($) {
    634. 

  634. 				$(".scroll").click(function(event){		
    635. 

  635. 					event.preventDefault();
    636. 

  636. 					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
    637. 

  637. 				});
    638. 

  638. 			});
    639. 

  639. 		</script>
    640. 

  640. 		<!-- /ends-smoth-scrolling -->
    641. 

  641. 	<!-- //here ends scrolling icon -->
    642. 

  642. 	
    643. 

  643. <script type="text/javascript" src="js/numscroller-1.0.js"></script>
    644. 

  644. 	
    645. 

  645. <script src="js/SmoothScroll.min.js"></script>
    646. 

  646.   </body>
    647. 

  647.  </html> 
    648.