diff --git a/page_accueil/index.html b/page_accueil/index.html
index 316ea673c83d8fb6a4a3cc1797354405eac15e90..51100279c60b49bdb8657675b3fed7b485d0bc2f 100644
--- a/page_accueil/index.html
+++ b/page_accueil/index.html
@@ -416,9 +416,357 @@
 
 			<div id="id-faq" style="height: 20px"></div>
 
+		</div>
 
+		<a href="#" class="scrollup" style="bottom: 70px;right:25px;display: block">
+			<i class="nc-icon-outline arrows-1_minimal-up"></i>
+		</a>
+
+
+		<script src="assets/js/libs/jquery/dist/jquery.min.js"></script>
+		<script src="assets/js/libs/jquery-ui/jquery-ui.min.js"></script>
+		<script src="assets/js/libs/gsap/src/minified/TweenMax.min.js"></script>
+		<script src="assets/js/libs/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script>
+		<script src="assets/js/libs/tether/dist/js/tether.min.js"></script>
+		<script src="assets/js/libs/bootstrap/dist/js/bootstrap.min.js"></script>
+		<script src="assets/js/libs/magnific-popup/dist/jquery.magnific-popup.min.js"></script>
+		<script src="assets/js/libs/superfish/dist/js/superfish.min.js"></script>
+		<script src="assets/js/libs/appear/jquery.appear.js"></script>
+		<script src="assets/js/libs/jquery.scrollspeed/jQuery.scrollSpeed.js"></script>
+		<script src="assets/js/libs/skrollr/dist/skrollr.min.js"></script>
+		<script src="assets/js/libs/mustache.js/mustache.min.js"></script>
+		<script src="assets/js/libs/isotope/dist/isotope.pkgd.min.js"></script>
+		<script src="assets/js/libs/isotope-packery/packery-mode.pkgd.min.js"></script>
+		<script src="assets/js/libs/sticky-kit/dist/sticky-kit.js"></script>
+		<script src="assets/js/libs/bxslider-4/dist/jquery.bxslider.min.js"></script>
+		<script src="assets/js/masonry.js"></script>
+		<script src="assets/js/portfolio.js"></script>
+		<script src="assets/js/main.js"></script>
+		<script type="assets/js/sliders.js"></script>
+
+		<script src="assets/js/libs/easyticker-jquery/jquery.easy-ticker.min.js"></script> 
+		<script src="assets/js/libs/flexslider/jquery.flexslider-min.js"></script>
+		<script src="assets/js/widgets.js"></script>
+		<script src="assets/js/navigation.js"></script>
+		<script src="assets/js/search.js"></script>
+
+		<!--Start of Tawk.to Script-->
+		<script type="text/javascript">
+			var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date();
+			(function () {
+				var s1 = document.createElement("script"), s0 = document.getElementsByTagName("script")[0];
+				s1.async = true;
+				s1.src = 'https://embed.tawk.to/57a11b01c061b61520194819/default';
+				s1.charset = 'UTF-8';
+				s1.setAttribute('crossorigin', '*');
+				s0.parentNode.insertBefore(s1, s0);
+			})();
+
+			<!--Google Analytics-->
+			(function (i, s, o, g, r, a, m) {
+				i['GoogleAnalyticsObject'] = r;
+				i[r] = i[r] || function () {
+					(i[r].q = i[r].q || []).push(arguments)
+				}, i[r].l = 1 * new Date();
+				a = s.createElement(o), m = s.getElementsByTagName(o)[0];
+				a.async = 1;
+				a.src = g;
+				m.parentNode.insertBefore(a, m)
+			})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
+
+			ga('create', 'UA-70685773-1', 'auto');
+			ga('send', 'pageview');
+			<!--Baidu upload sitemap-->
+			(function () {
+				var bp = document.createElement('script');
+				var curProtocol = window.location.protocol.split(':')[0];
+				if (curProtocol === 'https') {
+					bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
+				}
+				else {
+					bp.src = 'http://push.zhanzhang.baidu.com/push.js';
+				}
+				var s = document.getElementsByTagName("script")[0];
+				s.parentNode.insertBefore(bp, s);
+			})();
+			<!--Baidu Analytic: hm-->
+			var _hmt = _hmt || [];
+			(function () {
+				var hm = document.createElement("script");
+				hm.src = "//hm.baidu.com/hm.js?4120c5626bf7f4d3d8d19c0908bfc545";
+				var s = document.getElementsByTagName("script")[0];
+				s.parentNode.insertBefore(hm, s);
+			})();
+		</script>
+		<!--End of Tawk.to Script-->
+
+		<script id="template" type="x-tmpl-mustache">
+			{{#dealList}}
+			<div class="media post">
+			<a href="/app/deal/{{slug}}?event=newstudentpage">
+			<div class="pull-left">
+			<img src="{{brandImage}}" class="img-fluid">
+			</div>
+			</a>
+			<div class="media-body">
+			<a class="post-title" href="/app/deal/{{slug}}?event=newstudentpage">{{title}}</a>
+			</div>
+			</div>
+			{{/dealList}}
+		</script>
+
+		<!--mustache-->
+		<script id="articleTemplate" type="x-tmpl-mustache">
+			{{#articleList}}
+			<div class="item {{tag}} " id="myarticle{{id}}">
+				<div class="post ">
+					<div class="item-wrapper">
+						<div class="row">
+							<div class="col-sm-4 col-lg-3">
+								<div class="post-medias">
+									<a href="{{slug}}"
+									target="_blank"><img
+									src="assets/img/new-student-page/cover/{{coverImage}}"
+									alt="{{title}}"></a>
+								</div>
+							</div>
+							<div class="col-sm-8 col-lg-9">
+								<div class="post-info">
+									<h2 class="post-title">
+										<a onmouseover="this.style.color='#FFDB38';" onmouseout="this.style.color='';" href="{{slug}}"
+										target="_blank">{{title}}</a>
+									</h2>
+									<div class="separator separator-line">
+										<div class="mask"></div>
+										</div>
+										<div class="post-excerpt">
+											<a onmouseover="this.style.color='#FFDB38';" onmouseout="this.style.color='';" href="{{slug}}"
+											target="_blank"
+											style="line-height: 1.4;">
+											{{text}}</a>
+										</div>
 
-
+										<ul class="post-meta">
+										<li>最后更新: <span>{{date}}</span>
+										</li>
+										</ul>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			{{/articleList}}
+		</script>
+
+
+		<!--sider sticky-->
+		<script type="application/javascript">
+
+			sessionStorage.hidelength=0
+			sessionStorage.hideindex=null
+
+			$(document).ready(function () {
+
+				$("[data-sticky_column]").stick_in_parent({
+					parent: "[data-sticky_parent]",
+					offset_top: 40
+				});
+				var articleTemplate = $('#articleTemplate').html();
+				$.get('assets/json/articleData.json', function (data) {
+					var renderedArticle = Mustache.render(articleTemplate, { articleList: data });
+					$('#article-content').html(renderedArticle);
+				}, 'json');
+
+
+			//<!--auto scroll-->
+
+				$('.bxslider').bxSlider({
+					mode: 'horizontal',
+					//slideWidth: 400,
+					controls: false,
+					auto: true,
+					pause: 4000,
+					autoHover: true,
+					slideMargin: 10
+				});
+
+				$('#search-content').hide();
+
+				document.getElementById("search-quit-div").style.display="none"
+
+				document.getElementById("search-button").addEventListener("click",function(){
+					var words=document.getElementById("search-field").value
+					if(words!=""){
+						search(words.toUpperCase())
+						document.getElementById("search-field").value=""
+					}
+				})
+
+				document.getElementById("search-field").addEventListener("keyup",function(event){
+					var words=document.getElementById("search-field").value
+					if(words!="" && event.keyCode === 13){
+						web_search(words.toUpperCase())
+						document.getElementById("search-field").value=""
+					}
+				})
+
+				document.getElementById("mobile-search-button").addEventListener("click",function(){
+					closeMobileMenu()
+					var words=document.getElementById("mobile-search-field").value
+					if(words!=""){
+						mobile_search(words.toUpperCase())
+						document.getElementById("mobile-search-field").value=""
+					}
+				})
+
+				document.getElementById("mobile-search-field").addEventListener("keyup",function(event){
+					var words=document.getElementById("mobile-search-field").value
+					if(words!="" && event.keyCode === 13){
+						closeMobileMenu()
+						document.activeElement.blur();
+						$("mobile-search-field").blur();
+						mobile_search(words.toUpperCase())
+						document.getElementById("mobile-search-field").value=""
+					}
+				})
+
+				document.getElementById("contact-form").addEventListener('submit',function(){
+					var email=document.getElementById("contact-email").value;
+					var name=document.getElementById("contact-name").value;
+					var text=document.getElementById("contact-message").value;
+					window.open('mailto:contact@ecentime.com?subject=[新生网页联系表格]From: '+name+'   Contact: '+email+'&body='+text);
+					})
+
+			});
+		</script>
+
+		<!--tooltip-->
+		<script type="text/javascript">
+			$(function () {
+				$('[data-toggle="tooltip"]').tooltip()
+			})
+		</script>
+
+		<!--Flexslider-->
+		<script type="text/javascript">
+			$(window).load(function() {
+				$('.flexslider').flexslider({
+					animation: "slide"
+				});
+			});
+		</script>
+
+		<!--Scroll to FAQ-->
+		<script type="text/javascript">
+			$('#button-faq').on("click",function(){
+				var elmnt = document.getElementById("id-faq");
+				elmnt.scrollIntoView();
+			})
+			$('#button-faq').on("mouseover",function(){
+				this.style.color="#66b4ce";
+			})
+			$('#button-faq').on("mouseleave",function(){
+				this.style.color="#3e3b3b";
+			})
+		</script>
+
+
+		<!-- Search function -->
+		<script type="application/javascript">
+
+			function web_search(args){
+				window.scrollTo(0, 0);
+				var keys=args.split(" ")
+				var result=[]
+				var articleTemplate = $('#articleTemplate').html();
+				$.get('assets/json/articleData.json', function (data) {
+
+					for (var i = 0; i<data.length; i++) {
+						for (var j =0; j<keys.length; j++) {
+							if(data[i].title.toUpperCase().includes(keys[j]) || data[i].text.toUpperCase().includes(keys[j])){
+								if(!result.includes(data[i]).id){
+									result.push(data[i])
+								}
+							}
+						
+						}
+					}
+					var renderedArticle = Mustache.render(articleTemplate, { articleList: result });
+					$('#search-article-content').html(renderedArticle);
+
+					document.getElementById("normal-content").style.display="none";
+					document.getElementById("search-content").style.display="block";
+					
+					document.getElementById("quit-search2").addEventListener("click",function(){
+						document.getElementById("search-content").style.display="none";
+						document.getElementById("normal-content").style.display="block";
+						$('#all-article').trigger('click');
+						document.getElementById("all-article").classList.add("current");
+
+					})
+				}, 'json');
+				
+			}
+
+			function showallarticles(){
+				if(sessionStorage.hidelength>0 && sessionStorage.hideindex!=null){
+					var index=sessionStorage.hideindex.split(",")
+					for (var i = 0; i < sessionStorage.hidelength; i++) {
+						document.getElementById("myarticle"+index[i]).style.display="block"
+					}
+				sessionStorage.hidelength=0;
+				sessionStorage.hideindex=null;
+				}
+			}
+
+			function mobile_search(args){
+				//window.scrollTo(0, 0);
+				document.getElementById("searchscrollposition").scrollIntoView();
+				window.scrollBy(0, -100);
+				//document.getElementById("normal-content").style.display="none";
+				//document.getElementById("search-content").style.display="inline-block";
+				showallarticles()
+				var keys=args.split(" ")
+				var result=[]
+				var hideindex=[]
+				var articleTemplate = $('#articleTemplate').html();
+				document.getElementById("search").style.display="none"
+				document.getElementById("search-quit-div").style.display="block"
+				$.get('assets/json/articleData.json', function (data) {
+
+					for (var i = 0; i<data.length; i++) {
+						for (var j =0; j<keys.length; j++) {
+							if(!data[i].title.toUpperCase().includes(keys[j]) && !data[i].text.toUpperCase().includes(keys[j])){
+								if(!hideindex.includes(data[i]).id){
+									hideindex.push(data[i].id)
+									document.getElementById("myarticle"+data[i].id).style.display="none"
+								}
+							}
+						
+						}
+					}
+
+					sessionStorage.hideindex=hideindex
+					sessionStorage.hidelength=hideindex.length
+					$(window).trigger('resize');
+					
+					
+					document.getElementById("quit-search").addEventListener("click",function(){
+						
+						document.getElementById("search").style.display="block"
+						document.getElementById("search-quit-div").style.display="none"
+						showallarticles()
+						$('#all-article').trigger('click');
+						document.getElementById("all-article").classList.add("current");
+
+					})
+				}, 'json');
+				
+			}
+
+		</script>
 
 	</body>