html静态网页作业框架
时间: 2023-11-14 18:03:42 浏览: 88
<!DOCTYPE html>
<html>
<head>
<title>静态网页作业框架</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.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>
<div class="header-text">
<h1>欢迎来到我们的网站</h1>
<p>我们是一家专业的公司,致力于为客户提供优质的服务。</p>
<button>了解更多</button>
</div>
</header>
<main>
<section>
<h2>公司简介</h2>
<p>我们公司成立于2000年,拥有一支专业的团队,为客户提供全方位的服务。</p>
</section>
<section>
<h2>服务项目</h2>
<div class="services">
<div class="service">
<h3>网站设计</h3>
<p>我们拥有一支专业的网站设计团队,可以为客户打造出独具特色的网站。</p>
</div>
<div class="service">
<h3>网络营销</h3>
<p>我们可以为客户提供全方位的网络营销服务,帮助客户提高品牌知名度。</p>
</div>
<div class="service">
<h3>移动应用开发</h3>
<p>我们拥有一支专业的移动应用开发团队,可以为客户开发出高质量的移动应用。</p>
</div>
</div>
</section>
<section>
<h2>新闻中心</h2>
<div class="news">
<div class="new">
<h3>公司新闻</h3>
<p>我们公司最新的动态,欢迎了解。</p>
<button>查看更多</button>
</div>
<div class="new">
<h3>行业新闻</h3>
<p>了解最新的行业动态,把握市场脉搏。</p>
<button>查看更多</button>
</div>
</div>
</section>
</main>
<footer>
<p>版权所有 © 2021</p>
</footer>
</body>
</html>
阅读全文