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



12 44 15



模板描述:黑色欧美风格 手游工作室 整站网站,黑色欧美风格的手游工作室整站网站源码下载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 bootstrap自适应 bootstrap响应式 欧美风 欧美 欧洲 美洲 门户 pc+wap 移动+电脑 手机+电脑 宽屏 全屏 满屏

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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