我的第一个网页
2018-08-23 本文已影响0人
獨孤記憶
image.png
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>first web</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.css"/>
</head>
<body>
<div class="ui vertical segment">
<div class="ui image">
<img src="img/1.jpg" width="100%" height="100%" alt=""/>
</div>
</div>
<div class="ui container segment">
<h1 class="ui header">Twins!</h1>
<p>
Twins! How exciting! Two little darlings, instead of one mean twice the joy and twice the fun, a double reason for you to be glad--Congratulations!
</p>
<button type="button" name="button" class="ui inverted blue button">More</button>
</div>
<div class="ui container segment">
<h1 class="ui header">A recent study</h1>
<p>
A recent study by a group of Chinese scientists mapped the economic sector loss~~~
</p>
<button type="button" name="button" class="ui inverted blue button">More</button>
</div>
<div class="ui container segment">
<h1 class="ui header">Michael</h1>
<p>
Michael also graduated with honors, but he did it twice: first as an engineer and then from law school.
</p>
<button type="button" name="button" class="ui inverted blue button">More</button>
</div>
<div class="ui container segment">
<h1 class="ui header">The baroness</h1>
<p>
The baroness had watched Debray while he read this long and painful letter, and saw him, notwithstanding his self-control, change color once or twice
</p>
<button type="button" name="button" class="ui inverted blue button">More</button>
</div>
</div>
<div class="ui inverted vertical very padded segment" style="text-align: center; vertical-align: middle;">
CY管理有限公司版权所有 All Rights Reserved 网站备案号：粤ICP备1401
</div>
</body>
</html>
