Skip to content

P
PairProject

一只迷路的伦 / PairProject
与 Fork 源项目一致

Fork自 Lyu- / PairProject

通知 1
Star 0
Fork 0
P
PairProject

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 8e8b42c5 编写于 作者: 一只迷路的伦's avatar 一只迷路的伦
浏览文件
操作

Gengxin

上级 62c314f2
隐藏空白更改
内联 并排
Showing with 193 addition and 112 deletion
221900305_221900331/2022/duandaosuhua.html
浏览文件 @ 8e8b42c5
......@@ -134,6 +134,7 @@
<ul class="nav navbar-nav">
<li><a href="introduction.html">简介</a></li>
<li><a href="pictures.html">奖牌总榜</a></li>
<li><a href="schedule.html">详细赛程</a></li>
<li class="active" ><a href="schedule2.html">记·冬奥赛程</a></li>
<li><a href="item.html">项目</a></li>
<li><a href="news.html">新闻速递</a></li>
......
221900305_221900331/2022/introduction.html
浏览文件 @ 8e8b42c5
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>Introduction</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<!-- 自定义的样式文件 -->
<link rel="shortcut icon" href="./public/badge.ico" type="image/x-icon">
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/introduction.css">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Olympics Winter Games</title>
<link rel="stylesheet" href="./css/style.css">
<link rel="shortcut icon" href="./public/badge.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,700" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<!-- nav-start -->
<nav class="navbar navbar-inverse navbar-fixed-top navbar-custom navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index2.html">Olympic Winter Games</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav" id="mynav">
<li class="active"><a href="introduction.html">简介</a></li>
<li><a href="pictures.html">奖牌总榜</a></li>
<li><a href="schedule2.html">记·冬奥赛程</a></li>
<li><a href="item.html">项目</a></li>
<li><a href="news.html">新闻速递</a></li>
</ul>
<header>
<img src="./public/skiing2.jpg" alt="skier on the mountain">
<a href="https://www.beijing2022.cn/" class="logo">
<img src="./public/dong-logo.png" alt="black square with diagonal white line">
</a>
<nav>
<a>
<img onclick="runMenu()" class="nav-button"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMzJweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNCwxMGgyNGMxLjEwNCwwLDItMC44OTYsMi0ycy0wLjg5Ni0yLTItMkg0QzIuODk2LDYsMiw2Ljg5NiwyLDhTMi44OTYsMTAsNCwxMHogTTI4LDE0SDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDIgIHMwLjg5NiwyLDIsMmgyNGMxLjEwNCwwLDItMC44OTYsMi0yUzI5LjEwNCwxNCwyOCwxNHogTTI4LDIySDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDJzMC44OTYsMiwyLDJoMjRjMS4xMDQsMCwyLTAuODk2LDItMiAgUzI5LjEwNCwyMiwyOCwyMnoiLz48L3N2Zz4="
alt="hamburger menu svg">
</a>
<div id="nav-items" class="nav-content">
<a href="introduction.html">简介</a>
<a href="pictures.html">奖牌总榜</a>
<a href="schedule.html">详细赛程</a>
<a href="schedule2.html">记·冬奥赛程</a>
<a href="item.html">项目</a>
<a href="news.html">新闻速递</a>
</div>
<!--/.nav-collapse -->
</nav>
<div class="title">
<h1>
冰雪盛宴筑奥梦
<br>双奥之城展风采
</h1>
<p>Welcome to
<a href="end.html"><strong>Beijing</strong></a>
<br> A beautiful city of ice and snow.
</p>
</div>
</nav>
<!-- nav-end -->
<!-- introduction-start -->
<div class="fullscreen nopadding" name='Top'>
<div class="header">
<h1>Introduction</h1>
</header>
<article id="aboutMe" class="about-me">
<div class="about-me-img">
<img class="resp-img" src="./public/introduction.jpg" alt="skier portrait upfront">
</div>
</div>
<div class="white nopadding more">
<a id="more">&#x25BC; More &#x25BC;</a>
</div>
<!-- introduction-end -->
<!-- content-start -->
<div class="content">
<div class="white">
<a id="test"></a>
<h1>Introduction</h1>
<p>冬季奥林匹克运动会（Olympic WinterGames）简称为冬季奥运会、冬奥会。
<br>主要由全世界地区举行，是世界规模最大的冬季综合性运动会，每四年举办一届，1994年起与夏季奥林匹克运动会相间举行。
<br>参与国主要分布在世界各地，包括欧洲、非洲、美洲、亚洲、大洋洲。
<br>由国际奥林匹克委员会（InternationalOlympic Committee）主办。按实际举行次数计算届数。
</p>
<p>1986年，国际奥委会全会决定把冬季奥运会和夏季奥运会从1994年起分开，每两年间隔举行。
<br>1992年冬季奥运会是最后一届与夏季奥运会同年举行的冬奥会。自1924年开始第1届，截至2018年共举办了23届，每四年一届。
<br>第24届冬季奥林匹克运动会于2022年2月4日至2月20日在中国北京和张家口举行。
<br>2022年1月14日，联合国邮政管理局宣布，为庆祝2022年北京冬奥会的召开，联合国将发行主题为“体育促进和平”的邮票。这是联合国首次为冬奥会发行邮票。
<div class="about-me-text">
<a href="introduction.html">
<h3>Introduction</h3>
</a>
<p>在东京奥运会完美落幕之后，中国迎来了又一个奥运——2022北京冬奥会。
</p>
</div>
<div class="semitrans">
<h1>Development</h1>
<p>19世纪末和20世纪初，奥林匹克运动会前影慢慢形成。
19世纪末和20世纪初，一些冰雪运动如滑雪、滑雪撬、滑冰、冰球等项目在欧美国家逐渐得到普及和发展。
1887年，挪威成立了世界上第一个滑雪俱乐部。
1890年，加拿大成立了世界上第一个冰球协会。
1892年，国际滑冰联盟在荷兰成立。
1893年，在阿姆斯特丹举行了首届男子速度滑冰锦标赛。</p>
<p>1908年，法国成立了世界范围的国际冰球联合会。
在冰雪运动日益普及的情况下，现代奥运会创始人顾拜旦建议单独举办冬季奥运会，但由于1901年北欧两项运动在欧洲斯堪的纳维亚半岛的成功举行而被拖延。
1908年，第4届夏季奥运会上增加了花样滑冰项目。
1920年，举办第7届夏季奥运会
国际奥委会拒绝接受北欧两项项目，而增加了冰球项目。花样滑冰和冰球加入奥运会后引起了观众的极大兴趣，但因天气条件给组织者带来诸多不便，尽管这两个项目都提前在4月份进行，但大多数比赛和奥运会的开幕式在8月中旬才举行。这使得一届奥运会要长达5个月的时间，在人力、物力上耗费太大。鉴于此，人们倾向于把冰雪项目从奥运会中分离出来，单独进行冰雪项目的奥运会。
</article>
<section id="myGallery" class="gallery">
<div class="gallery-first">
<img class="resp-img" src="./public/i1.jpg" alt="ropeway in the snowy mountains">
</div>
<div class="gallery-second">
<img class="resp-img" src="./public/i2.jpg" alt="skier from the back">
</div>
<div class="gallery-third">
<img class="resp-img" src="./public/i3.jpg" alt="skiers shoes">
</div>
<div class="gallery-fourth">
<img class="resp-img" src="./public/i4.jpg" alt="snowy mountains">
</div>
<div class="instagram">
<a href="item.html">
<h3>
Olympic Program
</h3>
</a>
<p>
滑冰 滑雪 冰壶 冰球 雪橇
</p>
<p>1924年，形成正式的冬季奥林匹克运动会
当时，在法国的夏蒙尼市承办了当时被称为“冬季运动周”的运动会，两年后国际奥委会正式把其更名为第1届冬季奥林匹克运动会。
冬季奥运会最初规定每4年举行一次，与夏季奥运会在同年和同一国家举行。从1928年的第2届冬奥会开始，冬季奥运会与夏季奥运会的举办地点改在不同的国家举行。1994年起，冬奥会与夏奥会以2年为间隔交叉举行。为冬奥会与夏奥会时间错开，故只有1992年冬奥会与1994年冬奥会相隔2年。
<a class="social-btn" href="item.html">
VIEW MORE
</a>
</div>
<div class="gallery-fifth">
<img src="./public/i5.jpg" alt="skiing-equipment on the wall" class="resp-img">
</div>
</section>
<section id="myMusic" class="music">
<div class="music-player">
<div class="music-player-txt">
<a href="news.html">
<h3>Live news</h3>
</a>
<p></p>
<p>
官方发布
<br> 焦点新闻
<br> 赛事新闻
<br> 热榜新闻
</p>
<a class="music-btn" href="news.html">VIEW MORE
<i class="fa fa-play" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="music-img">
<img id="music-backgr" src="./public/snow.jpg" alt="woman with headphones" class="resp-img">
</div>
<div class="spotify">
<div class="spotify-txt">
<a href="pictures.html">
<h3>
奖牌总榜
</h3>
</a>
<p>
运动健儿们在为这场冬季“盛宴”挥洒汗水取得的成绩
</p>
<a class="social-btn" href="pictures.html">
VIEW MORE
</a>
</div>
</div>
<div class="itunes-txt">
<a href="record.html">
<h3>
记·冬奥赛程
</h3>
</a>
<p>
回顾赛场上运动健儿的热血沸腾
</p>
<a class="social-btn" href="schedule.html">
VIEW MORE
</a>
</div>
</div>
<!-- content-start -->
</body>
<script src="./js/introduction.js"></script>
</section>
<script>
/* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
function runMenu() {
document.getElementById("nav-items").classList.toggle("show");
}
// Close the dropdown if the user clicks outside of it
window.onclick = function (event) {
if (!event.target.matches('.nav-button')) {
var dropdowns = document.getElementsByClassName("nav-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
</script>
</body>
</html>
\ No newline at end of file
221900305_221900331/2022/item.html
浏览文件 @ 8e8b42c5
......@@ -36,13 +36,14 @@
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="introduction.html">简介</a></li>
<li><a href="pictures.html">奖牌总榜</a></li>
<li><a href="schedule2.html">记·冬奥赛程</a></li>
<li class="active"><a href="item.html">项目</a></li>
<li><a href="news.html">新闻速递</a></li>
<li><a href="introduction.html">简介</a></li>
<li><a href="pictures.html">奖牌总榜</a></li>
<li><a href="schedule.html">详细赛程</a></li>
<li ><a href="schedule2.html">记·冬奥赛程</a></li>
<li class="active"> <a href="item.html">项目</a></li>
<li><a href="news.html">新闻速递</a></li>
</ul>
</div>
</div>
<!--/.nav-collapse -->
</div>
</nav>
......
221900305_221900331/2022/news.html
浏览文件 @ 8e8b42c5
......@@ -35,13 +35,14 @@
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="introduction.html">简介</a></li>
<li><a href="pictures.html">奖牌总榜</a></li>
<li><a href="schedule2.html">记·冬奥赛程</a></li>
<li><a href="item.html">项目</a></li>
<li class="active"><a href="news.html">新闻速递</a></li>
<li><a href="introduction.html">简介</a></li>
<li><a href="pictures.html">奖牌总榜</a></li>
<li><a href="schedule.html">详细赛程</a></li>
<li ><a href="schedule2.html">记·冬奥赛程</a></li>
<li><a href="item.html">项目</a></li>
<li class="active" ><a href="news.html">新闻速递</a></li>
</ul>
</div>
</div>
<!--/.nav-collapse -->
</div>
</nav>
......
221900305_221900331/2022/pictures.html
浏览文件 @ 8e8b42c5
......@@ -72,14 +72,14 @@
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="introduction.html">简介</a></li>
<li class="active"><a href="pictures.html">奖牌总榜</a></li>
<li><a href="schedule2.html">记·冬奥赛程</a></li>
<li><a href="item.html">项目</a></li>
<li><a href="news.html">新闻速递</a></li>
<li><a href="introduction.html">简介</a></li>
<li class="active" ><a href="pictures.html">奖牌总榜</a></li>
<li><a href="schedule.html">详细赛程</a></li>
<li ><a href="schedule2.html">记·冬奥赛程</a></li>
<li><a href="item.html">项目</a></li>
<li><a href="news.html">新闻速递</a></li>
</ul>
</div>
</div>
<!--/.nav-collapse -->
</div>
</nav>
......
221900305_221900331/2022/schedule.html
浏览文件 @ 8e8b42c5
......@@ -17,7 +17,8 @@
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/record.css">
<link rel="stylesheet" href="./css/person.css">
<link rel="stylesheet" href="./css/introduction.css">
<style>
*{
......@@ -27,7 +28,7 @@
.box{
border: 1px solid #000;
margin:50px auto;
width: 1000px;
width: 1200px;
padding: 10px 10px;
}
.box table{
......@@ -52,7 +53,9 @@
}
</style>
</head>
<style>
@import 'https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i';
</style>
<body>
<!-- nav-start -->
......@@ -72,7 +75,8 @@
<ul class="nav navbar-nav">
<li><a href="introduction.html">简介</a></li>
<li><a href="pictures.html">奖牌总榜</a></li>
<li class="active" ><a href="schedule2.html">记·冬奥赛程</a></li>
<li class="active"><a href="schedule.html">详细赛程</a></li>
<li><a href="schedule2.html">记·冬奥赛程</a></li>
<li><a href="item.html">项目</a></li>
<li><a href="news.html">新闻速递</a></li>
</ul>
......@@ -82,6 +86,18 @@
</nav>
<!-- nav-end -->
<!-- introduction-start -->
<div class="fullscreen nopadding" name='Top'>
<div class="header">
<h1>Introduction</h1>
</div>
</div>
<div class="white nopadding more">
<a id="more">&#x25BC; More &#x25BC;</a>
</div>
<!-- introduction-end -->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(function () {
......
221900305_221900331/2022/schedule2.html
浏览文件 @ 8e8b42c5
......@@ -43,7 +43,8 @@
<ul class="nav navbar-nav">
<li><a href="introduction.html">简介</a></li>
<li><a href="pictures.html">奖牌总榜</a></li>
<li class="active" ><a href="record.html">记·冬奥赛程</a></li>
<li><a href="schedule.html">详细赛程</a></li>
<li class="active" ><a href="schedule2.html">记·冬奥赛程</a></li>
<li><a href="item.html">项目</a></li>
<li><a href="news.html">新闻速递</a></li>
</ul>
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或