当前位置:网站首页>Minimalist movie website
Minimalist movie website
2022-07-07 12:25:00 【Miracle_ ze】
Minimalist movie website
home page
effect
html
<html>
<head><title> Catch the wind and follow the shadow </title>
<link href="css.css" type="text/css" rel="stylesheet"></head>
<body>
<div id="box">
<img src="images/movie_theme.jpg" />
<p id="nav"><a hrefe="#"> The plot </a> <a href="html/animation.htm"> Animation </a> <a href="html/sf.htm"> Science fiction </a> <a href="#"> action </a> <a href="#"> The suspense </a></p>
<p> There are many kinds of movies , Some make you cry , Some make you laugh ; </p>
<p> Some remind you of the past closed , Some make you look forward to the future ; </p><p> Some are very realistic , Some are bullshit ; </p>
<p classm="lastline"> Some make your brain work at high speed , Some give your heart a short rest .</p>
<p> The movie , It's such a magical thing ,</p>
<p> No matter what kind of movie it is — The plot , Animation , Science fiction , action , The suspense ......</p>
<p class="lastline"> Can make you feel the charm of life , Imagined surprise .</p>
<p> You ask me what a movie is ?</p>
<p> Maybe a movie is the whole world at a certain moment ,</p>
<p> Is eternity .</p>
<hr>
<p id="footer">copyright 2020</p>
</div>
</body>
</html>
Animation page ( The rest are the same , Same example )
Kehua page
Animation page html
<html>
<head><title> cartoon </title>
<link href=" ../css.css" rel="stylesheet" type="text/css" />
<style> #box{
background:lightgoldenrodyellow;} </style>
</head>
<body>
<div id="box">
<img class="banner" src="../images/animation_banner.jpg" />
<p id="nav"><a href="#"> The plot </a> <strong> Animation </strong> <a href="sf.htm"> Science fiction </a> <a href="#"> action </a> <a href="#"> The suspense </a></p>
<p id="bread"><a href="../ Movie home page .htm"> home page </a> > <strong> Animation </strong> </p>
<p><a href="nezha.htm"><img class="pics" src="../images/nezha.jpg" /></a><img class="pics" src="../images/spiritedaway.jpg" /><img class="pics" src="../images/zootopia.jpg" /></p>
<hr>
<p id="footer">copyright 2020</p>
</div>
</body>
</html>
Animation page details ( Which zha )
html
<html>
<head><title> cartoon </title>
<link href=" ../css.css" rel="stylesheet" type="text/css" />
<style> #box{
background:lightgoldenrodyellow;} </style>
</head>
<body>
<div id="box">
<img class="banner" src="../images/animation_banner.jpg" />
<p id="nav"><a href="#"> The plot </a> <strong> Animation </strong> <a href="sf.htm"> Science fiction </a> <a href="#"> action </a> <a href="#"> The suspense </a></p>
<p id="bread"><a href="../ Movie home page .htm"> home page </a> > <strong> Animation </strong> </p>
<p><a href="nezha.htm"><img class="pics" src="../images/nezha.jpg" /></a><img class="pics" src="../images/spiritedaway.jpg" /><img class="pics" src="../images/zootopia.jpg" /></p>
<hr>
<p id="footer">copyright 2020</p>
</div>
</body>
</html>
css
#box {text-align : center;
width: 80%;
margin: 0 auto;
}
#nav { font: 36px/2em Regular script ;
background: lightblue;
}
#bread {border-bottom:1px black dotted;
padding:3px;
text-align:left;}
#footer{font-size:small;}
h1{font:36px/2em In black ;}
h2{width:60%;border-bottom:1px black solid;margin:40px auto 20px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;
color:red;}
.banner{width:850px;height:320px;}
.lastline{margin-bottom:2em;}
.pics{
width:350px;height:515px;margin:8px;
}
边栏推荐
- Present pod information to the container through environment variables
- Explore cloud database of cloud services together
- What is a LAN domain name? How to parse?
- About sqli lab less-15 using or instead of and parsing
- 让数字管理好库存
- Sonar:Cognitive Complexity认知复杂度
- 2022 年第八届“认证杯”中国高校风险管理与控制能力挑战赛
- Tutorial on principles and applications of database system (007) -- related concepts of database
- zero-shot, one-shot和few-shot
- Typescript interface inheritance
猜你喜欢
111.网络安全渗透测试—[权限提升篇9]—[Windows 2008 R2内核溢出提权]
30. Few-shot Named Entity Recognition with Self-describing Networks 阅读笔记
SQL Lab (36~40) includes stack injection, MySQL_ real_ escape_ The difference between string and addslashes (continuous update after)
Solutions to cross domain problems
Completion report of communication software development and Application
Detailed explanation of debezium architecture of debezium synchronization
[neural network] convolutional neural network CNN [including Matlab source code 1932]
Solve server returns invalid timezone Go to ‘Advanced’ tab and set ‘serverTimezone’ property manually
Baidu digital person Du Xiaoxiao responded to netizens' shouts online to meet the Shanghai college entrance examination English composition
ENSP MPLS layer 3 dedicated line
随机推荐
编译 libssl 报错
Tutorial on the principle and application of database system (011) -- relational database
Camera calibration (2): summary of monocular camera calibration
全球首堆“玲龙一号”反应堆厂房钢制安全壳上部筒体吊装成功
The hoisting of the upper cylinder of the steel containment of the world's first reactor "linglong-1" reactor building was successful
NGUI-UILabel
Visual studio 2019 (localdb) \mssqllocaldb SQL Server 2014 database version is 852 and cannot be opened. This server supports version 782 and earlier
SQL Lab (32~35) contains the principle understanding and precautions of wide byte injection (continuously updated later)
Introduction and application of smoothstep in unity: optimization of dissolution effect
Ctfhub -web SSRF summary (excluding fastcgi and redI) super detailed
What are the technical differences in source code anti disclosure
sql-lab (54-65)
Present pod information to the container through environment variables
SQL Lab (46~53) (continuous update later) order by injection
RHSA first day operation
Hi3516 full system type burning tutorial
powershell cs-UTF-16LE编码上线
[neural network] convolutional neural network CNN [including Matlab source code 1932]
解决 Server returns invalid timezone. Go to ‘Advanced’ tab and set ‘serverTimezone’ property manually
【玩转 RT-Thread】 RT-Thread Studio —— 按键控制电机正反转、蜂鸣器