怎么才能让这个网页实现,做出来

主页面包含页头、页脚、导航栏、焦点轮播图,Tab栏切换效果、用户登陆验证、实时日期时间显示。网站须包含以下元素:超链接、图片、表单(form)、div、列表、JavaScript代码等。


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="format-detection" content="telephone=no" />
		<!--icon-->
		<title>LED Christmas Party Decoration Lights Manufacturers,
			Suppliers</title>
		<meta name="description" content="Taizhou City Dadi Light Decorations Co.,Ltd is a 
famous China LED Christmas Party Lights manufacturers and LED Christmas Decoration 
Lights suppliers, Welcome!" />
		<meta name="keywords" content="LED Christmas Party Lights, LED Christmas Decoration 
Lights" />
		<!--#header##-->
		<link rel="shortcut icon" href="https://www.cn-da-
di.com/template/en/images/icon.ico" type="image/x-icon" />
		<link rel="icon" href="https://www.cn-da-
di.com/template/en/images/icon.ico" type="image/x-icon" />
		<!--icon-->

		<link rel="stylesheet" href="https://www.cn-da-di.com/template/en/css/slick.css" />
		<link rel="stylesheet" type="text/css" href="https://www.cn-da-
di.com/template/en/css/basic.css">
		<link rel="stylesheet" type="text/css" href="https://www.cn-da-
di.com/template/en/css/main.css">
		<link rel="stylesheet" type="text/css" href="https://www.cn-da-
di.com/template/en/css/font-awesome.min.css">
		<link rel="stylesheet" href="https://www.cn-da-
di.com/template/en/css/animate.min.css" />
		<script type="text/javascript" src="https://www.cn-da-
di.com/template/en/js/jquery.js"></script>
		<script type="text/javascript" src="https://www.cn-da-
di.com/template/en/js/qrcode.min.js"></script>
		<script type="text/javascript" src="https://www.cn-da-
di.com/template/en/js/spotlight.bundle.js"></script>
		<script type="text/javascript" src="https://www.cn-da-
di.com/template/en/js/hwaq.js"></script>
		<script type="text/javascript" src="https://www.cn-da-
di.com/template/en/js/main.js"></script>
		<script type="text/javascript" src="https://www.cn-da-
di.com/template/en/js/slick.js"></script>
		<script type="text/javascript" src="https://www.cn-da-
di.com/template/en/js/wow.min.js"></script>

		<!--[if lt IE 9]>
			<script type="text/javascript" src="https://www.cn-da-
di.com/template/en/js/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="body-overflow-box">
			<!--===================== HEAD =====================-->
			<div id="header">
				<!--===================== NAVI =====================-->
				<div class="nav">
					<div class="ui container menu">
						<div class="logo left floated item"><a data-fancybox="group" href="https://www.cn-da-di.com/"><img src="https://www.cn-da-
di.com/template/en/images/logo.jpg"
								 alt="www.cn-da-di.com" /></a></div>
						<div class="menu-box right floated item">
							<ul class="menu">
								<li>
									<a href="/">Home</a>
								</li>
								<li>
									<a href="/product/">Products</a>
									<ul class="sub-menu">
										<li><a href="https://www.cn-da-di.com/product/led-string-light/" class="up-word"> LED string
												light</a></li>
										<li><a href="https://www.cn-da-di.com/product/led-curtain-light/" class="up-word">LED curtain
												light</a></li>
										<li><a href="https://www.cn-da-di.com/product/led-string-light-with-decorations/" class="up-
word">LED string
												light with DECORATIONS</a></li>
										<li><a href="https://www.cn-da-di.com/product/led-rubber-cable-light/" class="up-word">LED
												rubber cable light</a></li>
										<li><a href="https://www.cn-da-di.com/product/led-acrylic-light/" class="up-word">LED ACRYLIC
												LIGHT</a></li>
										<li><a href="https://www.cn-da-di.com/product/led-copper-wire-light/" class="up-word">LED
												copper wire light</a></li>
										<li><a href="https://www.cn-da-di.com/product/led-neon-light/" class="up-word">LED NEON
												light</a></li>
										<li><a href="https://www.cn-da-di.com/product/led-smd-tube-light/" class="up-word">LED SMD
												TUBE LIGHT</a></li>
										<li><a href="https://www.cn-da-di.com/product/led-rope-light/" class="up-word">LED rope
												light</a></li>
										<li><a href="https://www.cn-da-di.com/product/led-tree-lights/" class="up-word">LED tree
												light</a></li>
										<li><a href="https://www.cn-da-di.com/product/led-pvc-board-decorative-light/" class="up-
word">LED PVC BOARD
												DECORATIVE LIGHT</a></li>
										<li><a href="https://www.cn-da-di.com/product/other-christmas-lights/" class="up-word">other
												christmas light</a></li>
									</ul>
								</li>
								<li>
									<a rel="nofollow" href="https://www.cn-da-
di.com/about/">About Us</a>
									<ul class="sub-menu">
										<li><a rel="nofollow" href="https://www.cn-da-
di.com/about/">About Us</a></li>
										<li><a rel="nofollow" href="/factory/">Factory</a></li>
										<li><a rel="nofollow" href="https://www.cn-da-
di.com/honor/">Honor</a></li>
										<li><a rel="nofollow" href="https://www.cn-da-
di.com/faq/">Faq</a></li>
									</ul>
								</li>
								<li>
									<a href="https://www.cn-da-di.com/news/">News center</a>
									<ul class="sub-menu">
									</ul>
								</li>
								<li>
									<a rel="nofollow" href="https://www.cn-da-
di.com/contact/">Contact</a>
								</li>
							</ul>
						</div>
						<div class="box">
							<div class="h-search item right floated"><img src="https://www.cn-da-di.com/template/en/images/icon-search.png"
								 alt=""></div>
							<div class="search-box">
								<form method="get" action="https://www.cn-da-di.com/product">
									<input type="text" name="s" placeholder="product 
search...">
									<input type="submit" value="">
								</form>
								<i class="close"></i>
							</div>
							<div class="yuy"><a href="https://fr.cn-da-di.com/">FR</a> <a href="https://de.cn-da-di.com/">DE</a></div>
						</div>
					</div>
				</div>
			</div>
			<div id="mobile" class="white">
				<div id="menu-on">
					<i class="line1"></i>
					<i class="line2"></i>
					<i class="line3"></i>
				</div>
				<div class="mobile-logo"><a href="https://www.cn-da-di.com/"><img src="https://www.cn-da-di.com/template/en/images/logo.jpg"
						 alt=""></a></div>
				<div class="menu-content">
					<div class="menu-logo"><a href="https://www.cn-da-di.com/"><img src="https://www.cn-da-di.com/template/en/images/logo.jpg"
							 alt=""></a></div>
					<div class="menu-list">
						<h3><i class="fa fa-list"></i> Web Menu</h3>
						<ul class="menu">
							<li>
								<a href="https://www.cn-da-di.com/product/">Products</a>
								<ul class="sub-menu">
									<li><a href="https://www.cn-da-di.com/product/led-string-light/"> LED string light</a></li>
									<li><a href="https://www.cn-da-di.com/product/led-curtain-light/">LED curtain light</a></li>
									<li><a href="https://www.cn-da-di.com/product/led-string-light-with-decorations/">LED string
											light with DECORATIONS</a></li>
									<li><a href="https://www.cn-da-di.com/product/led-rubber-cable-light/">LED rubber cable
											light</a></li>
									<li><a href="https://www.cn-da-di.com/product/led-acrylic-light/">LED ACRYLIC LIGHT</a></li>
									<li><a href="https://www.cn-da-di.com/product/led-copper-wire-light/">LED copper wire
											light</a></li>
									<li><a href="https://www.cn-da-di.com/product/led-neon-light/">LED NEON light</a></li>
									<li><a href="https://www.cn-da-di.com/product/led-smd-tube-light/">LED SMD TUBE
											LIGHT</a></li>
									<li><a href="https://www.cn-da-di.com/product/led-rope-light/">LED rope light</a></li>
									<li><a href="https://www.cn-da-di.com/product/led-tree-lights/">LED tree light</a></li>
									<li><a href="/product/led-pvc-board-decorative-light/">LED PVC BOARD DECORATIVE
											LIGHT</a></li>
									<li><a href="https://www.cn-da-di.com/product/other-christmas-lights/">other christmas
											light</a></li>
								</ul>
							</li>
							<li>
								<a rel="nofollow" href="https://www.cn-da-
di.com/about/">About Us</a>
								<ul class="sub-menu">
									<li><a rel="nofollow" href="https://www.cn-da-
di.com/about/">About Us</a></li>
									<li><a rel="nofollow" href="/factory/">Factory</a></li>
									<li><a rel="nofollow" href="https://www.cn-da-
di.com/honor/">Honor</a></li>
									<li><a rel="nofollow" href="https://www.cn-da-
di.com/faq/">Faq</a></li>
								</ul>
							</li>
							<li>
								<a rel="nofollow" href="https://www.cn-da-
di.com/news/">News center</a>
								<ul class="sub-menu">
								</ul>
							</li>
							<li>
								<a rel="nofollow" href="https://www.cn-da-
di.com/support/">Support</a>
							</li>
							<li>
								<a rel="nofollow" href="https://www.cn-da-
di.com/contact/">Contact</a>
							</li>
						</ul>
					</div>
					<div class="mob-search">
						<h3><i class="fa fa-search"></i> Product Search</h3>
						<form method="get" action="/product">
							<input type="text" placeholder="Search..." name="s" required="required" id="s" value="" />
							<input type="submit" value="">
						</form>
					</div>
					<div class="mob-yuy">
						<h3><i class="fa fa-globe"></i> Language</h3>
						<ul>
							<li><a href="https://www.cn-da-di.com/"><img src="https://www.cn-
da-di.com/template/en/images/us.jpg" alt="">English</a></li>
							<li><a href="https://fr.cn-da-di.com/"><img src="https://www.cn-
da-di.com/template/en/images/fr.jpg" alt="">Français</a></li>
							<li><a href="https://de.cn-da-di.com/"><img src="https://www.cn-
da-di.com/template/en/images/de.jpg" alt="">Deutsche</a></li>
						</ul>
					</div>
					<div class="mob-share">
						<h3><i class="fa fa-share-alt"></i> Share</h3>
						<ul class="grid-box">
							<li class="column"><a rel="nofollow" href="javascript:window.open
('http://www.facebook.com/sharer.php?u='+encodeURIComponent
(document.location.href)+'&t='+encodeURIComponent
(document.title),'_blank','toolbar=yes, location=yes, directories=no, status=no, 
menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, 
height=450,top=100,left=350');void(0)"><i
									 class="fa fa-facebook-f"></i></a></li>
							<li class="column"><a rel="nofollow" href="javascript:window.open
('http://twitter.com/home?status='+encodeURIComponent(document.location.href)+' 
'+encodeURIComponent(document.title),'_blank','toolbar=yes, location=yes, 
directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, 
width=600, height=450,top=100,left=350');void(0)"><i
									 class="fa fa-
twitter"></i></a></li>
							<li class="column"><a rel="nofollow" href="javascript:window.open
('https://web.whatsapp.com/send?text='+encodeURIComponent
(document.location.href),'_blank','toolbar=yes, location=yes, directories=no, 
status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, 
height=450,top=100,left=350');void(0)"><i
									 class="fa fa-whatsapp"></i></a></li>
							<li class="column"><a rel="nofollow" href="javascript:window.open
('http://www.linkedin.com/shareArticle?mini=true&url='+encodeURIComponent
(document.location.href)+'&title='+encodeURIComponent
(document.title)+'&source='+encodeURIComponent
(document.location.href),'_blank','toolbar=yes, location=yes, directories=no, 
status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, 
height=450,top=100,left=350');void(0)"><i
									 class="fa fa-linkedin in"></i></a></li>
							<li class="column"><a rel="nofollow" href="javascript:window.open
('https://reddit.com/submit?title='+encodeURIComponent
(document.title)+'&url='+encodeURIComponent
(document.location.href),'_blank','toolbar=yes, location=yes, directories=no, 
status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, 
height=450,top=100,left=350');void(0)"><i
									 class="fa fa-reddit"></i></a></li>
							<li class="column"><a rel="nofollow" href="javascript:window.open
('https://pinterest.com/pin/create/button/?description='+encodeURIComponent
(document.title)+'&url='+encodeURIComponent
(document.location.href),'_blank','toolbar=yes, location=yes, directories=no, 
status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, 
height=450,top=100,left=350');void(0)"><i
									 class="fa fa-pinterest"></i></a></li>
						</ul>
					</div>
					<div id="menu-off">
						<h3><i class="fa fa-close"></i> Exit Menu</h3>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<!--===================== BANNER =====================-->
			<div id="banner" style="background-image: url(https://www.cn-da-
di.com/template/en/images/banner.jpg)">
				<ul>
					<li class="ie1"><img src="https://www.cn-da-
di.com/template/en/images/banner.jpg" alt="">
						<div class="content wow fadeIn animated" data-wow-delay="1.2s" data- wow-duration="1.5s">
							<div class="ui container">
								<div class="left">
									<h2 class="wow fadeInUp animated" data-wow-delay="1.4s" data-wow-duration="1.5s">LED COPPER WIRE LIGHT</h2>
									<p class="wow fadeInUp animated" data-wow-delay="1.8s" data-wow-duration="1.5s">Dadi light mainly do various
										led christmas decoration lights,
										there are many different series, LED string light, LED copper light, rubber cable
										light, rope light, LED neon light, motif light, acrylic light, tree light, party light
										and so on.</p>
									<div class="btn">
										<a href="https://www.cn-da-di.com/product/led-copper-
wire-light/">View product</a>
										<a rel="nofollow" href="https://www.cn-da-
di.com/contact/">contact us</a>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li class="ie"><img src="https://www.cn-da-
di.com/template/en/images/banner2.jpg" alt="">
						<div class="content wow fadeIn animated" data-wow-delay="1.2s" data- wow-duration="1.5s">
							<div class="ui container">
								<div class="left">
									<h2 class="wow fadeInUp animated" data-wow-delay="1.4s" data-wow-duration="1.5s">LED CURTAIN LIGHT</h2>
									<p class="wow fadeInUp animated" data-wow-delay="1.8s" data-wow-duration="1.5s">Dadi light mainly do various
										led christmas lights, there are
										many different series, LED string light, LED copper light, rubber cable light, rope
										light, LED neon light, motif light, acrylic light, tree light, party light and so
										on.</p>
									<div class="btn">
										<a href="https://www.cn-da-di.com/product/led-copper-
wire-light/">View product</a>
										<a rel="nofollow" href="https://www.cn-da-
di.com/contact/">contact us</a>
									</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<!--===================== MAIN CONTENT =====================-->
			<script type="text/javascript" src="https://www.cn-da-
di.com/template/en/js/hwaq.js"></script>
			<script type="text/javascript" src="https://www.cn-da-
di.com/template/en/js/index_js.js"></script>
			<div id="index-body">
				<!--===================== MAIN ADVANTAGE =====================-->
				<div class="init-1">
					<div class="ui container">
						<ul class="grid-box four">
							<li class="column">
								<div class="box wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="1.5s">
									<i>1</i>
									<h5>Customization</h5>
									<p>We have a strong R&D team,and we can develop and
										produce LED christmas decoration light according to the drawings or samples the
										customers offered.</p>
								</div>
							</li>
							<li class="column">
								<div class="box wow fadeInUp animated" data-wow-delay=".4s" data-wow-duration="1.5s">
									<i>2</i>
									<h5>Cost</h5>
									<p>We have fully automatic production equipment. So we can
										offer customers good led christmas party lights at a low price.</p>
								</div>
							</li>
							<li class="column">
								<div class="box wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="1.5s">
									<i>3</i>
									<h5>Quality</h5>
									<p>We have our laboratories and advanced inspection
										equipment in the industry to ensure the quality of the led christmas lights.</p>
								</div>
							</li>
							<li class="column">
								<div class="box wow fadeInUp animated" data-wow-delay=".6s" data-wow-duration="1.5s">
									<i>4</i>
									<h5>Multiformity</h5>
									<p> We are engaged in the development and production of
										LED light strings, LED rubber cable lights, copper wire lights, plastic lights, SMD
										lights, rope lights, modeling lights, and other series of products. </p>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="init-2">
					<div class="top">
						<div class="ui container">
							<h2 class="wow fadeInUp animated" data-wow-delay=".3s" data-wow- duration="1.5s"><img src="https://www.cn-da-di.com/template/en/images/icon-tit.png"
								 alt="">main product</h2>
							<div class="decobox wow fadeInUp animated" data-wow-delay=".4s" data-wow-duration="1.5s">Taizhou City Dadi Light
								Decorations Co.,Ltd. is professional
								<h1>China LED christmas decoration lights manufacturers and LED christmas party lights
									suppliers</h1>, our LED christmas decoration lights cover almost a dozen countries and
								regions including Germany, the United States, Italy, etc. The products are mainly used
								for festive decoration of courtyards, interiors, large squares and parks.</div>
						</div>
					</div>
					<div class="box">
						<ul class="grid-box ">
							<li class="column wow zoomIn animated" data- wow-delay=".5s" data-wow-duration="1.5s">
								<a href="https://www.cn-da-di.com/product/led-string-light/" class="img-box"><img src="https://www.cn-da-di.com/cn-da-di/2020/10/15/led-string-
light.jpg"
									 alt=" LED string light">
									<h5> LED string light</h5>
								</a>
							</li>
							<li class="column wow zoomIn animated" data- wow-delay=".5s" data-wow-duration="1.5s">
								<a href="https://www.cn-da-di.com/product/led-curtain-light/" class="img-box"><img src="https://www.cn-da-di.com/cn-da-di/2020/10/15/led-curtain-
light.jpg"
									 alt="LED curtain light">
									<h5>LED curtain light</h5>
								</a>
							</li>
							<li class="column wow zoomIn animated" data- wow-delay=".5s" data-wow-duration="1.5s">
								<a href="https://www.cn-da-di.com/product/led-string-light-
with-decorations/" class="img-box"><img src="https://www.cn-da-di.com/cn-da-
di/2020/09/23/init-2-3.jpg"
									 alt="LED string light with DECORATIONS">
									<h5>LED string light with DECORATIONS</h5>
								</a>
							</li>
							<li class="column wow zoomIn animated" data- wow-delay=".5s" data-wow-duration="1.5s">
								<a href="https://www.cn-da-di.com/product/led-rubber-cable-
light/" class="img-box"><img src="https://www.cn-da-di.com/cn-da-di/2020/09/23/init-2
-4.jpg"
									 alt="LED rubber cable light">
									<h5>LED rubber cable light</h5>
								</a>
							</li>
							<li class="column wow zoomIn animated" data- wow-delay=".5s" data-wow-duration="1.5s">
								<a href="/product/led-acrylic-light/" class="img-box"><img src="https://www.cn-da-di.com/cn-da-di/2020/09/23/init-2-5.jpg"
									 alt="LED ACRYLIC 
LIGHT">
									<h5>LED ACRYLIC LIGHT</h5>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="init-3">
					<div class="box grid-box">
						<div class="left column wow zoomIn animated" data-wow-delay=".3s" data-wow-duration="1.5s">
							<img src="https://www.cn-da-di.com/template/en/images/init-3.jpg" alt="">
							<div data-src="https://share.polyv.net/front/video/preview?
vid=1280ba18a38da489e474685e8f3af533_1" data-mode="1"
							 class="play"><img src="https://www.cn-da-di.com/template/en/images/icon-play.png" alt=""></div>
						</div>
						<div class="right column">
							<div class="content">
								<ul>
									<li>
										<i class="wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="1.5s"><em>dadI</em> Light
											Decorations</i>
										<h3 class="wow fadeInUp animated" data-wow-delay=".4s" data-wow-duration="1.5s">Professional <em>development</em>
											and <em>production</em> of
											Christmas party lights</h3>
										<p class="wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="1.5s">Taizhou Dadi Lighting was
											established in 1994. It covers an
											area of 12,000 square meters and has several automatic advanced production lines.</p>
										<a rel="nofollow" href="https://www.cn-da-di.com/about/" class="more wow 
fadeInUp animated" data-wow-delay=".6s"
										 data-wow-duration="1.5s">DETAILS</a>
									</li>
									<li>
										<i class="wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="1.5s"><em>dadI</em> Light
											Decorations</i>
										<h3 class="wow fadeInUp animated" data-wow-delay=".4s" data-wow-duration="1.5s">Professional <em>development</em>
											and <em>production</em> of
											Christmas decoration lights</h3>
										<p class="wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="1.5s">Taizhou Dadi Lighting was
											established in 1994. It covers an
											area of 12,000 square meters and has several automatic advanced production lines.</p>
										<a rel="nofollow" href="https://www.cn-da-di.com/about/" class="more wow 
fadeInUp animated" data-wow-delay=".6s"
										 data-wow-duration="1.5s">DETAILS</a>
									</li>
								</ul>
								<div class="btn wow fadeInUp animated" data-wow-delay=".6s" data-wow-duration="1.5s">
									<div class="prev"></div>
									<div class="next"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="init-4">
					<div class="ui container">
						<h3 class="wow fadeInUp animated" data-wow-delay=".3s" data-wow- duration="1.5s">News & exhibitions<small><a rel="nofollow"
								 href="https://www.cn-da-di.com/news/"><img src="https://www.cn-da-di.com/template/en/images/icon-back.png" alt="">
									TO THE NEWS
									LIST</a></small></h3>
						<p class="t wow fadeInRight animated" data-wow-delay=".5s" data-wow- duration="1.5s">Our LED Christmas decoration
							lights and other products are mainly
							exported to more than a dozen countries and regions including Germany, the United
							States, and Italy.</p>
						<div class="box">
							<ul class="grid-box three">
								<li class="column wow zoomIn animated" data-wow-delay=".6s" data-wow-duration="1.5s"><a rel="nofollow" href="https://www.cn-da-di.com/news/how-has-
lighting-technology-changed-from-tungsten-filaments-to-lightemitting-diodes.html"
									 class="img-box">
										<img src="https://www.cn-da-di.com/cn-da-di/2020/10/12/dd-1034.jpg" alt="How has 
lighting technology changed from tungsten filaments to light-emitting diodes?">
										<div class="content">
											<time>18-12-2020 <em>News center</em></time>
											<h6>How has lighting technology changed from tungsten
												filaments to light-emitting diodes?</h6>
										</div>
									</a></li>
								<li class="column wow zoomIn animated" data-wow-delay=".6s" data-wow-duration="1.5s"><a rel="nofollow" href="https://www.cn-da-di.com/news/how-to-
install-the-led-lights-of-the-christmas-tree-and-how-to-repair-the-led-lights-if-
they-are-not-on.html"
									 class="img-box">
										<img src="https://www.cn-da-di.com/cn-da-di/2020/10/12/dd-1025-2.jpg" alt="How to 
install the led lights of the Christmas tree and how to repair the led lights if they 
are not on?">
										<div class="content">
											<time>12-12-2020 <em>News center</em></time>
											<h6>How to install the led lights of the Christmas
												tree and how to repair the led lights if they are not on?</h6>
										</div>
									</a></li>
								<li class="column wow zoomIn animated" data-wow-delay=".6s" data-wow-duration="1.5s"><a rel="nofollow" href="https://www.cn-da-di.com/news/are-you-
ready-for-christmas.html"
									 class="img-box">
										<img src="https://www.cn-da-di.com/cn-da-di/2020/10/12/dd-1025-4.jpg" alt="Are you 
ready for Christmas?">
										<div class="content">
											<time>03-12-2020 <em>News center</em></time>
											<h6>Are you ready for Christmas?</h6>
										</div>
									</a></li>
								<li class="column wow zoomIn animated" data-wow-delay=".6s" data-wow-duration="1.5s"><a rel="nofollow" href="https://www.cn-da-di.com/news/is-it-
worth-switching-to-led-holiday-lights.html"
									 class="img-box">
										<img src="https://www.cn-da-di.com/cn-da-di/2020/10/12/dd-1025-1.jpg" alt="Is it 
worth switching to LED holiday lights?">
										<div class="content">
											<time>27-11-2020 <em>News center</em></time>
											<h6>Is it worth switching to LED holiday lights?</h6>
										</div>
									</a></li>
								<li class="column wow zoomIn animated" data-wow-delay=".6s" data-wow-duration="1.5s"><a rel="nofollow" href="https://www.cn-da-di.com/news/the-main-
market-for-lighting-accessories-is-in-europe-and-the-united-states-and-the-demand-
for-led-and-smart-lamps-in-the-overseas-market-is-stronger.html"
									 class="img-box">
										<img src="https://www.cn-da-di.com/cn-da-di/2020/10/13/news6.jpg" alt="Why are 
Christmas lights so popular?">
										<div class="content">
											<time>13-10-2020 <em>News center</em></time>
											<h6>Why are Christmas lights so popular?</h6>
										</div>
									</a></li>
								<li class="column wow zoomIn animated" data-wow-delay=".6s" data-wow-duration="1.5s"><a rel="nofollow" href="https://www.cn-da-di.com/news/the-led-
lights-at-home-are-not-as-bright-as-before-which-may-be-caused-by-these-three-
faults.html"
									 class="img-box">
										<img src="https://www.cn-da-di.com/cn-da-di/2020/10/13/news2.jpg" alt="How to hang 
the Christmas tree light string">
										<div class="content">
											<time>13-10-2020 <em>News center</em></time>
											<h6>How to hang the Christmas tree light string</h6>
										</div>
									</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!--/.wrapper-->
			<!--===================== FOOTER =====================-->
			<div id="footer">
				<div class="f-form">
					<div class="ui container">
						<div class="box">
							<p>If you are interested in our products, please consult us</p>
							<form id="addForm2" onsubmit="return false;"><input type="hidden" name="your-message" value=""><input type="hidden"
								 name="your-email" value="">
								<ul class="grid-box">
									<li class="column"><input type="text" name="name" placeholder="name*"></li>
									<li class="column"><input type="text" name="phone" placeholder="phone"></li>
									<li class="column"><input type="text" name="mail" placeholder="E-MAIL*"></li>
									<li class="column"><input type="text" name="content" placeholder="Message*"></li>
									<li class="column"><input type="submit" onclick="submit_id2()" value="submit"></li>
								</ul>
							</form>
							<script type="text/javascript" src="/static/js/layer/layer.js"></script>
							<script>
								function submit_id2() {

									layer.load(0, {
										shade: 0.1,
										shadeClose: false
									})
									$.ajax({
										type: 'post',
										url: '/Api/contact/submit/uid/2.html',
										data: $("#addForm2").serialize(),
										dataType: 'json',
										success: function(data) {
											layer.closeAll();
											if (data.status == 200) {
												layer.msg(data.result, {
													icon: 1,
													time: 4000
												});
											} else {
												layer.msg(data.result, {
													icon: 2,
													time: 4000
												})
											}
										}
									})
								}
							</script>
						</div>
					</div>
				</div>
				<div class="footer-top">
					<div class="ui container">
						<div class="box grid-box">
							<div class="left column">
								<div class="f-logo"><a href="https://www.cn-da-di.com/"><img src="https://www.cn-da-di.com/template/en/images/f-logo.png"
										 alt=""></a></div>
								<div class="f-text">
									<p>As a <a href="https://www.cn-da-di.com/">China LED
											Christmas Party Decoration Lights Manufacturers</a>, Taizhou City Dadi Light
										Decorations Co.,Ltd. Was established in 1994. It covers an area of 12,000 square
										meters and has several automatic advanced production lines. </p>
									<a rel="nofollow" href="/about/" class="more">read more
										></a>
									<div style="margin: 8px 0;max-width: 120px;border: 3px 
solid white;" id="ewm" data-href="https://www.cn-da-di.com"></div>
								</div>
								<div class="f-share">
									<h6>Follow me:</h6>
									<ul class="grid-box">
										<li class="column"><a rel="nofollow" href="javascript:window.open('http://www.facebook.com/sharer.php?
u='+encodeURIComponent(document.location.href)+'&t='+encodeURIComponent
(document.title),'_blank','toolbar=yes, location=yes, directories=no, status=no, 
menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, 
height=450,top=100,left=350');void(0)"><i
												 class="fa fa-facebook-f"></i></a></li>
										<li class="column"><a rel="nofollow" href="javascript:window.open('http://twitter.com/home?status='+encodeURIComponent
(document.location.href)+' '+encodeURIComponent(document.title),'_blank','toolbar=yes, 
location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, 
copyhistory=yes, width=600, height=450,top=100,left=350');void(0)"><i
												 class="fa fa-
twitter"></i></a></li>
										<li class="column"><a rel="nofollow" href="javascript:window.open('https://web.whatsapp.com/send?text='+encodeURIComponent
(document.location.href),'_blank','toolbar=yes, location=yes, directories=no, 
status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, 
height=450,top=100,left=350');void(0)"><i
												 class="fa fa-whatsapp"></i></a></li>
										<li class="column"><a rel="nofollow" href="javascript:window.open('http://www.linkedin.com/shareArticle?
mini=true&url='+encodeURIComponent
(document.location.href)+'&title='+encodeURIComponent
(document.title)+'&source='+encodeURIComponent
(document.location.href),'_blank','toolbar=yes, location=yes, directories=no, 
status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, 
height=450,top=100,left=350');void(0)"><i
												 class="fa fa-linkedin in"></i></a></li>
										<li class="column"><a rel="nofollow" href="javascript:window.open('https://reddit.com/submit?title='+encodeURIComponent
(document.title)+'&url='+encodeURIComponent
(document.location.href),'_blank','toolbar=yes, location=yes, directories=no, 
status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, 
height=450,top=100,left=350');void(0)"><i
												 class="fa fa-reddit"></i></a></li>
										<li class="column"><a rel="nofollow" href="javascript:window.open('https://pinterest.com/pin/create/button/?
description='+encodeURIComponent(document.title)+'&url='+encodeURIComponent
(document.location.href),'_blank','toolbar=yes, location=yes, directories=no, 
status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, 
height=450,top=100,left=350');void(0)"><i
												 class="fa fa-pinterest"></i></a></li>
									</ul>
								</div>
							</div>
							<div class="right column">
								<ul class="grid-box two">
									<li class="column">
										<dl>
											<dt>Quick Links</dt>
											<dd><a rel="nofollow" href="https://www.cn-da-di.com/about/">About
													Us</a></dd>
											<dd><a href="https://www.cn-da-di.com/product/">Products</a></dd>
											<dd><a rel="nofollow" href="https://www.cn-da-di.com/news/">News
													center</a></dd>
											<dd><a title="LED Christmas String Lights" href="https://www.cn-da-di.com/product/led-string-light/">LED
													Christmas String
													Lights</a></dd>
											<dd><a rel="nofollow" href="/honor/">Honor</a></dd>
											<dd><a title="LED Christmas Curtain Lights" href="https://www.cn-da-di.com/product/led-curtain-light/">LED
													Christmas Curtain
													Lights</a></dd>
											<dd><a rel="nofollow" href="/support/">Support</a></dd>
											<dd><a title="LED Copper Wire Christmas Lights" href="https://www.cn-da-di.com/product/led-copper-wire-light/">LED
													Copper Wire
													Christmas Lights</a></dd>
											<dd><a title="LED Christmas Party Lights" href="https://www.cn-da-di.com/">LED Christmas
													Party Lights</a></dd>
											<dd><a title="Acrylic LED Christmas Lights" href="https://www.cn-da-di.com/product/led-
acrylic-light/">Acrylic
													LED Christmas Lights</a></dd>
											<dd><a title="LED Christmas Decoration Lights" href="https://www.cn-da-di.com/">LED Christmas
													Decoration Lights</a></dd>
											<dd><a title="LED Christmas Tree Lights" href="https://www.cn-da-di.com/product/led-tree-
lights/">LED
													Christmas Tree Lights</a></dd>
											<dd><a title="LED Neon Christmas Lights" href="https://www.cn-da-di.com/product/led-neon-
light/">LED Neon
													Christmas Lights</a></dd>
											<dd><a title="LED Christmas Rope Lights" href="https://www.cn-da-di.com/product/led-rope-
light/">LED
													Christmas Rope Lights</a></dd>
											<dd><a href="https://www.cn-da-di.com/product/led-rubber-cable-light/">Rubber Cable Led
													Christmas Lights</a></dd>
										</dl>
									</li>
									<li class="column">
										<dl>
											<dt>contact us</dt>
											<dd><a><i><img src="https://www.cn-da-
di.com/template/en/images/icon-add.png" alt=""></i>Yangyu Industrial
													Luqiao district
													Taizhou City Zhejiang Province China</a></dd>
											<dd><a rel="nofollow" href="tel:Array值"><i><img src="https://www.cn-da-di.com/template/en/images/icon-phone.png"
														 alt=""></i>+86
													13905765991 / +86-576-82642989</a></dd>
											<dd><a rel="nofollow" href="mailto:Array
值"><i><img src="https://www.cn-da-di.com/template/en/images/icon-mail.png"
														 alt=""></i>dadi@cn-da-di.com<br>dadi2@cn-da-di.com<br>dadi3@cn-da-di.com<br>dadi4@cn-
													da-di.com<br>dadi5@cn-da-di.com<br>dadi6@cn-da-di.com<br></a></dd>
										</dl>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-bottom">
					<div class="ui container">
						<p>copyright 2019 <a href="https://www.cn-da-di.com/">Taizhou City
								Dadi Light Decorations Co.,Ltd.</a> All Rights Reserved <a href="https://www.hqsmartcloud.com/index" rel="nofollow"
							 target="_blank"><img src="https://www.cn-da-di.com/template/en/images/HWAQ/EN/gray.png" alt=""></a> <a href="http://admin.hqsmartcloud.com"
							 rel="nofollow" target="_blank">Login</a>
							&nbsp;&nbsp;<a href="https://www.cn-da-di.com/">China LED Christmas Party Lights
								Manufacturers</a></p>
						<div id="gotop"><i class="fa fa-angle-up"></i></div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>
<!-- Matomo -->
<script type="text/javascript">
	var _paq = window._paq || [];
	/* tracker methods like "setCustomDimension" should be called before "trackPageView" 
	 */
	_paq.push(['trackPageView']);
	_paq.push(['enableLinkTracking']);
	(function() {
		var u = "//supertest.hqsmartcloud.com/";
		_paq.push(['setTrackerUrl', u + 'matomo.php']);
		_paq.push(['setSiteId', '165']);
		var d = document,
			g = d.createElement('script'),
			s = d.getElementsByTagName('script')[0];
		g.type = 'text/javascript';
		g.async = true;
		g.defer = true;
		g.src = u + 'matomo.js';
		s.parentNode.insertBefore(g, s);
	})();
</script>
<!-- End Matomo Code -->

你可以复制过去看看效果,加以修改,时间和登录验证我可以给你再加上,不明白的可以问我

建议先在网上找找,一点点组合起来。