请用HTML写一个看电影网站的主页

<!DOCTYPE html>
<html>
<head>
    <title>电影网站</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">电影分类</a></li>
                <li><a href="#">最新电影</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </nav>
    </header>
<pre><code>&lt;div class=&quot;hero-image&quot;&gt;
    &lt;div class=&quot;hero-text&quot;&gt;
        &lt;h1&gt;欢迎来到电影网站&lt;/h1&gt;
        &lt;p&gt;发现最新的电影信息，畅享电影的乐趣&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn&quot;&gt;浏览电影&lt;/a&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;section&gt;
    &lt;h2&gt;最新电影&lt;/h2&gt;
    &lt;div class=&quot;movie-list&quot;&gt;
        &lt;div class=&quot;movie&quot;&gt;
            &lt;img src=&quot;movie1.jpg&quot; alt=&quot;电影1&quot;&gt;
            &lt;h3&gt;电影标题1&lt;/h3&gt;
            &lt;p&gt;电影描述1&lt;/p&gt;
            &lt;a href=&quot;#&quot; class=&quot;btn&quot;&gt;了解更多&lt;/a&gt;
        &lt;/div&gt;
        &lt;div class=&quot;movie&quot;&gt;
            &lt;img src=&quot;movie2.jpg&quot; alt=&quot;电影2&quot;&gt;
            &lt;h3&gt;电影标题2&lt;/h3&gt;
            &lt;p&gt;电影描述2&lt;/p&gt;
            &lt;a href=&quot;#&quot; class=&quot;btn&quot;&gt;了解更多&lt;/a&gt;
        &lt;/div&gt;
        &lt;div class=&quot;movie&quot;&gt;
            &lt;img src=&quot;movie3.jpg&quot; alt=&quot;电影3&quot;&gt;
            &lt;h3&gt;电影标题3&lt;/h3&gt;
            &lt;p&gt;电影描述3&lt;/p&gt;
            &lt;a href=&quot;#&quot; class=&quot;btn&quot;&gt;了解更多&lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/section&gt;

&lt;footer&gt;
    &lt;p&gt;&amp;copy; 2022 电影网站. All rights reserved.&lt;/p&gt;
&lt;/footer&gt;
</code></pre>
</body>
</html