网页设计成品DW静态网页Html5响应式css3 ——响应式游戏网站(24页) HTML+CSS+JavaScript 关于制作网游网页主题论述
HTML5期末大作业：游戏网站设计——响应式游戏网站(24页) HTML+CSS+JavaScript 关于制作网游网页主题论述
文章目录
- HTML5期末大作业：游戏网站设计——响应式游戏网站(24页) HTML+CSS+JavaScript 关于制作网游网页主题论述
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、获取更多源码
一、作品展示
二、文件目录
三、代码实现
doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Home 05 || Gilbardtitle>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="assets/images/favicon.ico" type="img/x-icon" rel="shortcut icon">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/qanto.css">
<link rel="stylesheet" href="assets/css/bauhaus93.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/icofont.min.css">
<link rel="stylesheet" href="assets/css/plugins.css">
<link rel="stylesheet" href="assets/css/helper.css">
<link rel="stylesheet" href="assets/css/style.css">
<script src="assets/js/vendor/modernizr-2.8.3.min.js">script>
head>
<body>
<div id="main-wrapper">
<header class="header header-static bg-black header-sticky">
<div class="default-header menu-right">
<div class="container container-1520">
<div class="row">
<div class="col-12 col-md-3 col-lg-3 order-md-1 order-lg-1 mt-20 mb-20">
<div class="logo">
<a href="index.html"><img src="assets/images/logo.png" alt="">a>
div>
div>
<div class="col-lg-6 col-12 order-md-3 order-lg-2 d-flex justify-content-center">
<nav class="main-menu menu-style-2">
<ul>
<li><a href="index.html">Homea>
<ul class="sub-menu">
<li><a href="index.html">Home Onea>li>
<li><a href="index-2.html">Home Twoa>li>
<li><a href="index-3.html">Home Threea>li>
<li><a href="index-4.html">Home Foura>li>
<li><a href="index-5.html">Home Fivea>li>
<li><a href="index-landing.html">Home Landinga>li>
ul>
li>
<li><a href="games.html">gamesa>
<ul class="sub-menu">
<li><a href="games.html">Gamesa>li>
<li><a href="games-details.html">Games Detailsa>li>
ul>
li>
<li><a href="video.html">Videosa>li>
<li><a href="forum.html">Forumsa>
<ul class="sub-menu">
<li><a href="forum.html">Forumsa>li>
<li><a href="forum-create.html">Forums Createa>li>
<li><a href="forum-post.html">Forums Posta>li>
ul>
li>
<li><a href="#">Pagesa>
<ul class="sub-menu">
<li><a href="blog.html">Bloga>li>
<li><a href="blog-left-sidebar.html">Blog Left Sidebara>li>
<li><a href="blog-right-sidebar.html">Blog Right Sidebara>li>
<li><a href="blog-list.html">Blog Lista>li>
<li><a href="blog-list-left-sidebar.html">Blog List Left Sidebara>li>
<li><a href="single-blog.html">Single Bloga>li>
<li><a href="single-blog-left.html">Single Blog Left Sidebara>li>
<li><a href="gallery.html">Gallerya>li>
<li><a href="checkout.html">Checkouta>li>
<li><a href="login.html">Logina>li>
<li><a href="register.html">REGISTERa>li>
ul>
li>
<li><a href="contact.html">Contacta>li>
ul>
nav>
div>
<div class="col-12 col-md-9 order-md-2 order-lg-3 col-lg-3">
<div class="header-right-wrap">
<ul>
<li><a href="login.html">LOGINa>li>
<li><a href="register.html">REGISTERa>li>
<li class="header-search"><a class="header-search-toggle" href="#"><i class="icofont-search-2">i>a>
<div class="header-search-form">
<form action="#">
<input type="text" placeholder="Type and hit enter">
<button><i class="icofont-search">i>button>
form>
div>
li>
ul>
div>
div>
div>
<div class="row">
<div class="col-12 d-flex d-lg-none">
<div class="mobile-menu">div>
div>
div>
div>
div>
header>
<div class="hero-section section position-relative pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
<div class="hero-item hero-item-4 hero-item-6" style="background-image: url(assets/images/hero/hero-9.jpg)">
<div class="container container-1520">
<div class="row">
<div class="col-md-12">
<div class="yt_player_inner player-style-1">
<iframe src="https://www.youtube.com/embed/R_7ja_PRcLs">iframe>
div>
div>
div>
div>
div>
div>
<div class="featured-section section pt-125 pt-lg-95 pt-md-75 pt-sm-55 pt-xs-35 pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
<div class="container-fluid p-0">
<div class="row no-gutters">
<div class="col-12">
<div class="col-xl-3 col-lg-4 col-md-12">
<div class="footer-widget">
<div class="footer-social">
<span>follow us:span>
<ul>
<li><a href="#"><i class="icofont-facebook">i>a>li>
<li><a href="#"><i class="icofont-twitter">i>a>li>
<li><a href="#"><i class="icofont-instagram">i>a>li>
<li><a href="#"><i class="icofont-youtube-play">i>a>li>
ul>
div>
div>
div>
div>
div>
div>
<div class="footer-bottom border-color section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="copyright text-center">
<p>Copyright ©2018 <a href="http://www.17sucai.com">Gilbarda>. All rights reserved.p>
div>
div>
div>
div>
div>
footer>
div>
<script src="assets/js/vendor/jquery-1.12.4.min.js">script>
<script src="assets/js/popper.min.js">script>
<script src="assets/js/bootstrap.min.js">script>
<script src="assets/js/plugins.js">script>
<script src="assets/js/main.js">script>
body>
html>
四、获取更多源码
~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码 !