黑色欧美风格的手游工作室整站网站源码下载



78 311 104



模板描述:黑色欧美风格 手游工作室 整站网站,黑色欧美风格的手游工作室整站网站源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.transitions.css">
<link rel="stylesheet" href="css/meanmenu.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/icon.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/magnific.min.css">
<link rel="stylesheet" href="css/venobox.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/responsive.css">

2. 引入JS

<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/magnific.min.js"></script>
<script src="js/venobox.min.js"></script>
<script src="js/jquery.meanmenu.js"></script>
<script src="js/form-validator.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>

3. HTML代码

		<!--[if lt IE 8]>
			<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
		<![endif]-->
        <div id="preloader"></div>
        <header class="header-one">
            <!-- header-area start -->
            <div id="sticker" class="header-area hidden-xs">
                <div class="container">
                    <div class="row">
                        <!-- logo start -->
                        <div class="col-md-3 col-sm-3">
                            <div class="logo">
                                <!-- Brand -->
                                <a class="navbar-brand page-scroll sticky-logo" href="index.html">
                                    <img src="img/logo/logo2.png" alt="">
                                </a>
                            </div>
                        </div>
                        <!-- logo end -->
                        <div class="col-md-9 col-sm-9">
                            <div class="header-right-link">
                                <!-- search option start -->
                                <form action="#">
                                    <div class="search-option">
                                        <input type="text" placeholder="Search...">
                                        <button class="button" type="submit"><i class="fa fa-search"></i></button>
                                    </div>
                                    <a class="main-search" href="#"><i class="fa fa-search"></i></a>
                                </form>
                                <!-- search option end -->
                            </div>
                            <!-- mainmenu start -->
                            <nav class="navbar navbar-default">
                                <div class="collapse navbar-collapse" id="navbar-example">
                                    <div class="main-menu">
                                        <ul class="nav navbar-nav navbar-right">
                                            <li><a href="index.html">Home</a></li>
											<li><a class="pagess" href="#">Pages</a>
												<ul class="sub-menu">
													<li><a href="about.html">About us</a></li>
													<li><a href="team.html">Team</a></li>
													<li><a href="faq.html">FAQ</a></li>
													<li><a href="error.html">Error</a></li>
												</ul>
											</li>
											<li><a class="pagess" href="#">Games</a>
												<ul class="sub-menu">
													<li><a href="games.html">All Games</a></li>
													<li><a href="single-game.html">Game Details</a></li>
												</ul>
											</li>
											<li><a class="pagess" href="#">Gallery</a>
												<ul class="sub-menu">
													<li><a href="gallery-3.html">Project 3 Column</a></li>
													<li><a href="gallery-4.html">Project 4 Column</a></li>
												</ul>
											</li>
											<li><a class="pagess" href="#">Blog</a>
												<ul class="sub-menu">
													<li><a href="blog.html">Blog grid</a></li>
													<li><a href="blog-sidebar.html">Blog Sidebar</a></li>
													<li><a href="blog-details.html">Blog Details</a></li>
												</ul>
											</li>
											<li><a href="contact.html">contacts</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </nav>
                            <!-- mainmenu end -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- header-area end -->
            <!-- mobile-menu-area start -->
            <div class="mobile-menu-area hidden-lg hidden-md hidden-sm">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mobile-menu">
                                <div class="logo">
                                    <a href="index.html"><img src="img/logo/logo2.png" alt="" /></a>
                                </div>
                                <nav id="dropdown">
                                    <ul>
                                        <li><a href="index.html">Home</a></li>
										<li><a class="pagess" href="#">Pages</a>
											<ul class="sub-menu">
												<li><a href="about.html">About us</a></li>
												<li><a href="team.html">Team</a></li>
												<li><a href="faq.html">FAQ</a></li>
												<li><a href="error.html">Error</a></li>
											</ul>
										</li>
										<li><a class="pagess" href="#">Games</a>
											<ul class="sub-menu">
												<li><a href="games.html">All Games</a></li>
												<li><a href="single-game.html">Game Details</a></li>
											</ul>
										</li>
										<li><a class="pagess" href="#">Gallery</a>
											<ul class="sub-menu">
												<li><a href="gallery-3.html">Project 3 Column</a></li>
												<li><a href="gallery-4.html">Project 4 Column</a></li>
											</ul>
										</li>
										<li><a class="pagess" href="#">Blog</a>
											<ul class="sub-menu">
												<li><a href="blog.html">Blog grid</a></li>
												<li><a href="blog-sidebar.html">Blog Sidebar</a></li>
												<li><a href="blog-details.html">Blog Details</a></li>
											</ul>
										</li>
										<li><a href="contact.html">contacts</a></li>
                                    </ul>
                                </nav>
                            </div>					
                        </div>
                    </div>
                </div>
            </div>
            <!-- mobile-menu-area end -->		
        </header>
        <!-- header end -->
        <!-- Start Slider Area -->
        <div class="intro-area">
           <div class="main-overly"></div>
            <div class="intro-carousel">
                <div class="intro-content">
                    <div class="slider-images">
                        <img src="img/slider/s1.jpg" alt="">
                    </div>
                    <div class="slider-content">
						<div class="container">
							<div class="row">
								<div class="col-md-12 text-center">
									<!-- layer 1 -->
									<div class="layer-1-2">
										<h1 class="title2">Cavalier create your virtual worlds </h1>
									</div>
									<div class="layer-1-1 hidden-xs">
										<p>Cavalier Studios has been creating innovative games since 2003. We offer our clients professional development services.</p>
									</div>
									<!-- layer 3 -->
									<div class="layer-1-3">
										<a href="#" class="ready-btn" >Know more</a>
									</div>
								</div>
							</div>
						</div>
                    </div>
                </div>
                <div class="intro-content">
                    <div class="slider-images">
                        <img src="img/slider/s2.jpg" alt="">
                    </div>
                    <div class="slider-content">
						<div class="container">
							<div class="row">
								<div class="col-md-12 text-center">
									<!-- layer 1 -->
									<div class="layer-1-2">
										<h1 class="title2">We are ready your next challenge</h1>
									</div>
									<div class="layer-1-1 hidden-xs">
										<p>Cavalier Studios has been creating innovative games since 2003. We offer our clients professional development services.</p>
									</div>
									<!-- layer 3 -->
									<div class="layer-1-3">
										<a href="#" class="ready-btn" >Know more</a>
									</div>
								</div>
							</div>
						</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Slider Area -->
        <!-- Welcome service area start -->
        <div class="services-area bg-color-2 area-padding">
            <div class="container">
                <div class="row">
                    <div class="services-carousel">
                    	<!-- single-well end-->
						<div class="col-md-4 col-sm-4 col-xs-12">
							<div class="single-services text-center">
								<div class="services-img">
									<img src="img/feature/1.jpg" alt="">
									<div class="image-layer">
										<img src="img/icon/g1.png" alt="icon Image">
									</div>
								</div>
								<div class="main-services">
									<div class="service-content">
										<h4>Ripple Royal</h4>
										<p>Comming soon Feb 4, 2019</p>
										<a class="service-btn" href="#">Learn more</a>
									</div>
								</div>
							</div>
						</div>
						<!-- single-well end-->
						<div class="col-md-4 col-sm-4 col-xs-12">
							<div class="single-services text-center">
								<div class="services-img">
									<img src="img/feature/2.jpg" alt="">
									<div class="image-layer">
										<img src="img/icon/g2.png" alt="icon Image">
									</div>
								</div>
								<div class="main-services">
									<div class="service-content">
										<h4>Dancei roy</h4>
										<p>Comming soon Feb 4, 2019</p>
										<a class="service-btn" href="#">Learn more</a>
									</div>
								</div>
							</div>
						</div>
						<!-- single-well end-->
						<div class="col-md-4 col-sm-4 col-xs-12">
							<div class="single-services text-center">
								<div class="services-img">
									<img src="img/feature/3.jpg" alt="">
									<div class="image-layer">
										<img src="img/icon/g3.png" alt="icon Image">
									</div>
								</div>
								<div class="main-services">
									<div class="service-content">
										<h4>Fight challange</h4>
										<p>Comming soon Feb 4, 2019</p>
										<a class="service-btn" href="#">Learn more</a>
									</div>
								</div>
							</div>
						</div>
						<!-- single-well end-->
                        <div class="col-md-4 col-sm-4 col-xs-12">
							<div class="single-services text-center">
								<div class="services-img">
									<img src="img/feature/4.jpg" alt="">
									<div class="image-layer">
										<img src="img/icon/g4.png" alt="icon Image">
									</div>
								</div>
								<div class="main-services">
									<div class="service-content">
										<h4>Sky blue</h4>
										<p>Comming soon Feb 4, 2019</p>
										<a class="service-btn" href="#">Learn more</a>
									</div>
								</div>
							</div>
						</div>
						<!-- single-well end-->
                        <div class="col-md-4 col-sm-4 col-xs-12">
							<div class="single-services text-center">
								<div class="services-img">
									<img src="img/feature/5.jpg" alt="">
									<div class="image-layer">
										<img src="img/icon/g5.png" alt="icon Image">
									</div>
								</div>
								<div class="main-services">
									<div class="service-content">
										<h4>Dragon world</h4>
										<p>Comming soon Feb 4, 2019</p>
										<a class="service-btn" href="#">Learn more</a>
									</div>
								</div>
							</div>
						</div>
						<!-- single-well end-->
                        <div class="col-md-4 col-sm-4 col-xs-12">
							<div class="single-services text-center">
								<div class="services-img">
									<img src="img/feature/6.jpg" alt="">
									<div class="image-layer">
										<img src="img/icon/g6.png" alt="icon Image">
									</div>
								</div>
								<div class="main-services">
									<div class="service-content">
										<h4>Strange anime</h4>
										<p>Comming soon Feb 4, 2019</p>
										<a class="service-btn" href="#">Learn more</a>
									</div>
								</div>
							</div>
						</div>
						<!-- single-well end-->
                    </div>
                </div>
            </div>
        </div>
        <!-- Welcome service area End -->
        <!-- Start Product Area -->
        <div class="product-area bg-color-1 area-padding">
            <div class="container">
               <div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="section-headline white-headline text-center">
							<h3>Our Games</h3>
							<p>Cavalier Studios has been creating innovative games since 2003. We offer our clients professional development services.</p>
						</div>
					</div>
				</div>
                <div class="row">
                    <div class="best-product">
                        <!-- Start single product -->
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="single-product">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <div class="product">
										<div class="product-img">
										    <span class="category"> Pc</span>
											<img class="first-img" src="img/product/p1.jpg" alt="">
											<a href="http://www.51qianduan.com//watch?v=O33uuBh6nXA" class="video-play vid-zone">
											   <i class="fa fa-play"></i>
											</a>
										</div>
                                    </div>
                                </div>
                                <!-- Start product content -->
                                <div class="col-md-6 col-sm-6 col-xs-12">
									<div class="product-content text-center">
										<h4 class="product-name">
											<a href="#">Temple Fight</a>
										</h4>
										<div class="launch-date">
											<span>Launch: June 2016</span>
										</div>
										<div class="price-box">
											<span class="price">Price: Free</span>
										</div>
										<div class="pro-rating no-rating">
										    <span class="rating-rate"> Rating: 4.5</span>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
										</div>
										<div class="download-btn">
											<span class="play-btn"><img src="img/icon/gplay.png" alt=""></span>
											<span class="play-btn"><img src="img/icon/aplay.png" alt=""></span>
										</div>
									</div>
                                </div>
                                <!-- End product content -->
                            </div>
                        </div>
                        <!-- End single product -->
                        <!-- Start single product -->
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="single-product">
                                <!-- Start product content -->
                                <div class="col-md-6 col-sm-6 hidden-xs">
									<div class="product-content text-center">
										<h4 class="product-name">
											<a href="#">Dangers War</a>
										</h4>
										<div class="launch-date">
											<span>Launch: March 2017</span>
										</div>
										<div class="price-box">
											<span class="price">Price: Free</span>
										</div>
										<div class="pro-rating no-rating">
										    <span class="rating-rate"> Rating: 4.5</span>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
										</div>
										<div class="download-btn">
											<span class="play-btn"><img src="img/icon/gplay.png" alt=""></span>
											<span class="play-btn"><img src="img/icon/aplay.png" alt=""></span>
										</div>
									</div>
                                </div>
                                <!-- End product content -->
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <div class="product">
										<div class="product-img">
										    <span class="category"> Ps4</span>
											<img class="first-img" src="img/product/p2.jpg" alt="">
											<a href="http://www.51qianduan.com//watch?v=O33uuBh6nXA" class="video-play vid-zone">
											   <i class="fa fa-play"></i>
											</a>
										</div>
                                    </div>
                                </div>
                                <div class="hidden-lg hidden-md hidden-sm col-xs-12">
									<div class="product-content text-center">
										<h4 class="product-name">
											<a href="#">Dangers War</a>
										</h4>
										<div class="launch-date">
											<span>Launch: March 2017</span>
										</div>
										<div class="price-box">
											<span class="price">Price: Free</span>
										</div>
										<div class="pro-rating no-rating">
										    <span class="rating-rate"> Rating: 4.5</span>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
										</div>
										<div class="download-btn">
											<span class="play-btn"><img src="img/icon/gplay.png" alt=""></span>
											<span class="play-btn"><img src="img/icon/aplay.png" alt=""></span>
										</div>
									</div>
                                </div>
                            </div>
                        </div>
                        <!-- End single product -->
                        <!-- Start single product -->
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="single-product">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <div class="product">
										<div class="product-img">
										<span class="category"> Mobile</span>
											<img class="first-img" src="img/product/p3.jpg" alt="">
											<a href="http://www.51qianduan.com//watch?v=O33uuBh6nXA" class="video-play vid-zone">
											   <i class="fa fa-play"></i>
											</a>
										</div>
                                    </div>
                                </div>
                                <!-- Start product content -->
                                <div class="col-md-6 col-sm-6 col-xs-12">
									<div class="product-content text-center">
										<h4 class="product-name">
											<a href="#">Angels fight</a>
										</h4>
										<div class="launch-date">
											<span>Launch: january 2017</span>
										</div>
										<div class="price-box">
											<span class="price">Price: $80</span>
										</div>
										<div class="pro-rating no-rating">
										    <span class="rating-rate"> Rating: 4.5</span>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
										</div>
										<div class="download-btn">
											<span class="play-btn"><img src="img/icon/gplay.png" alt=""></span>
											<span class="play-btn"><img src="img/icon/aplay.png" alt=""></span>
										</div>
									</div>
                                </div>
                                <!-- End product content -->
                            </div>
                        </div>
                        <!-- End single product -->
                        <!-- Start single product -->
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="single-product last-item">
                                <!-- Start product content -->
                                <div class="col-md-6 col-sm-6 hidden-xs">
									<div class="product-content text-center">
										<h4 class="product-name">
											<a href="#">Dragons War</a>
										</h4>
										<div class="launch-date">
											<span>Launch: February 2018</span>
										</div>
										<div class="price-box">
											<span class="price">Price: $100</span>
										</div>
										<div class="pro-rating no-rating">
										    <span class="rating-rate"> Rating: 4.5</span>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
										</div>
										<div class="download-btn">
											<span class="play-btn"><img src="img/icon/gplay.png" alt=""></span>
											<span class="play-btn"><img src="img/icon/aplay.png" alt=""></span>
										</div>
									</div>
                                </div>
                                <!-- End product content -->
                                <div class="col-md-6 col-sm-6">
                                    <div class="product">
										<div class="product-img">
										    <span class="category"> Pc</span>
											<img class="first-img" src="img/product/p4.jpg" alt="">
											<a href="http://www.51qianduan.com//watch?v=O33uuBh6nXA" class="video-play vid-zone">
											   <i class="fa fa-play"></i>
											</a>
										</div>
                                    </div>
                                </div>
                                <div class="hidden-lg hidden-md hidden-sm col-xs-12">
									<div class="product-content text-center">
										<h4 class="product-name">
											<a href="#">Dragons War</a>
										</h4>
										<div class="launch-date">
											<span>Launch: February 2018</span>
										</div>
										<div class="price-box">
											<span class="price">Price: $100</span>
										</div>
										<div class="pro-rating no-rating">
										    <span class="rating-rate"> Rating: 4.5</span>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
											<a href="#"><i class="fa fa-star-o"></i></a>
										</div>
										<div class="download-btn">
											<span class="play-btn"><img src="img/icon/gplay.png" alt=""></span>
											<span class="play-btn"><img src="img/icon/aplay.png" alt=""></span>
										</div>
									</div>
                                </div>
                            </div>
                        </div>
                        <!-- End single product -->
                    </div>
                </div>
            </div>
        </div>
        <!-- End Product Area -->
        <!-- Start Gallery Area -->
        <div class="project-area bg-color-2 fix area-padding">
			<div class="container-full">
			    <div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="section-headline white-headline text-center">
							<h3>Our Gallery</h3>
							<p>Cavalier Studios has been creating innovative games since 2003. We offer our clients professional development services.</p>
						</div>
					</div>
				</div>
				<div class="row">
                    <div class="awesome-project fix">
						<div class="col-md-12 col-sm-12 col-xs-12">
							<div class="awesome-menu text-center">
								<ul class="project-menu">
									<li><a href="#" class="active" data-filter="*" >All</a></li>
									<li><a href="#" data-filter=".screen">Screen</a></li>
									<li><a href="#" data-filter=".stream">Stream</a></li>
									<li><a href="#" data-filter=".player">Player</a></li>
									<li><a href="#" data-filter=".challange">Challange</a></li>
								</ul>				
							</div>
						</div>
					</div>
                    <div class="project-content">
                        <!-- single-awesome-project start -->
                        <div class="project-single screen">
                            <div class="single-awesome-project">
                                <div class="awesome-img">
                                    <a class="venobox" data-gall="myGallery" href="img/gallery/p1.jpg">
                                        <img src="img/gallery/p1.jpg" alt="" />
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- single-awesome-project end -->
                        <!-- single-awesome-project start -->
                        <div class="project-single stream">
                            <div class="single-awesome-project">
                                <div class="awesome-img">
                                    <a class="venobox" data-gall="myGallery" href="img/gallery/p2.jpg">
                                        <img src="img/gallery/p2.jpg" alt="" />
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- single-awesome-project end -->
                        <!-- single-awesome-project start -->
                        <div class="project-single challange">
                            <div class="single-awesome-project">
                                <div class="awesome-img">
                                    <a class="venobox" data-gall="myGallery" href="img/gallery/p3.jpg">
                                        <img src="img/gallery/p3.jpg" alt="" />
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- single-awesome-project end -->
                        <!-- single-awesome-project start -->
                        <div class="project-single stream">
                            <div class="single-awesome-project">
                                <div class="awesome-img">
                                    <a class="venobox" data-gall="myGallery" href="img/gallery/p4.jpg">
                                        <img src="img/gallery/p4.jpg" alt="" />
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- single-awesome-project end -->
                        <!-- single-awesome-project start -->
                        <div class="project-single screen">
                            <div class="single-awesome-project">
                                <div class="awesome-img">
                                    <a class="venobox" data-gall="myGallery" href="img/gallery/p5.jpg">
                                        <img src="img/gallery/p5.jpg" alt="" />
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- single-awesome-project end -->
                        <!-- single-awesome-project start -->
                        <div class="project-single player">
                            <div class="single-awesome-project">
                                <div class="awesome-img">
                                    <a class="venobox" data-gall="myGallery" href="img/gallery/p6.jpg">
                                        <img src="img/gallery/p6.jpg" alt="" />
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- single-awesome-project end -->
                        <!-- single-awesome-project start -->
                        <div class="project-single challange">
                            <div class="single-awesome-project">
                                <div class="awesome-img">
                                    <a class="venobox" data-gall="myGallery" href="img/gallery/p7.jpg">
                                        <img src="img/gallery/p7.jpg" alt="" />
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- single-awesome-project end -->
                        <!-- single-awesome-project start -->
                        <div class="project-single stream">
                            <div class="single-awesome-project">
                                <div class="awesome-img">
                                    <a class="venobox" data-gall="myGallery" href="img/gallery/p8.jpg">
                                        <img src="img/gallery/p8.jpg" alt="" />
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- single-awesome-project end -->
                    </div>
				</div>	
			</div>
			<!-- End main content -->
		</div>
		<!-- End portfolio Area -->
        <!-- Start testimonials Area -->
        <div class="reviews-area bg-color-1 fix area-padding">
            <div class="container">
                <div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="section-headline white-headline text-center">
							<h3>Players Reviews</h3>
							<p>Cavalier Studios has been creating innovative games since 2003. We offer our clients professional development services.</p>
						</div>
					</div>
				</div>
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="Reviews-content">
                            <!-- start testimonial carousel -->
                            <div class="testimonial-carousel item-indicator">
                                <div class="single-testi">
                                    <div class="testi-img ">
                                        <img src="img/review/1.jpg" alt="">
                                    </div>
                                    <div class="testi-text">
                                        <p>Replacing a multi-lined selection of text, the generated dummy text maintains the amount of lines. When replacing a selection.</p>
                                        <h4>Arnold russel</h4>
                                        <span class="guest-rev">Clients - <a href="#">Genarel customer</a></span>
                                    </div>
                                </div>
                                <!-- End single item -->
                                <div class="single-testi">
                                    <div class="testi-img ">
                                        <img src="img/review/2.jpg" alt="">
                                    </div>
                                    <div class="testi-text">
                                        <p>Replacing a multi-lined selection of text, the generated dummy text maintains the amount of lines. When replacing a selection.</p>
                                        <h4>Selena gomaz</h4>
                                        <span class="guest-rev">Clients - <a href="#">Genarel customer</a></span>
                                    </div>
                                </div>
                                <!-- End single item -->
                                <div class="single-testi">
                                    <div class="testi-img">
                                        <img src="img/review/3.jpg" alt="">
                                    </div>
                                    <div class="testi-text">
                                        <p>Replacing a multi-lined selection of text, the generated dummy text maintains the amount of lines. When replacing a selection.</p>
                                        <h4>Manila meri</h4>
                                        <span class="guest-rev">Clients  - <a href="#">Genarel customer</a></span>
                                    </div>
                                </div>
                                <!-- End single item -->
                                <div class="single-testi">
                                    <div class="testi-img">
                                        <img src="img/review/4.jpg" alt="">
                                    </div>
                                    <div class="testi-text">
                                        <p>Replacing a multi-lined selection of text, the generated dummy text maintains the amount of lines. When replacing a selection.</p>
                                        <h4>Robert karlus</h4>
                                        <span class="guest-rev">Clients - <a href="#">Genaral manager</a></span>
                                    </div>
                                </div>
                                <!-- End single item -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End testimonials end -->
        <!-- Start Challange Area -->
        <div class="challange-area bg-color-2 area-padding">
            <div class="container">
                <div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="section-headline white-headline text-center">
							<h3>Competition</h3>
							<p>Cavalier Studios has been creating innovative games since 2003. We offer our clients professional development services.</p>
						</div>
					</div>
				</div>
                <div class="row">
					<!-- End single page -->
					<div class="col-md-6 col-sm-6 col-xs-12">
						<div class="tab-menu">
							 <!-- Nav tabs -->
							<ul class="nav nav-tabs" role="tablist">
								<li class="active">
								    <a href="#p-view-1" role="tab" data-toggle="tab">
							            <img class="cha-img" src="img/challange/c1.jpg" alt="challange image">
								        <span class="title-date">
								        	<span class="cha-title">Challanger fight competition</span>
								            <span class="cha-date">September 05, 2018</span>
								        </span>
								    </a>
								</li>
								<li>
								    <a href="#p-view-2" role="tab" data-toggle="tab">
							            <img class="cha-img" src="img/challange/c2.jpg" alt="challange image">
								        <span class="title-date">
								        	<span class="cha-title">Temple Fight Challanger</span>
								            <span class="cha-date">December 01, 2018</span>
								        </span>
								    </a>
								</li>
								<li>
							        <a href="#p-view-3" role="tab" data-toggle="tab">
							            <img class="cha-img" src="img/challange/c3.jpg" alt="challange image">
								        <span class="title-date">
								        	<span class="cha-title">Angels fight competition</span>
								            <span class="cha-date">November 12, 2018</span>
								        </span>
								    </a>
								</li>
								<li>
							        <a href="#p-view-4" role="tab" data-toggle="tab">
							            <img class="cha-img" src="img/challange/b4.jpg" alt="challange image">
								        <span class="title-date">
								        	<span class="cha-title">Dangers War fight man</span>
								            <span class="cha-date">September 20, 2018</span>
								        </span>
								    </a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12">
						<div class="tab-content">
							<div class="tab-pane active" id="p-view-1">
								<div class="tab-inner">
									<div class="single-page">
										<div class="page-img">
											<img src="img/challange/b1.jpg" alt="">
										</div>
										<a href="http://www.51qianduan.com//watch?v=O33uuBh6nXA" class="video-play">
											<i class="fa fa-play"></i>
										</a>
									</div>
								</div>
							</div>
							<div class="tab-pane" id="p-view-2">
								<div class="tab-inner">
									<div class="single-page">
										<div class="page-img">
											<img src="img/challange/b2.jpg" alt="">
										</div>
										<a href="http://www.51qianduan.com//watch?v=O33uuBh6nXA" class="video-play">
											<i class="fa fa-play"></i>
										</a>
									</div>
								</div>
							</div>
							<div class="tab-pane" id="p-view-3">
								<div class="tab-inner">
									<div class="single-page">
										<div class="page-img">
											<img src="img/challange/b3.jpg" alt="">
										</div>
										<a href="http://www.51qianduan.com//watch?v=O33uuBh6nXA" class="video-play">
											<i class="fa fa-play"></i>
										</a>
									</div>
								</div>
							</div>
							<div class="tab-pane" id="p-view-4">
								<div class="tab-inner">
									<div class="single-page">
										<div class="page-img">
											<img src="img/challange/b4.jpg" alt="">
										</div>
										<a href="http://www.51qianduan.com//watch?v=O33uuBh6nXA" class="video-play">
											<i class="fa fa-play"></i>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- end column -->
				</div>
				<!-- end Row -->
            </div>
        </div>
        <!-- End Challange end -->
        <!--Blog Area Start-->
        <div class="blog-area bg-color-1 area-padding">
			<div class="container">
				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="section-headline white-headline text-center">
							<h3>Games News</h3>
							<p>Cavalier Studios has been creating innovative games since 2003. We offer our clients professional development services.</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="blog-grid">
						<div class="col-md-8 col-sm-12 col-xs-12">
							<div class="blog-right-column">
								<div class="single-blog">
									<div class="blog-image">
										<a class="image-scale" href="#">
											<img src="img/blog/b1.jpg" alt="">
										</a>
									</div>
									<div class="blog-content">
										<div class="blog-meta">
											<span class="date-type">
												15 july, 2017
											</span>
											<span class="comments-type">
												<i class="fa fa-comment-o"></i>
												10
											</span>
										</div>
										<a href="#">
											<h4>Cavalier Studios has been creating innovative games since 2003</h4>
										</a>
										<p>Cavalier is an engineering and general contracting group that has gained.</p>
									</div>
								</div>
								<!-- End single blog -->
								<div class="single-blog">
								    <div class="blog-image">
										<a class="image-scale" href="#">
											<img src="img/blog/b2.jpg" alt="">
										</a>
									</div>
									<div class="blog-content">
										<div class="blog-meta">
											<span class="date-type">
												10 feb, 2018
											</span>
											<span class="comments-type">
												<i class="fa fa-comment-o"></i>
												32
											</span>
										</div>
										<a href="#">
											<h4>We offer our clients professional development services.</h4>
										</a>
										<p>Cavalier is an engineering and general contracting group that has gained.</p>
									</div>
								</div>
								<!-- End single blog -->
								<div class="single-blog">
									<div class="blog-image">
										<a class="image-scale" href="#">
											<img src="img/blog/b3.jpg" alt="">
										</a>
									</div>
									<div class="blog-content">
										<div class="blog-meta">
											<span class="date-type">
												20 jan, 2018
											</span>
											<span class="comments-type">
												<i class="fa fa-comment-o"></i>
												18
											</span>
										</div>
										<a href="#">
											<h4>Cavalier Studios has been creating innovative games since 2003</h4>
										</a>
										<p>Cavalier is an engineering and general contracting group that has gained.</p>
									</div>
								</div>
							</div>
						</div>
						<!-- End single blog -->
						<!-- Start single blog -->
						<div class="col-md-4 col-sm-12 col-xs-12">
							<div class="single-blog">
								<div class="blog-image">
									<a class="image-scale" href="#">
										<img src="img/blog/b4.jpg" alt="">
									</a>
								</div>
								<div class="blog-content">
								    <div class="blog-meta">
										<span class="date-type">
											20 june, 2018
										</span>
										<span class="comments-type">
											<i class="fa fa-comment-o"></i>
											23
										</span>
									</div>
									<a href="#">
										<h4>We offer our clients professional development.</h4>
									</a>
									<p>Cavalier is an engineering and general contracting group that has gained its expertise over the past twenty- six years.Konstract is an engineering and general contracting.Cavalier is an engineering and general contracting group that has gained its expertise over the past twenty- six years.</p>
									<a class="read-more" href="#"> Read more</a>
								</div>
							</div>
						</div>
						<!-- End single blog -->
					</div>
				</div>
				<!-- End row -->
			</div>
		</div>
		<!--End of Blog Area-->		
        <!-- Start Footer bottom Area -->
        <footer>
            <div class="footer-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-5 col-xs-12">
                            <div class="footer-content">
                                <div class="footer-head">
                                    <h4>Information</h4>
                                    <div class="footer-contacts">
                                        <p><span>Tel :</span> +1907-543478944</p>
                                        <p><span>Email :</span> info@cavalier43.com</p>
                                        <p><span>Location :</span> House-30/2,  New york</p>
                                    </div>
                                    <div class="footer-icons">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <i class="fa fa-facebook"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <i class="fa fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <i class="fa fa-google"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <i class="fa fa-pinterest"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <i class="fa fa-instagram"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end single footer -->
                        <div class="col-md-4 col-sm-3 col-xs-12">
                            <div class="footer-content">
                                <div class="footer-head">
                                    <h4>Competition Games</h4>
                                    <div class="footer-services-link">
                                    	<ul class="footer-list">
											<li><a href="#">Draogons war</a></li>
											<li><a href="#">Stranger Anime</a></li>
											<li><a href="#">Skyfall challange</a></li>
											<li><a href="#">Ripple fight</a></li>
											<li><a href="#">Alverter david</a></li>
											<li><a href="#">Daneres fight</a></li>
										</ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end single footer -->
                        <div class="col-md-4 col-sm-4 col-xs-12">
                            <div class="footer-content">
                                <div class="footer-head">
                                    <h4>Subscribe</h4>
                                    <p>
                                        Are you looking for professional games services for your new games.Are you looking for professional developer for your new games.
                                    </p>
                                    <div class="subs-feilds">
                                        <div class="suscribe-input">
                                            <input type="email" class="email form-control width-80" id="sus_email" placeholder="Type Email">
                                            <button type="submit" id="sus_submit" class="add-btn">Subscribe</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end single footer -->
                    </div>
                </div>
            </div>
            <!-- End footer area -->
            <div class="footer-area-bottom">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <div class="copyright">
                                <p>
                                    Copyright © 2018
                                    <a href="#">Cavalier</a> All Rights <a href="http://www.51qianduan.com//" title="17sucai">Reserved</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
		<!-- all js here -->
		<!-- jquery latest version -->
		<!-- bootstrap js -->
		<!-- owl.carousel js -->
		<!-- isotope js -->
		<!-- magnific js -->
		<!-- venobox js -->
        <!-- meanmenu js -->
		<!-- Form validator js -->
		<!-- plugins js -->
		<!-- main js -->



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 扁平化 养生会馆 植物花草 游戏 黑色 bootstrap自适应 IT网络科技 蓝色 普通自适应 欧美风 旅游 红色 中国风 金融理财保险 绿色 韩系 高校 灰色 日系 简洁简约 工业产品 黄色 炫酷 家居装饰 紫色 卡通动画 橙色 招聘猎头 精美 实用通用 艺术创意 粉色 政府 婚庆 大气 白色 新闻资讯 婚纱摄影 棕色 清新 教育培训 彩色 绘画 设计 餐饮美食 其他风格 外贸 服装服饰 建筑 化工企业 医药器械 美容美发 动漫 电影视频 包装印刷 机械 汽车4S店 农业产品 咨询管理 酒店 健身房 化妆品 食品 花卉 房地产 协会组织 快递货运 数码电器 搬家 珠宝首饰 酒业 文化传媒 装修装饰 医院医疗 律师 酒吧音乐 图书 动物宠物 航空航天 股票 能源 公益 饮品 生活用品 家政保洁 体育 房屋租赁 商务 电力公司 打车租车 环保 宗教寺庙 工具文具 企业行业 自适应响应式 风格类型 颜色色彩

×
×
51前端

注册

官方QQ群
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到