<!doctype html>
<html lang="en-us">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<title>周末の问候</title>
<meta name="description" content="">
<link rel="stylesheet" href="css/production.css">
<script src="js/index.js"></script>
<link rel="shortcut icon" href="favicon.ico">
<style>
* {
font-family: 思源黑体 CN;
}
</style>
</head>
<body>
<div id="music">
<audio id="myAudio" autoplay="autoplay">
<source src="music/m.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<audio src="music/m.mp3" controls="controls" autoplay hidden="true" style="display:none;"/>
</div>
<!-- Header -->
<header class="pt2 pb1 align--center">
<div class="container">
<p>Welcome to</p>
<h1 title="Camp Chippewa" style="color:#FF6347;">周末の问候</h1>
</div>
</header>
<div style="position:fixed;top:0px;left:0px;width:100%;height:60px;z-index:99999;color:#afffe5;min-width:1140px;">
<div style="line-height:50px;float:left;font-size:1.7em;padding-left:20px;padding-top:5px;">
周末<font style="color:pink;">·</font>の问候
</div>
<div style="float:left;margin-top:20px;margin-left:30px;letter-spacing:15px">
<a style="color: #c9aa83" href="https://music.163.com/#/song?id=293663&market=baiduqk">晴空</a> <a style="color: #c9aa83" href="https://music.163.com/#/song?id=1813700975">海边</a> <a style="color: #c9aa83" href="https://music.163.com/#/song?id=1384117685">田野</a>
</div>
<div style="float:right;">
<img src="pic/archery.jpg" class="xwcms animation"/>
<p style="float:left;margin:10px;"><a href="index.html" style="color: #888291;">登录</a></p>
</div>
</div>
<!-- Body -->
<main>
<div class="container">
<!-- Info -->
<section class="grid-row grid-row--center">
<!-- Cabin -->
<div class="grid-column span-half pt3 pb3 mobile-m order-1">
<div class="relative">
<img class="info-image relative z2" src="pic/cabin.jpg" alt="Cabin">
<div class="pattern pattern--left-down absolute z1"></div>
</div>
</div>
<div class="grid-column span-half pt3 pb3 mobile-m order-2">
<h3 >晴空 °</h3>
<p>浩瀚的晴空，堆积的白云，曾承载着我多少无尽的幻想。</p>
</div>
<!-- Teepees -->
<div class="grid-column span-half pt3 pb3 mobile-m order-4">
<h3>° 海边</h3>
<p>夏季，我最喜欢到海边了。光着脚丫，踩在金色的柔软的沙滩上，缓缓吹动的海风像一双温暖的手轻轻地抚摸着我的头发脸颊。有时，我也会把脚放在凉爽的海水里，顿时，一股清凉的气流从脚底传遍全身，立刻驱散了浑身的酷热与烦躁，取而代之的是一身的清爽满心的愉悦。</p>
</div>
<div class="grid-column span-half pt3 pb3 mobile-m order-3">
<div class="relative">
<img class="info-image relative z2" src="pic/teepee.jpg" alt="Teepee">
<div class="pattern pattern--right-middle absolute z1"></div>
</div>
</div>
<!-- Fishing -->
<div class="grid-column span-half pt3 pb3 mobile-m order-5">
<div class="relative">
<img class="info-image relative z2" src="pic/fishing.jpg" alt="Fishing">
<div class="pattern pattern--left-up absolute z1"></div>
</div>
</div>
<div class="grid-column span-half pt3 pb3 mobile-m order-6">
<h3>田野 °</h3>
<p>秋天的田野里金灿灿的一片，在阳光的照耀下，闪烁着丰收的喜悦。</p>
</div>
<!-- Archery -->
<div class="grid-column span-half pt3 pb3 mobile-m order-8">
<h3>° 青春</h3>
<p>当你长大后才发现，曾经执着地追随过的东西，不过是青春的一场记念，和爱无关。</p>
</div>
<div class="grid-column span-half pt3 pb3 mobile-m order-7">
<div class="relative">
<img class="info-image relative z2" src="pic/archery.jpg" alt="Archery">
<div class="pattern pattern--right-down absolute z1"></div>
</div>
</div>
<!-- Canoeing -->
<div class="grid-column span-half pt3 pb3 mobile-m order-9">
<div class="relative">
<img class="info-image relative z2" src="pic/canoeing.jpg" alt="Canoeing">
<div class="pattern pattern--left-middle absolute z1"></div>
</div>
</div>
<div class="grid-column span-half pt3 pb3 mobile-m order-10">
<h3>成熟 °</h3>
<p>当你看到这个世界并不是想象的那么简单，那么你就成熟了！</p>
</div>
</section>
</div>
</main>
<!-- Footer -->
<footer class="pt2 pb2">
<div class="container align--center">
<p style="color:#FF6347;">周末·问候°</p>
<p style="font-size:.8em;">Copyright © 2021.</p>
</div>
</footer>
</body>
</html>
网页作业.zip （14个子文件） 
网页作业 
index.html 6KB js 
index.js 664B pic 
cabin.jpg 40KB teepee.jpg 61KB fishing.jpg 91KB archery.jpg 166KB canoeing.jpg 82KB .idea misc.xml 179B workspace.xml 12KB Web前端大作业6.0.iml 469B inspectionProfiles modules.xml 301B music m.mp3 2.9MB
站点说明书.docx 34KB css production.css 114KB
李科技文文
- 粉丝: 53
- 资源: 23
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减3.57元 开通VIP
- 1
- 2
- 3
- 4
- 5
- 6
前往页